Javascript 如何正确使用数据表 已回答 张贴 视图

您的表的id等于“tbl”，因此代码应该是

 <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.13/css/jquery.dataTables.min.css"/>
    <script type="text/javascript" src="https://cdn.datatables.net/1.10.13/js/jquery.dataTables.min.js"></script>
    <script type="text/javascript" src=" //code.jquery.com/jquery-1.12.4.js"></script>
<script type="text/javascript">
      $(document).ready(function() {
            $('#tbl').DataTable();
          });
</script>

---

您可以使用

jquery数据表

如下：

html:

---

表id是

tbl

所以它必须是：-

$（'#tbl'）。DataTable（）我更改了它，但仍然不起作用，
 <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.13/css/jquery.dataTables.min.css"/>
    <script type="text/javascript" src="https://cdn.datatables.net/1.10.13/js/jquery.dataTables.min.js"></script>
    <script type="text/javascript" src=" //code.jquery.com/jquery-1.12.4.js"></script>
<script type="text/javascript">
      $(document).ready(function() {
            $('#tbl').DataTable();
          });
</script>

 $(document).ready(function() {
           $('#tbl').DataTable();
   });

<table id="data_table">
<thead>
    <tr>
        <th>Emp Code</th>
        <th>First Name</th>
        <th>Last Name</th>
        <th>Mobile</th>
    </tr>
</thead>

<tbody>
<!-- Dynamic Body -->
</tbody>
</table>

$(document).ready(function() {
    var data = [];
    data.push(
        [1,"Sasha","Brenna","0800 1111"],
        [2,"Sage","Mia","(01012) 405872"],
        [3,"Chelsea","Allistair","076 0578 0265"],
        [4,"Uta","Savannah","070 1247 5884"],
        [5,"Remedios","Berk","0995 181 0007"],
        [6,"Ruby","Wayne","0800 1111"],
        [7,"Faith","Fredericka","(01709) 099879"],
        [8,"Myra","Harrison","070 4241 9576"],
        [9,"Drake","Miriam","0800 733635"],
        [10,"Reed","Shannon","076 8597 5067"]
    );

    $('#data_table').DataTable( {
        data: data,
    });
});