MVC_CRUD/Scripts/datatable/examples/basic_init/dom.html

（开头部分） 27KB

这里只显示每个文件的开头 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">
	<title>DataTables example - DOM positioning</title>
	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
	<style type="text/css" class="init">
	
	</style>
	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
	</script>
	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
	</script>
	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
	</script>
	<script type="text/javascript" language="javascript" src="../resources/demo.js">
	</script>
	<script type="text/javascript" language="javascript" class="init">
	
$(document).ready(function() {
	$('#example').DataTable( {
		"dom": '<"top"i>rt<"bottom"flp><"clear">'
	} );
} );

	</script>
</head>
<body class="dt-example">
	<div class="container">
		<section>
			<h1>DataTables example <span>DOM positioning</span></h1>
			<div class="info">
				<p>When customising DataTables for your own usage, you might find that the default position of the feature elements (filter input etc) is not quite to your liking.
				To address this issue DataTables takes inspiration from the CSS 3 Advanced Layout Module and provides the <a href=
				"//datatables.net/reference/option/dom"><code class="option" title="DataTables initialisation option">dom</code></a> initialisation parameter which can be set to
				indicate where you wish particular features to appear in the DOM. You can also specify <code>div</code> wrapping containers (with an id and / or class) to provide
				complete layout flexibility.</p>
				<p>Each HTML control element presented by DataTables is denoted by a single character in the <a href="//datatables.net/reference/option/dom"><code class="option"
				title="DataTables initialisation option">dom</code></a> option. For example the <code>l</code> option is used for the <code>L</code>ength changing input
				option.</p>
				<p>The built-in options available are:</p>
				<ul class="markdown">
					<li><code>l</code> - <code>L</code>ength changing</li>
					<li><code>f</code> - <code>F</code>iltering input</li>
					<li><code>t</code> - The <code>T</code>able!</li>
					<li><code>i</code> - <code>I</code>nformation</li>
					<li><code>p</code> - <code>P</code>agination</li>
					<li><code>r</code> - p<code>R</code>ocessing</li>
					<li><code>&lt;</code> and <code>&gt;</code> - div elements</li>
					<li><code>&lt;"#id"</code> and <code>&gt;</code> - div with an id</li>
					<li><code>&lt;"class"</code> and <code>&gt;</code> - div with a class</li>
					<li><code>&lt;"#id.class"</code> and <code>&gt;</code> - div with an id and class</li>
				</ul>
				<p>Example 1:</p>
				<pre><code class="multiline">&lt;"wrapper"flipt&gt;
</code></pre>
后面还有 888 行代码，解锁后查看完整代码

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

AI 解读

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

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