Datatable插件无法初始化

时间:2015-06-30 21:38:44

标签: jquery html datatables

我有一个简单的表格,我想用数据表jquery插件来动态化。

我不明白为什么这不起作用:

http://jsfiddle.net/barnab21/hovcmaa8/

也许是因为我的链接?

<!-- DataTables CSS -->
<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.10.7/css/jquery.dataTables.css">

<!-- jQuery -->
<script type="text/javascript" charset="utf8" src="//code.jquery.com/jquery-1.10.2.min.js"></script>

<!-- DataTables -->
<script type="text/javascript" charset="utf8" src="//cdn.datatables.net/1.10.7/js/jquery.dataTables.js"></script>

这里是我的js:

    $(document).ready( function() {
        $('#tableau_user').dataTable();
    } );

1 个答案:

答案 0 :(得分:2)

拿这个jsfiddle.net

您的表格错误,请查看更新的表格

    <table id="tab_user" class="tableau_utilisateurs">
    <thead>
        <tr>
            <th>ID</th>
            <th>Pseudonyme</th>
            <th>Email</th>
            <th>Date_inscription</th>
            <th>Administrateur</th>

        </tr>
        </thead>
        <tbody>

        <tr>
            <td>aaaaa</td>
            <td>bbbbbb</td>
            <td>ccccccc</td>
            <td>ddddddd</td>
            <td>eeeeee</td>
        </tr>
        </tbody>
    </table>