2016-12-02 18:12:34 +01:00
<!DOCTYPE html>
2013-10-16 13:13:30 +02:00
< html >
2016-12-02 18:12:34 +01: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" >
< title > DataTables example - Javascript sourced data< / 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 >
2016-12-02 18:35:27 +01:00
< script type = "text/javascript" language = "javascript" src = "//code.jquery.com/jquery-1.12.4.js" >
2016-12-02 18:12:34 +01:00
< / 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" >
2013-10-16 13:13:30 +02:00
var dataSet = [
2015-08-12 20:48:33 +02:00
[ "Tiger Nixon", "System Architect", "Edinburgh", "5421", "2011/04/25", "$320,800" ],
[ "Garrett Winters", "Accountant", "Tokyo", "8422", "2011/07/25", "$170,750" ],
[ "Ashton Cox", "Junior Technical Author", "San Francisco", "1562", "2009/01/12", "$86,000" ],
[ "Cedric Kelly", "Senior Javascript Developer", "Edinburgh", "6224", "2012/03/29", "$433,060" ],
[ "Airi Satou", "Accountant", "Tokyo", "5407", "2008/11/28", "$162,700" ],
[ "Brielle Williamson", "Integration Specialist", "New York", "4804", "2012/12/02", "$372,000" ],
[ "Herrod Chandler", "Sales Assistant", "San Francisco", "9608", "2012/08/06", "$137,500" ],
[ "Rhona Davidson", "Integration Specialist", "Tokyo", "6200", "2010/10/14", "$327,900" ],
[ "Colleen Hurst", "Javascript Developer", "San Francisco", "2360", "2009/09/15", "$205,500" ],
[ "Sonya Frost", "Software Engineer", "Edinburgh", "1667", "2008/12/13", "$103,600" ],
[ "Jena Gaines", "Office Manager", "London", "3814", "2008/12/19", "$90,560" ],
[ "Quinn Flynn", "Support Lead", "Edinburgh", "9497", "2013/03/03", "$342,000" ],
[ "Charde Marshall", "Regional Director", "San Francisco", "6741", "2008/10/16", "$470,600" ],
[ "Haley Kennedy", "Senior Marketing Designer", "London", "3597", "2012/12/18", "$313,500" ],
[ "Tatyana Fitzpatrick", "Regional Director", "London", "1965", "2010/03/17", "$385,750" ],
[ "Michael Silva", "Marketing Designer", "London", "1581", "2012/11/27", "$198,500" ],
[ "Paul Byrd", "Chief Financial Officer (CFO)", "New York", "3059", "2010/06/09", "$725,000" ],
[ "Gloria Little", "Systems Administrator", "New York", "1721", "2009/04/10", "$237,500" ],
[ "Bradley Greer", "Software Engineer", "London", "2558", "2012/10/13", "$132,000" ],
[ "Dai Rios", "Personnel Lead", "Edinburgh", "2290", "2012/09/26", "$217,500" ],
[ "Jenette Caldwell", "Development Lead", "New York", "1937", "2011/09/03", "$345,000" ],
[ "Yuri Berry", "Chief Marketing Officer (CMO)", "New York", "6154", "2009/06/25", "$675,000" ],
[ "Caesar Vance", "Pre-Sales Support", "New York", "8330", "2011/12/12", "$106,450" ],
[ "Doris Wilder", "Sales Assistant", "Sidney", "3023", "2010/09/20", "$85,600" ],
[ "Angelica Ramos", "Chief Executive Officer (CEO)", "London", "5797", "2009/10/09", "$1,200,000" ],
[ "Gavin Joyce", "Developer", "Edinburgh", "8822", "2010/12/22", "$92,575" ],
[ "Jennifer Chang", "Regional Director", "Singapore", "9239", "2010/11/14", "$357,650" ],
[ "Brenden Wagner", "Software Engineer", "San Francisco", "1314", "2011/06/07", "$206,850" ],
[ "Fiona Green", "Chief Operating Officer (COO)", "San Francisco", "2947", "2010/03/11", "$850,000" ],
[ "Shou Itou", "Regional Marketing", "Tokyo", "8899", "2011/08/14", "$163,000" ],
[ "Michelle House", "Integration Specialist", "Sidney", "2769", "2011/06/02", "$95,400" ],
[ "Suki Burks", "Developer", "London", "6832", "2009/10/22", "$114,500" ],
[ "Prescott Bartlett", "Technical Author", "London", "3606", "2011/05/07", "$145,000" ],
[ "Gavin Cortez", "Team Leader", "San Francisco", "2860", "2008/10/26", "$235,500" ],
[ "Martena Mccray", "Post-Sales support", "Edinburgh", "8240", "2011/03/09", "$324,050" ],
[ "Unity Butler", "Marketing Designer", "San Francisco", "5384", "2009/12/09", "$85,675" ]
2013-10-16 13:13:30 +02:00
];
$(document).ready(function() {
2015-08-10 15:57:47 +02:00
$('#example').DataTable( {
2015-08-12 20:48:33 +02:00
data: dataSet,
columns: [
{ title: "Name" },
{ title: "Position" },
{ title: "Office" },
{ title: "Extn." },
{ title: "Start date" },
{ title: "Salary" }
2013-10-16 13:13:30 +02:00
]
2015-08-12 20:48:33 +02:00
} );
2013-10-16 13:13:30 +02:00
} );
2016-12-02 18:12:34 +01:00
< / script >
< / head >
< body class = "dt-example" >
< div class = "container" >
< section >
< h1 > DataTables example < span > Javascript sourced data< / span > < / h1 >
< div class = "info" >
< p > At times you will wish to be able to create a table from dynamic information passed directly to DataTables, rather than having it read from the document. This
is achieved using the < a href = "//datatables.net/reference/option/data" > < code class = "option" title = "DataTables initialisation option" > data< / code > < / a > option in the
initialisation object, passing in an array of data to be used (like all other DataTables handled data, this can be arrays or objects using the < a href =
"//datatables.net/reference/option/columns.data">< code class = "option" title = "DataTables initialisation option" > columns.data< / code > < / a > option).< / p >
< p > A < code class = "tag" title = "HTML tag" > table< / code > must be available on the page for DataTables to use. This examples shows an empty < code class = "tag" title =
"HTML tag">table< / code > element being initialising as a DataTable with a set of data from a Javascript array. The columns in the table are dynamically created
based on the < a href = "//datatables.net/reference/option/columns.title" > < code class = "option" title = "DataTables initialisation option" > columns.title< / code > < / a >
configuration option.< / p >
< / div >
< table id = "example" class = "display" width = "100%" > < / table >
< ul class = "tabs" >
< li class = "active" > Javascript< / li >
< li > HTML< / li >
< li > CSS< / li >
< li > Ajax< / li >
< li > Server-side script< / li >
< / ul >
< div class = "tabs" >
< div class = "js" >
< p > The Javascript shown below is used to initialise the table shown in this example:< / p > < code class = "multiline language-js" > var dataSet = [
2015-08-12 20:48:33 +02:00
[ " Tiger Nixon" , " System Architect" , " Edinburgh" , " 5421" , " 2011/04/25" , " $320,800" ],
[ " Garrett Winters" , " Accountant" , " Tokyo" , " 8422" , " 2011/07/25" , " $170,750" ],
[ " Ashton Cox" , " Junior Technical Author" , " San Francisco" , " 1562" , " 2009/01/12" , " $86,000" ],
[ " Cedric Kelly" , " Senior Javascript Developer" , " Edinburgh" , " 6224" , " 2012/03/29" , " $433,060" ],
[ " Airi Satou" , " Accountant" , " Tokyo" , " 5407" , " 2008/11/28" , " $162,700" ],
[ " Brielle Williamson" , " Integration Specialist" , " New York" , " 4804" , " 2012/12/02" , " $372,000" ],
[ " Herrod Chandler" , " Sales Assistant" , " San Francisco" , " 9608" , " 2012/08/06" , " $137,500" ],
[ " Rhona Davidson" , " Integration Specialist" , " Tokyo" , " 6200" , " 2010/10/14" , " $327,900" ],
[ " Colleen Hurst" , " Javascript Developer" , " San Francisco" , " 2360" , " 2009/09/15" , " $205,500" ],
[ " Sonya Frost" , " Software Engineer" , " Edinburgh" , " 1667" , " 2008/12/13" , " $103,600" ],
[ " Jena Gaines" , " Office Manager" , " London" , " 3814" , " 2008/12/19" , " $90,560" ],
[ " Quinn Flynn" , " Support Lead" , " Edinburgh" , " 9497" , " 2013/03/03" , " $342,000" ],
[ " Charde Marshall" , " Regional Director" , " San Francisco" , " 6741" , " 2008/10/16" , " $470,600" ],
[ " Haley Kennedy" , " Senior Marketing Designer" , " London" , " 3597" , " 2012/12/18" , " $313,500" ],
[ " Tatyana Fitzpatrick" , " Regional Director" , " London" , " 1965" , " 2010/03/17" , " $385,750" ],
[ " Michael Silva" , " Marketing Designer" , " London" , " 1581" , " 2012/11/27" , " $198,500" ],
[ " Paul Byrd" , " Chief Financial Officer (CFO)" , " New York" , " 3059" , " 2010/06/09" , " $725,000" ],
[ " Gloria Little" , " Systems Administrator" , " New York" , " 1721" , " 2009/04/10" , " $237,500" ],
[ " Bradley Greer" , " Software Engineer" , " London" , " 2558" , " 2012/10/13" , " $132,000" ],
[ " Dai Rios" , " Personnel Lead" , " Edinburgh" , " 2290" , " 2012/09/26" , " $217,500" ],
[ " Jenette Caldwell" , " Development Lead" , " New York" , " 1937" , " 2011/09/03" , " $345,000" ],
[ " Yuri Berry" , " Chief Marketing Officer (CMO)" , " New York" , " 6154" , " 2009/06/25" , " $675,000" ],
[ " Caesar Vance" , " Pre-Sales Support" , " New York" , " 8330" , " 2011/12/12" , " $106,450" ],
[ " Doris Wilder" , " Sales Assistant" , " Sidney" , " 3023" , " 2010/09/20" , " $85,600" ],
[ " Angelica Ramos" , " Chief Executive Officer (CEO)" , " London" , " 5797" , " 2009/10/09" , " $1,200,000" ],
[ " Gavin Joyce" , " Developer" , " Edinburgh" , " 8822" , " 2010/12/22" , " $92,575" ],
[ " Jennifer Chang" , " Regional Director" , " Singapore" , " 9239" , " 2010/11/14" , " $357,650" ],
[ " Brenden Wagner" , " Software Engineer" , " San Francisco" , " 1314" , " 2011/06/07" , " $206,850" ],
[ " Fiona Green" , " Chief Operating Officer (COO)" , " San Francisco" , " 2947" , " 2010/03/11" , " $850,000" ],
[ " Shou Itou" , " Regional Marketing" , " Tokyo" , " 8899" , " 2011/08/14" , " $163,000" ],
[ " Michelle House" , " Integration Specialist" , " Sidney" , " 2769" , " 2011/06/02" , " $95,400" ],
[ " Suki Burks" , " Developer" , " London" , " 6832" , " 2009/10/22" , " $114,500" ],
[ " Prescott Bartlett" , " Technical Author" , " London" , " 3606" , " 2011/05/07" , " $145,000" ],
[ " Gavin Cortez" , " Team Leader" , " San Francisco" , " 2860" , " 2008/10/26" , " $235,500" ],
[ " Martena Mccray" , " Post-Sales support" , " Edinburgh" , " 8240" , " 2011/03/09" , " $324,050" ],
[ " Unity Butler" , " Marketing Designer" , " San Francisco" , " 5384" , " 2009/12/09" , " $85,675" ]
2013-10-16 13:13:30 +02:00
];
$(document).ready(function() {
2015-08-10 15:57:47 +02:00
$('#example').DataTable( {
2015-08-12 20:48:33 +02:00
data: dataSet,
columns: [
{ title: " Name" },
{ title: " Position" },
{ title: " Office" },
{ title: " Extn." },
{ title: " Start date" },
{ title: " Salary" }
2013-10-16 13:13:30 +02:00
]
2015-08-12 20:48:33 +02:00
} );
2013-12-19 15:03:24 +01:00
} );< / code >
2016-12-02 18:12:34 +01:00
< p > In addition to the above code, the following Javascript library files are loaded for use in this example:< / p >
< ul >
< li >
2016-12-02 18:35:27 +01:00
< a href = "//code.jquery.com/jquery-1.12.4.js" > //code.jquery.com/jquery-1.12.4.js< / a >
2016-12-02 18:12:34 +01:00
< / li >
< li >
< a href = "../../media/js/jquery.dataTables.js" > ../../media/js/jquery.dataTables.js< / a >
< / li >
< / ul >
< / div >
< div class = "table" >
< p > The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:< / p >
< / div >
< div class = "css" >
< div >
< p > This example uses a little bit of additional CSS beyond what is loaded from the library files (below), in order to correctly display the table. The
additional CSS used is shown below:< / p > < code class = "multiline language-css" > < / code >
2013-10-16 13:13:30 +02:00
< / div >
2016-12-02 18:12:34 +01:00
< p > The following CSS library files are loaded for use in this example to provide the styling of the table:< / p >
< ul >
< li >
< a href = "../../media/css/jquery.dataTables.css" > ../../media/css/jquery.dataTables.css< / a >
< / li >
< / ul >
< / div >
< div class = "ajax" >
< p > This table loads data by Ajax. The latest data that has been loaded is shown below. This data will update automatically as any additional data is
loaded.< / p >
< / div >
< div class = "php" >
< p > The script used to perform the server-side processing for this table is shown below. Please note that this is just an example script using PHP. Server-side
processing scripts can be written in any language, using < a href = "//datatables.net/manual/server-side" > the protocol described in the DataTables
documentation< / a > .< / p >
< / div >
< / div >
< / section >
< / div >
< section >
< div class = "footer" >
< div class = "gradient" > < / div >
< div class = "liner" >
< h2 > Other examples< / h2 >
< div class = "toc" >
< div class = "toc-group" >
< h3 > < a href = "../basic_init/index.html" > Basic initialisation< / a > < / h3 >
< ul class = "toc" >
< li >
< a href = "../basic_init/zero_configuration.html" > Zero configuration< / a >
< / li >
< li >
< a href = "../basic_init/filter_only.html" > Feature enable / disable< / a >
< / li >
< li >
< a href = "../basic_init/table_sorting.html" > Default ordering (sorting)< / a >
< / li >
< li >
< a href = "../basic_init/multi_col_sort.html" > Multi-column ordering< / a >
< / li >
< li >
< a href = "../basic_init/multiple_tables.html" > Multiple tables< / a >
< / li >
< li >
< a href = "../basic_init/hidden_columns.html" > Hidden columns< / a >
< / li >
< li >
< a href = "../basic_init/complex_header.html" > Complex headers (rowspan and colspan)< / a >
< / li >
< li >
< a href = "../basic_init/dom.html" > DOM positioning< / a >
< / li >
< li >
< a href = "../basic_init/flexible_width.html" > Flexible table width< / a >
< / li >
< li >
< a href = "../basic_init/state_save.html" > State saving< / a >
< / li >
< li >
< a href = "../basic_init/alt_pagination.html" > Alternative pagination< / a >
< / li >
< li >
< a href = "../basic_init/scroll_y.html" > Scroll - vertical< / a >
< / li >
< li >
< a href = "../basic_init/scroll_y_dynamic.html" > Scroll - vertical, dynamic height< / a >
< / li >
< li >
< a href = "../basic_init/scroll_x.html" > Scroll - horizontal< / a >
< / li >
< li >
< a href = "../basic_init/scroll_xy.html" > Scroll - horizontal and vertical< / a >
< / li >
< li >
< a href = "../basic_init/comma-decimal.html" > Language - Comma decimal place< / a >
< / li >
< li >
< a href = "../basic_init/language.html" > Language options< / a >
< / li >
< / ul >
2013-10-16 13:13:30 +02:00
< / div >
2016-12-02 18:12:34 +01:00
< div class = "toc-group" >
< h3 > < a href = "../advanced_init/index.html" > Advanced initialisation< / a > < / h3 >
< ul class = "toc" >
< li >
< a href = "../advanced_init/events_live.html" > DOM / jQuery events< / a >
< / li >
< li >
< a href = "../advanced_init/dt_events.html" > DataTables events< / a >
< / li >
< li >
< a href = "../advanced_init/column_render.html" > Column rendering< / a >
< / li >
< li >
< a href = "../advanced_init/length_menu.html" > Page length options< / a >
< / li >
< li >
< a href = "../advanced_init/dom_multiple_elements.html" > Multiple table control elements< / a >
< / li >
< li >
< a href = "../advanced_init/complex_header.html" > Complex headers with column visibility< / a >
< / li >
< li >
< a href = "../advanced_init/object_dom_read.html" > Read HTML to data objects< / a >
< / li >
< li >
< a href = "../advanced_init/html5-data-options.html" > HTML5 data-* attributes - table options< / a >
< / li >
< li >
< a href = "../advanced_init/html5-data-attributes.html" > HTML5 data-* attributes - cell data< / a >
< / li >
< li >
< a href = "../advanced_init/language_file.html" > Language file< / a >
< / li >
< li >
< a href = "../advanced_init/defaults.html" > Setting defaults< / a >
< / li >
< li >
< a href = "../advanced_init/row_callback.html" > Row created callback< / a >
< / li >
< li >
< a href = "../advanced_init/row_grouping.html" > Row grouping< / a >
< / li >
< li >
< a href = "../advanced_init/footer_callback.html" > Footer callback< / a >
< / li >
< li >
< a href = "../advanced_init/dom_toolbar.html" > Custom toolbar elements< / a >
< / li >
< li >
< a href = "../advanced_init/sort_direction_control.html" > Order direction sequence control< / a >
< / li >
< / ul >
2013-10-16 13:13:30 +02:00
< / div >
2016-12-02 18:12:34 +01:00
< div class = "toc-group" >
< h3 > < a href = "../styling/index.html" > Styling< / a > < / h3 >
< ul class = "toc" >
< li >
< a href = "../styling/display.html" > Base style< / a >
< / li >
< li >
< a href = "../styling/no-classes.html" > Base style - no styling classes< / a >
< / li >
< li >
< a href = "../styling/cell-border.html" > Base style - cell borders< / a >
< / li >
< li >
< a href = "../styling/compact.html" > Base style - compact< / a >
< / li >
< li >
< a href = "../styling/hover.html" > Base style - hover< / a >
< / li >
< li >
< a href = "../styling/order-column.html" > Base style - order-column< / a >
< / li >
< li >
< a href = "../styling/row-border.html" > Base style - row borders< / a >
< / li >
< li >
< a href = "../styling/stripe.html" > Base style - stripe< / a >
< / li >
< li >
< a href = "../styling/bootstrap.html" > Bootstrap 3< / a >
< / li >
< li >
< a href = "../styling/foundation.html" > Foundation< / a >
< / li >
< li >
< a href = "../styling/jqueryUI.html" > jQuery UI ThemeRoller< / a >
< / li >
< li >
< a href = "../styling/bootstrap4.html" > Bootstrap 4 (Tech. preview)< / a >
< / li >
< li >
< a href = "../styling/semanticui.html" > Semantic UI (Tech. preview)< / a >
< / li >
< li >
< a href = "../styling/material.html" > Material Design (Tech. preview)< / a >
< / li >
< li >
< a href = "../styling/uikit.html" > UIKit (Tech. preview)< / a >
< / li >
< / ul >
2013-10-16 13:13:30 +02:00
< / div >
2016-12-02 18:12:34 +01:00
< div class = "toc-group" >
< h3 > < a href = "./index.html" > Data sources< / a > < / h3 >
< ul class = "toc active" >
< li >
< a href = "./dom.html" > HTML (DOM) sourced data< / a >
< / li >
< li >
< a href = "./ajax.html" > Ajax sourced data< / a >
< / li >
< li class = "active" >
< a href = "./js_array.html" > Javascript sourced data< / a >
< / li >
< li >
< a href = "./server_side.html" > Server-side processing< / a >
< / li >
< / ul >
2015-09-25 11:08:52 +02:00
< / div >
2016-12-02 18:12:34 +01:00
< div class = "toc-group" >
< h3 > < a href = "../api/index.html" > API< / a > < / h3 >
< ul class = "toc" >
< li >
< a href = "../api/add_row.html" > Add rows< / a >
< / li >
< li >
< a href = "../api/multi_filter.html" > Individual column searching (text inputs)< / a >
< / li >
< li >
< a href = "../api/multi_filter_select.html" > Individual column searching (select inputs)< / a >
< / li >
< li >
< a href = "../api/highlight.html" > Highlighting rows and columns< / a >
< / li >
< li >
< a href = "../api/row_details.html" > Child rows (show extra / detailed information)< / a >
< / li >
< li >
< a href = "../api/select_row.html" > Row selection (multiple rows)< / a >
< / li >
< li >
< a href = "../api/select_single_row.html" > Row selection and deletion (single row)< / a >
< / li >
< li >
< a href = "../api/form.html" > Form inputs< / a >
< / li >
< li >
< a href = "../api/counter_columns.html" > Index column< / a >
< / li >
< li >
< a href = "../api/show_hide.html" > Show / hide columns dynamically< / a >
< / li >
< li >
< a href = "../api/api_in_init.html" > Using API in callbacks< / a >
< / li >
< li >
< a href = "../api/tabs_and_scrolling.html" > Scrolling and Bootstrap tabs< / a >
< / li >
< li >
< a href = "../api/regex.html" > Search API (regular expressions)< / a >
< / li >
< / ul >
2013-10-16 13:13:30 +02:00
< / div >
2016-12-02 18:12:34 +01:00
< div class = "toc-group" >
< h3 > < a href = "../ajax/index.html" > Ajax< / a > < / h3 >
< ul class = "toc" >
< li >
< a href = "../ajax/simple.html" > Ajax data source (arrays)< / a >
< / li >
< li >
< a href = "../ajax/objects.html" > Ajax data source (objects)< / a >
< / li >
< li >
< a href = "../ajax/deep.html" > Nested object data (objects)< / a >
< / li >
< li >
< a href = "../ajax/objects_subarrays.html" > Nested object data (arrays)< / a >
< / li >
< li >
< a href = "../ajax/orthogonal-data.html" > Orthogonal data< / a >
< / li >
< li >
< a href = "../ajax/null_data_source.html" > Generated content for a column< / a >
< / li >
< li >
< a href = "../ajax/custom_data_property.html" > Custom data source property< / a >
< / li >
< li >
< a href = "../ajax/custom_data_flat.html" > Flat array data source< / a >
< / li >
< li >
< a href = "../ajax/defer_render.html" > Deferred rendering for speed< / a >
< / li >
< / ul >
< / div >
< div class = "toc-group" >
< h3 > < a href = "../server_side/index.html" > Server-side< / a > < / h3 >
< ul class = "toc" >
< li >
< a href = "../server_side/simple.html" > Server-side processing< / a >
< / li >
< li >
< a href = "../server_side/custom_vars.html" > Custom HTTP variables< / a >
< / li >
< li >
< a href = "../server_side/post.html" > POST data< / a >
< / li >
< li >
< a href = "../server_side/ids.html" > Automatic addition of row ID attributes< / a >
< / li >
< li >
< a href = "../server_side/object_data.html" > Object data source< / a >
< / li >
< li >
< a href = "../server_side/row_details.html" > Row details< / a >
< / li >
< li >
< a href = "../server_side/select_rows.html" > Row selection< / a >
< / li >
< li >
< a href = "../server_side/jsonp.html" > JSONP data source for remote domains< / a >
< / li >
< li >
< a href = "../server_side/defer_loading.html" > Deferred loading of data< / a >
< / li >
< li >
< a href = "../server_side/pipeline.html" > Pipelining data to reduce Ajax calls for paging< / a >
< / li >
< / ul >
2015-09-25 11:08:52 +02:00
< / div >
2016-12-02 18:12:34 +01:00
< div class = "toc-group" >
< h3 > < a href = "../plug-ins/index.html" > Plug-ins< / a > < / h3 >
< ul class = "toc" >
< li >
< a href = "../plug-ins/api.html" > API plug-in methods< / a >
< / li >
< li >
< a href = "../plug-ins/sorting_auto.html" > Ordering plug-ins (with type detection)< / a >
< / li >
< li >
< a href = "../plug-ins/sorting_manual.html" > Ordering plug-ins (no type detection)< / a >
< / li >
< li >
< a href = "../plug-ins/range_filtering.html" > Custom filtering - range search< / a >
< / li >
< li >
< a href = "../plug-ins/dom_sort.html" > Live DOM ordering< / 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 >
2015-09-25 11:08:52 +02:00
< / div >
2013-10-16 13:13:30 +02:00
< / div >
2016-12-02 18:12:34 +01:00
< / div >
< / section >
< / body >
2013-10-16 13:13:30 +02:00
< / html >
