当处大数据量时,你可以寻求改善Datatables的运行的速度。使用 deferRender DT
选项,可以做到这一点,让Datatables延迟渲染。
下面的例子可能感受不到这个参数的效果,但是你可以试试大数据量
Name | Position | Office | Extn. | Start date | Salary |
---|---|---|---|---|---|
Name | Position | Office | Extn. | Start date | Salary |
Airi Satou | Accountant | Tokyo | 5407 | 2008/11/28 | $162,700 |
Angelica Ramos | Chief Executive Officer (CEO) | London | 5797 | 2009/10/09 | $1,200,000 |
Ashton Cox | Junior Technical Author | San Francisco | 1562 | 2009/01/12 | $86,000 |
Bradley Greer | Software Engineer | London | 2558 | 2012/10/13 | $132,000 |
Brenden Wagner | Software Engineer | San Francisco | 1314 | 2011/06/07 | $206,850 |
Brielle Williamson | Integration Specialist | New York | 4804 | 2012/12/02 | $372,000 |
Bruno Nash | Software Engineer | London | 6222 | 2011/05/03 | $163,500 |
Caesar Vance | Pre-Sales Support | New York | 8330 | 2011/12/12 | $106,450 |
Cara Stevens | Sales Assistant | New York | 3990 | 2011/12/06 | $145,600 |
Cedric Kelly | Senior Javascript Developer | Edinburgh | 6224 | 2012/03/29 | $433,060 |
1 2 3 4 5 6 7 | $(document).ready( function () { $( '#example' ).DataTable( { "ajax" : "data/arrays.txt" , //当处理大数据时,延迟渲染数据,有效提高Datatables处理能力 "deferRender" : true } ); } ); |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | < table id = "example" class = "display" cellspacing = "0" width = "100%" > < thead > < tr > < th >Name</ th > < th >Position</ th > < th >Office</ th > < th >Extn.</ th > < th >Start date</ th > < th >Salary</ th > </ tr > </ thead > < tfoot > < tr > < th >Name</ th > < th >Position</ th > < th >Office</ th > < th >Extn.</ th > < th >Start date</ th > < th >Salary</ th > </ tr > </ tfoot > </ table > |
Translation from DataTables.net, with permission