MVC_CRUD/Scripts/datatable/extensions/Scroller/examples/index.html

(开头部分) 4KB

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
	<meta name="viewport" content="initial-scale=1.0, maximum-scale=2.0">
	<link rel="stylesheet" type="text/css" href="../../../examples/resources/syntax/shCore.css">
	<link rel="stylesheet" type="text/css" href="../../../examples/resources/demo.css">
	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.3.min.js">
	</script>
	<script type="text/javascript" language="javascript" src="../../../examples/resources/syntax/shCore.js">
	</script>
	<script type="text/javascript" language="javascript" src="../../../examples/resources/demo.js">
	</script>
	<title>Scroller examples - Scroller examples</title>
</head>
<body class="dt-example">
	<div class="container">
		<section>
			<h1>Scroller example <span>Scroller examples</span></h1>
			<div class="info">
				<p>Scroller is a virtual rendering plug-in for DataTables which allows large datasets to be drawn on screen every quickly. What the virtual rendering means is that
				only the visible portion of the table (and a bit to either side to make the scrolling smooth) is drawn, while the scrolling container gives the visual impression
				that the whole table is visible. This is done by making use of the pagination abilities of DataTables and moving the table around in the scrolling container
				DataTables adds to the page. The scrolling container is forced to the height it would be for the full table display using an extra element.</p>
				<p>Scroller is initialised by simply including the letter <code>S</code> in the <a href="//datatables.net/reference/option/dom"><code class="option" title=
				"DataTables initialisation option">dom</code></a> for the table you want to have this feature enabled on. Note that the <code>S</code> must come after the
				<code>t</code> parameter in <a href="//datatables.net/reference/option/dom"><code class="option" title="DataTables initialisation option">dom</code></a>.</p>
				<p>Key features include:</p>
				<ul class="markdown">
					<li>Speed! The aim of Scroller for DataTables is to make rendering large data sets fast</li>
					<li>Full compatibility with DataTables' deferred rendering for maximum speed</li>
					<li>Integration with state saving in DataTables (scrolling position is saved)</li>
					<li>Easy to use</li>
				</ul>
			</div>
		</section>
	</div>
	<section>
		<div class="footer">
			<div class="gradient"></div>
			<div class="liner">
				<div class="toc">
					<div class="toc-group">
						<h3><a href="./initialisation/index.html">Initialisation</a></h3>
						<ul class="toc">
							<li>
								<a href="./initialisation/simple.html">Basic initialisation</a>
							</li>
							<li>
								<a href="./initialisation/state_saving.html">State saving</a>
							</li>
							<li>
								<a href="./initialisation/large_js_source.html">Client-side data source (50,000 rows)</a>
							</li>
							<li>
								<a href="./initialisation/server-side_processing.html">Server-side processing (5,000,000 rows)</a>
							</li>
							<li>
								<a href="./initialisation/api_scrolling.html">API</a>
后面还有 42 行代码,解锁后查看完整代码

24 小时内免费解锁 3 个项目,之后 1 积分/个。 规则说明

AI 解读

登录后可用,每次 10 积分,解读结果公开显示在下面。

还没有人解读过这个文件。