github/DataTables
1
1
Fork 0
mirror of https://github.com/DataTables/DataTables.git synced 2026-04-25 03:00:08 -04:00
Code Issues Packages Projects Releases Wiki Activity

New: Syntax highlighting for the examples and provide a link for DataTables initialisation options to the reference page

Browse Source
This commit is contained in:
Allan Jardine
2011-09-05 19:14:02 +01:00
parent 9f171bbd7e
commit f788dd28d3
81 changed files with 1078 additions and 79 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
examples/basic_init/alt_pagination.html
View File

@@ -423,11 +423,15 @@
<h1>Initialisation code</h1>
<pre>$(document).ready(function() {
<pre class="brush: js;">$(document).ready(function() {
$('#example').dataTable( {
"sPaginationType": "full_numbers"
} );
} );</pre>
<style type="text/css">
@import "../examples_support/syntax/css/shCore.css";
</style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Other examples</h1>

6
examples/basic_init/complex_header.html
View File

@@ -464,9 +464,13 @@
<h1>Initialisation code</h1>
<pre>$(document).ready(function() {
<pre class="brush: js;">$(document).ready(function() {
$('#example').dataTable();
} );</pre>
<style type="text/css">
@import "../examples_support/syntax/css/shCore.css";
</style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Other examples</h1>

6
examples/basic_init/dom.html
View File

@@ -475,11 +475,15 @@
<h1>Initialisation code</h1>
<pre>$(document).ready(function() {
<pre class="brush: js;">$(document).ready(function() {
$('#example').dataTable( {
"sDom": '&lt;"top"i&gt;rt&lt;"bottom"flp&gt;&lt;"clear"&gt;'
} );
} );</pre>
<style type="text/css">
@import "../examples_support/syntax/css/shCore.css";
</style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Other examples</h1>

9
examples/basic_init/filter_only.html
View File

@@ -460,15 +460,20 @@
<h1>Initialisation code</h1>
<pre>$(document).ready(function() {
<pre class="brush: js;">$(document).ready(function() {
$('#example').dataTable( {
"bPaginate": false,
"bLengthChange": false,
"bFilter": true,
"bSort": false,
"bInfo": false,
"bAutoWidth": false } );
"bAutoWidth": false
} );
} );</pre>
<style type="text/css">
@import "../examples_support/syntax/css/shCore.css";
</style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Other examples</h1>

6
examples/basic_init/hidden_columns.html
View File

@@ -458,13 +458,17 @@
<h1>Initialisation code</h1>
<pre>$(document).ready(function() {
<pre class="brush: js;">$(document).ready(function() {
$('#example').dataTable( {
"aoColumnDefs": [
{ "bSearchable": false, "bVisible": false, "aTargets": [ 2 ] },
{ "bVisible": false, "aTargets": [ 3 ] }
] } );
} );</pre>
<style type="text/css">
@import "../examples_support/syntax/css/shCore.css";
</style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Other examples</h1>

6
examples/basic_init/language.html
View File

@@ -462,7 +462,7 @@
<h1>Initialisation code</h1>
<pre>$(document).ready(function() {
<pre class="brush: js;">$(document).ready(function() {
$('#example').dataTable( {
"oLanguage": {
"sLengthMenu": "Display _MENU_ records per page",
@@ -473,6 +473,10 @@ $('#example').dataTable( {
}
} );
} );</pre>
<style type="text/css">
@import "../examples_support/syntax/css/shCore.css";
</style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Other examples</h1>

6
examples/basic_init/multi_col_sort.html
View File

@@ -474,7 +474,7 @@
<h1>Initialisation code</h1>
<pre>/* Define two custom functions (asc and desc) for string sorting */
<pre class="brush: js;">/* Define two custom functions (asc and desc) for string sorting */
jQuery.fn.dataTableExt.oSort['string-case-asc'] = function(x,y) {
return ((x &lt; y) ? -1 : ((x &gt; y) ? 1 : 0));
};
@@ -496,6 +496,10 @@ $(document).ready(function() {
]
} );
} );</pre>
<style type="text/css">
@import "../examples_support/syntax/css/shCore.css";
</style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Other examples</h1>

6
examples/basic_init/multiple_tables.html
View File

@@ -274,9 +274,13 @@
<h1>Initialisation code</h1>
<pre>$(document).ready(function() {
<pre class="brush: js;">$(document).ready(function() {
$('.dataTable').dataTable();
} );</pre>
<style type="text/css">
@import "../examples_support/syntax/css/shCore.css";
</style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Other examples</h1>

7
examples/basic_init/scroll_x.html
View File

@@ -463,13 +463,18 @@
<h1>Initialisation code</h1>
<pre>$(document).ready(function() {
<pre class="brush: js;">$(document).ready(function() {
$('#example').dataTable( {
"sScrollX": "100%",
"sScrollXInner": "110%",
"bScrollCollapse": true
} );
} );</pre>
<style type="text/css">
@import "../examples_support/syntax/css/shCore.css";
</style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Other examples</h1>

6
examples/basic_init/scroll_xy.html
View File

@@ -454,13 +454,17 @@
<h1>Initialisation code</h1>
<pre>$(document).ready(function() {
<pre class="brush: js;">$(document).ready(function() {
$('#example').dataTable( {
"sScrollY": 200,
"sScrollX": "100%",
"sScrollXInner": "110%"
} );
} );</pre>
<style type="text/css">
@import "../examples_support/syntax/css/shCore.css";
</style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Other examples</h1>

6
examples/basic_init/scroll_y.html
View File

@@ -462,12 +462,16 @@
<h1>Initialisation code</h1>
<pre>$(document).ready(function() {
<pre class="brush: js;">$(document).ready(function() {
$('#example').dataTable( {
"sScrollY": "200px",
"bPaginate": false
} );
} );</pre>
<style type="text/css">
@import "../examples_support/syntax/css/shCore.css";
</style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Other examples</h1>

6
examples/basic_init/scroll_y_infinite.html
View File

@@ -464,13 +464,17 @@
<h1>Initialisation code</h1>
<pre>$(document).ready(function() {
<pre class="brush: js;">$(document).ready(function() {
$('#example').dataTable( {
"bScrollInfinite": true,
"bScrollCollapse": true,
"sScrollY": "200px"
} );
} );</pre>
<style type="text/css">
@import "../examples_support/syntax/css/shCore.css";
</style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Other examples</h1>

6
examples/basic_init/scroll_y_theme.html
View File

@@ -463,13 +463,17 @@
<h1>Initialisation code</h1>
<pre>$(document).ready(function() {
<pre class="brush: js;">$(document).ready(function() {
$('#example').dataTable( {
"sScrollY": 200,
"bJQueryUI": true,
"sPaginationType": "full_numbers"
} );
} );</pre>
<style type="text/css">
@import "../examples_support/syntax/css/shCore.css";
</style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Other examples</h1>

6
examples/basic_init/state_save.html
View File

@@ -460,11 +460,15 @@
<h1>Initialisation code</h1>
<pre>$(document).ready(function() {
<pre class="brush: js;">$(document).ready(function() {
$('#example').dataTable( {
"bStateSave": true
} );
} );</pre>
<style type="text/css">
@import "../examples_support/syntax/css/shCore.css";
</style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Other examples</h1>

6
examples/basic_init/table_sorting.html
View File

@@ -460,11 +460,15 @@
<h1>Initialisation code</h1>
<pre>$(document).ready(function() {
<pre class="brush: js;">$(document).ready(function() {
$('#example').dataTable( {
"aaSorting": [[ 4, "desc" ]]
} );
} );</pre>
<style type="text/css">
@import "../examples_support/syntax/css/shCore.css";
</style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Other examples</h1>

6
examples/basic_init/themes.html
View File

@@ -453,12 +453,16 @@
<h1>Initialisation code</h1>
<pre>$(document).ready(function() {
<pre class="brush: js;">$(document).ready(function() {
oTable = $('#example').dataTable({
"bJQueryUI": true,
"sPaginationType": "full_numbers"
});
} );</pre>
<style type="text/css">
@import "../examples_support/syntax/css/shCore.css";
</style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Other examples</h1>

6
examples/basic_init/zero_config.html
View File

@@ -458,9 +458,13 @@
<h1>Initialisation code</h1>
<pre>$(document).ready(function() {
<pre class="brush: js;">$(document).ready(function() {
$('#example').dataTable();
} );</pre>
<style type="text/css">
@import "../examples_support/syntax/css/shCore.css";
</style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Other examples</h1>