未应用Datatables.js样式

时间:2018-07-22 00:33:45

标签: javascript jquery datatables

我是Java语言的新手,但是最近需要使用Datatables.js来增强我的html表,但是遇到了一个初学者的问题,即没有应用任何样式或功能。如果您能提供一些建议,将非常感谢您的帮助。

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>JSP Page</title>
    <link href="https://cdn.datatables.net/1.10.12/css/jquery.dataTables.min.css" rel="stylesheet" type="text/css" />
    <script src="https://code.jquery.com/jquery-2.2.3.js"></script>
    <script src="https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script>    
</head>
<body>
    <table id="table_id"  class="display">
        <thead>
            <tr>
                <th>S/N</th>
                <th>Order ID</th>
                <th>Customer Name</th>
                <th>Contact Number</th>
                <th>Order Date</th>
                <th>Delivery Date</th>
                <th>Status</th>
            </tr>
        </thead>
        <tbody>
        <tr>
            <td>1</td>
            <td>303-123</td>
            <td>Terry Park</td>
            <td>12351329</td>
            <td>2009/01/12</td>
            <td>2009/01/12</td>
            <td>Pending</td>
        </tr>
      </tbody>
     </table>
    <script>
    $(document).ready( function () {
        $(#table_id).DataTable();
    } ); 
    </script>
</body>

1 个答案:

答案 0 :(得分:0)

您需要将元素ID括在引号中。

例如:

 $('#table_id').DataTable();