如何正确安装DateTables插件?

时间:2013-06-22 00:47:07

标签: jquery datatables

我发现了DataTables插件在线,过去4小时我一直试图安装它,但遗憾的是我无法这样做。

在我添加的元标记中

    <style type="text/css" title="currentStyle">
        @import "css/dataTable/demo_page.css";
        @import "css/dataTable/demo_table_jui.css";
        @import "css/dataTable/jquery-ui-1.8.4.custom.css";
    </style>

<script type="text/javascript" src="/cms_testing/js/jquery.dataTables.js"></script>

是的,以上 这是我到目前为止所做的事情

    <script>
    $(function(){


    $('#internalActivities').dataTable();
    });
    </script>

文件确实存在我已经进行了双重检查。

这是我的html表

    <table id="internalActivities">
        <thead>
            <tr><th colspan="3">Internal Activities</th></tr>
        </thead>
        <tbody>
            <tr>
                <td style="text-align: left;"><a href="display-call.php?account_id=9&amp;call_id=1128"><strong>Initial Development</strong></a></td>
                <td style="text-align: center;">05/23/2013 06:19 AM</td>
                <td style="text-align: center;">name</td>
            </tr>
            <tr>
                <td colspan="3"><em>Call Result: Message Delivered - Follow up in 21 days</em>
                <br /><p class="sub_note">Moving to bottom of list</p>
                </td>
            </tr>
            <tr>
                <td style="text-align: left;"><a href="display-call.php?account_id=9&amp;call_id=1052"><strong>Stage 2 Development</strong></a></td>
                <td style="text-align: center;">04/19/2013 11:05 AM</td>
                <td style="text-align: center;">name</td>
            </tr>
            <tr>
                <td colspan="3"><em>Call Result: Partial Discussion</em>
                <br /><p class="sub_note">awef</p>
                </td>
            </tr>
        </tbody>
    </table>

我没有收到任何错误,但它没有显示表格。

1 个答案:

答案 0 :(得分:0)

因为在某些td中使用了collspan。你不应该合并两列。看我的HTML编码。如果你这样做,它的工作。

<div>
        <table id="internalActivities" cellpadding="0" cellspacing="0" border="1" class="display" width="100%">
            <thead>
                <tr>
                    <th>
                        Internal Activities
                    </th>
                    <th>
                    </th>
                    <th>
                    </th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td style="text-align: left;">
                        <a href="display-call.php?account_id=9&amp;call_id=1128"><strong>Initial Development </strong></a>
                    </td>
                    <td style="text-align: center;">
                        05/23/2013 06:19 AM
                    </td>
                    <td style="text-align: center;">
                        name
                    </td>
                </tr>
                <tr>
                    <td>
                        <em>Call Result: Message Delivered - Follow up in 21 days </em>
                        <br />
                        <p class="sub_note">
                            Moving to bottom of list
                        </p>
                    </td>
                    <td>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td style="text-align: left;">
                        <a href="display-call.php?account_id=9&amp;call_id=1052"><strong>Stage 2 Development </strong></a>
                    </td>
                    <td style="text-align: center;">
                        04/19/2013 11:05 AM
                    </td>
                    <td style="text-align: center;">
                        name
                    </td>
                </tr>
                <tr>
                    <td>
                        <em>Call Result: Partial Discussion </em>
                        <br />
                        <p class="sub_note">
                            awef
                        </p>
                    </td>
                    <td>
                    </td>
                    <td>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>