From DataTables documentation:
There are times when reading data from the DOM is simply too slow or unwieldy, particularly when dealing with many thousands or millions of data rows. To address this DataTables' server-side processing feature provides a method to let all the "heavy lifting" be done by a database engine on the server-side (they are after all highly optimised for exactly this use case!), and then have that information drawn in the user's web-browser. Consequently, you can display tables consisting of millions of rows with ease.
When using server-side processing, DataTables will make an Ajax request to the server for each draw of the information on the page (i.e. when paging, ordering, searching, etc.). DataTables will send a number of variables to the server to allow it to perform the required processing and then return the data in the format required by DataTables.
Server-side processing is enabled by use of the serverSideDT option, and configured using ajaxDT.
For more information, please check out DataTable's documentation.
Note
- This feature is only available with Ajax rendering!
-
By default,
angular-datatables
set theAjaxDataProp
to''
. So you need to provide theAjaxDataProp
with either.withDataProp('data')
or specifying the optiondataSrc
in theajax
option.
With your browser debugger, you might notice that this example does not use the server side processing. Indeed, since Github pages are static HTML files, there are no real server to show you a real case study.