以下是我的示例代码,但无法正常工作。有人可以帮我如何使用这个jQuery数据表插件吗?
可以在sql结果字段表上使用此datatable插件吗?谢谢

    <html>
    <head>
    <script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
    <script src="https://cdn.datatables.net/1.10.13/js/jquery.dataTables.min.js"></script>
    <link rel="stylesheet" href="https://cdn.datatables.net/1.10.13/css/jquery.dataTables.min.css">
    </head>

    <body>
       <table id="example"  style="border:1px solid black;">
            <thead>


   <tr>
                <th>Column 1</th>
                <th>Column 2</th>
                <th>etc</th>
            </tr>
        </thead>

        <tbody>
            <tr>
                <td>Row 1 Data 1</td>
                <td>Row 1 Data 2</td>
                <td>etc</td>
            </tr>
            <tr>
                <td>Row 2 Data 1</td>
                <td>Row 2 Data 2</td>
                <td>etc</td>
           </tr>
            <tr>
                <td>Row 2 Data 1</td>
                <td>Row 2 Data 2</td>
                <td>etc</td>
           </tr>
       </tbody>
</table>
</body>

<script type="text/javascript">
    $(document).ready(function () {
        $('#example').dataTable();
    });
</script>

</html>

最佳答案

从文档中:https://datatables.net/manual/installation


  为了使DataTables能够增强HTML表,该表必须为
  有效的,格式正确的HTML,带有标题(thead)和正文(tbody)。
  也可以使用可选的页脚(tfoot)。


尝试将thead添加到具有正确列数的表中。

它看起来应该像这样,但是您需要有行和列,并且td充满了内容。

<table>
    <thead>
        <tr>
            <th></th>
            <th></th>
            <th></th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td></td>
            <td></td>
            <td></td>
        </tr>
    </tbody>
<table>

09-18 02:25
查看更多