2013-10-16 13:13:30 +02:00
<!DOCTYPE html>
< html >
< head >
< meta charset = "utf-8" >
< link rel = "shortcut icon" type = "image/ico" href = "http://www.datatables.net/favicon.ico" >
2014-03-04 09:51:50 +01:00
< meta name = "viewport" content = "initial-scale=1.0, maximum-scale=2.0" >
2013-10-16 13:13:30 +02:00
< link rel = "stylesheet" type = "text/css" href = "../resources/syntax/shCore.css" >
< link rel = "stylesheet" type = "text/css" href = "../resources/demo.css" >
2015-08-06 21:41:26 +02:00
< script type = "text/javascript" language = "javascript" src = "//code.jquery.com/jquery-1.11.3.min.js" > < / script >
2013-10-16 13:13:30 +02:00
< 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 - Ajax sourced data< / title >
< / head >
< body class = "dt-example" >
< div class = "container" >
< section >
2014-03-14 13:32:46 +01:00
< h1 > DataTables example < span > Ajax sourced data< / span > < / h1 >
2013-10-16 13:13:30 +02:00
< div class = "info" >
2014-12-11 16:27:11 +01:00
< p > DataTables can read data from a server via Ajax, while still performing searching, ordering, paging etc on the client-side. This is done through use of the
2015-07-15 18:10:59 +02:00
< a href = "//datatables.net/reference/option/ajax" > < code class = "option" title = "DataTables initialisation option" > ajax< / code > < / a > option, which has a number of
options to customise how the data is retrieved from the server.< / p >
2013-10-16 13:13:30 +02:00
2014-12-11 16:27:11 +01:00
< p > The examples in this section demonstrate the use of Ajax loading data in DataTables, with client-side processing.< / p >
2013-10-16 13:13:30 +02:00
< / 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" > Ajax< / a > < / h3 >
< ul class = "toc" >
< li > < a href = "./simple.html" > Ajax data source (arrays)< / a > < / li >
< li > < a href = "./objects.html" > Ajax data source (objects)< / a > < / li >
< li > < a href = "./deep.html" > Nested object data (objects)< / a > < / li >
< li > < a href = "./objects_subarrays.html" > Nested object data (arrays)< / a > < / li >
2014-01-14 16:51:06 +01:00
< li > < a href = "./orthogonal-data.html" > Orthogonal data< / a > < / li >
2013-10-16 13:13:30 +02:00
< li > < a href = "./null_data_source.html" > Generated content for a column< / a > < / li >
< li > < a href = "./custom_data_property.html" > Custom data source property< / a > < / li >
< li > < a href = "./custom_data_flat.html" > Flat array data source< / a > < / li >
< li > < a href = "./defer_render.html" > Deferred rendering for speed< / a > < / li >
< / ul >
< / div >
< / div >
< div class = "epilogue" >
2014-12-11 16:27:11 +01:00
< p > Please refer to the < a href = "http://www.datatables.net" > DataTables documentation< / a > for full information about its API properties and methods.< br >
2015-08-10 15:59:41 +02:00
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 >
2013-10-16 13:13:30 +02:00
2015-01-11 17:26:59 +01:00
< p class = "copyright" > DataTables designed and created by < a href = "http://www.sprymedia.co.uk" > SpryMedia Ltd< / a > © 2007-2015< br >
2013-10-16 13:13:30 +02:00
DataTables is licensed under the < a href = "http://www.datatables.net/mit" > MIT license< / a > .< / p >
< / div >
< / div >
< / div >
< / section >
< / body >
< / html >