懒惰将大量数据加载到表中的最佳实践

时间:2016-08-29 13:30:10

标签: javascript jquery html html-table

我有一个fiddle让AJAX让这个Data呈现一个表。我的目标是在第一次初始页面加载期间加载 10行。

HTML

<table id="example" class="display" cellspacing="0" width="100%">
    <thead>
        <tr>
            <th>Account ID</th>
            <th>Name</th>
            <th>Email</th>
        </tr>
    </thead>
</table>

的JavaScript

$(document).ready(function() {

  $('#example').DataTable( {
    "bPaginate": true,
    "processing": true,
    "bServerSide": true,

    ajax: {
      url: 'https://api.myjson.com/bins/1egsx',
      dataSrc: 'data'
    },
    columns: [
      { data: 'account_id' },
      { data: 'name' },
      { data: 'email' }
    ],
    "deferRender": true,
    "deferLoading": 10,

  } );

});

我一直在尝试使用datatables JavaScript插件,但它似乎不起作用。

我应该研究一下其他脚本/插件/框架吗?

0 个答案:

没有答案