DataTables/examples/api/index.html

<!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="../resources/syntax/shCore.css"><link rel="stylesheet" type="text/css" href="../resources/demo.css">
		<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.0.min.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>
		<title>DataTables examples - API</title>
	</head>
	<body class="dt-example">
		<div class="container">
			<section>
				<h1>DataTables example <span>API</span></h1>
				<div class="info">
					<p>The real power of DataTables can be exploited through the use of the API that it presents. The DataTables API is designed to be simple, consistent and easy to use. The examples in this section show how the API may be used.</p>

				</div>
			</section>
		</div>

		<section>
			<div class="footer">
				<div class="gradient"></div>
				<div class="liner">
					<div class="toc">
						<div class="toc-group"><h3><a href="./index.html
">API</a></h3><ul class="toc"><li><a href="./add_row.html
">Add rows</a></li><li><a href="./multi_filter.html
">Individual column searching (text inputs)</a></li><li><a href="./multi_filter_select.html
">Individual column searching (select inputs)</a></li><li><a href="./highlight.html
">Highlighting rows and columns</a></li><li><a href="./row_details.html
">Child rows (show extra / detailed information)</a></li><li><a href="./select_row.html
">Row selection (multiple rows)</a></li><li><a href="./select_single_row.html
">Row selection and deletion (single row)</a></li><li><a href="./form.html
">Form inputs</a></li><li><a href="./counter_columns.html
">Index column</a></li><li><a href="./show_hide.html
">Show / hide columns dynamically</a></li><li><a href="./api_in_init.html
">Using API in callbacks</a></li><li><a href="./tabs_and_scrolling.html
">Scrolling and Bootstrap tabs</a></li><li><a href="./regex.html
">Search API (regular expressions)</a></li></ul></div>
					</div>

					<div class="epilogue">
						<p>
							Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
							Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.
						</p>
						
						<p class="copyright">
							DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> &copy; 2007-2016<br>
							DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.
						</p>
					</div>
				</div>
			</div>
		</section>
	</body>
</html>
Remove prefixed -moz-box-sizing (not needed since ff 29) https://developer.mozilla.org/en-US/Firefox/Releases/29 2016-12-02 16:46:11 +00:00			`<!doctype html>`
New - examples: Examples updated and restyled for DataTables 1.10 - Additional information and better layout for examples. See the src repo for more information. 2013-10-16 12:13:30 +01:00			`<html>`
Remove prefixed -moz-box-sizing (not needed since ff 29) https://developer.mozilla.org/en-US/Firefox/Releases/29 2016-12-02 16:46:11 +00:00			`<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="../resources/syntax/shCore.css"><link rel="stylesheet" type="text/css" href="../resources/demo.css">`
			`<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.0.min.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>`
			`<title>DataTables examples - API</title>`
			`</head>`
			`<body class="dt-example">`
			`<div class="container">`
			`<section>`
			`<h1>DataTables example <span>API</span></h1>`
			`<div class="info">`
			`<p>The real power of DataTables can be exploited through the use of the API that it presents. The DataTables API is designed to be simple, consistent and easy to use. The examples in this section show how the API may be used.</p>`

			`</div>`
			`</section>`
			`</div>`

Fix: The `every()` method did not have the selector options applied to it - this was particularly noticable with the `dt-api columns().every()` method - See DataTables/DataTables #679 and https://jsfiddle.net/7mgny9gb/2/ - Thanks @mpryvkin for noting this bug and the test cases 2015-09-25 09:50:54 +01:00			`<section>`
Remove prefixed -moz-box-sizing (not needed since ff 29) https://developer.mozilla.org/en-US/Firefox/Releases/29 2016-12-02 16:46:11 +00:00			`<div class="footer">`
			`<div class="gradient"></div>`
			`<div class="liner">`
			`<div class="toc">`
			`<div class="toc-group"><h3><a href="./index.html`
			`">API</a></h3><ul class="toc"><li><a href="./add_row.html`
			`">Add rows</a></li><li><a href="./multi_filter.html`
			`">Individual column searching (text inputs)</a></li><li><a href="./multi_filter_select.html`
			`">Individual column searching (select inputs)</a></li><li><a href="./highlight.html`
			`">Highlighting rows and columns</a></li><li><a href="./row_details.html`
			`">Child rows (show extra / detailed information)</a></li><li><a href="./select_row.html`
			`">Row selection (multiple rows)</a></li><li><a href="./select_single_row.html`
			`">Row selection and deletion (single row)</a></li><li><a href="./form.html`
			`">Form inputs</a></li><li><a href="./counter_columns.html`
			`">Index column</a></li><li><a href="./show_hide.html`
			`">Show / hide columns dynamically</a></li><li><a href="./api_in_init.html`
			`">Using API in callbacks</a></li><li><a href="./tabs_and_scrolling.html`
			`">Scrolling and Bootstrap tabs</a></li><li><a href="./regex.html`
			`">Search API (regular expressions)</a></li></ul></div>`
			`</div>`

			`<div class="epilogue">`
			`<p>`
			`Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>`
			`Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.`
			`</p>`

			`<p class="copyright">`
			`DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2016<br>`
			`DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.`
			`</p>`
Fix: The `every()` method did not have the selector options applied to it - this was particularly noticable with the `dt-api columns().every()` method - See DataTables/DataTables #679 and https://jsfiddle.net/7mgny9gb/2/ - Thanks @mpryvkin for noting this bug and the test cases 2015-09-25 09:50:54 +01:00			`</div>`
Dev: Output a warning if html tidy is not installed - I just updated my PHP and HTML Tidy was not installed which resulted in the examples in the dist repo all being rewritten unfortunately. This should stop that happening again. 2015-09-25 10:08:52 +01:00			`</div>`
New - examples: Examples updated and restyled for DataTables 1.10 - Additional information and better layout for examples. See the src repo for more information. 2013-10-16 12:13:30 +01:00			`</div>`
Remove prefixed -moz-box-sizing (not needed since ff 29) https://developer.mozilla.org/en-US/Firefox/Releases/29 2016-12-02 16:46:11 +00:00			`</section>`
			`</body>`
New - examples: Examples updated and restyled for DataTables 1.10 - Additional information and better layout for examples. See the src repo for more information. 2013-10-16 12:13:30 +01:00			`</html>`