Question

作为我工作的一部分，我正在尝试重新设计我们的报告软件并使表格看起来一致。该网站由许多页面组成，几乎都包含一个表格。

似乎有两种不同类型的表格。 first是一个HTML数据表，使用以下代码使表格看起来很好：

<table style="width:100%;clear:left;" id="orderlist">
    bla bla bla
</table>

<script type="text/javascript">
$(document).ready(function(){
$('#orderlist').dataTable({
    "aaSorting": [[ 1, "desc" ]],
    "bJQueryUI": true,
    "bPaginate": true,
    "bLengthChange": true,
    "bFilter": true,
    "bInfo": true,
    "paging": true,
    "iDisplayLength": 25,
    "sDom": '<"H"pf>t<"F"lirp>',
    "sPaginationType": "full_numbers",
    "oLanguage": {
        "sProcessing": language.fetching_data,
        "sSearch": language.search,
        "oPaginate": {
            "sFirst":    language.page_nav_first,
            "sLast":     language.page_nav_last,
            "sNext":     language.page_nav_next,
            "sPrevious": language.page_nav_prev
        },
        "sEmptyTable": "<p>" + language.no_data_table + "</p>",
        "sInfo":          language.datatable_show_entries,
        "sInfoEmpty":   language.datatable_empty_entries
    }
});

}）;

第二个表类型似乎是通过javascript创建的。当我从脚本下面的第一个表中添加脚本来创建此表时，它不会执行任何操作。您可以看到第二个表here中的代码。谁能告诉我如何将两者结合起来？

非常感谢提前。

Answer 1

您的第二个表格没有id属性，并且没有正确的结构。

jQuery DataTables要求表格包含thead和tbody元素，例如：

<table id="table_id" class="display">
    <thead>
        <tr>
            <th>Column 1</th>
            <th>Column 2</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Row 1 Data 1</td>
            <td>Row 1 Data 2</td>
        </tr>
        <tr>
            <td>Row 2 Data 1</td>
            <td>Row 2 Data 2</td>
        </tr>
    </tbody>
</table>

有关详细信息，请参阅official documentation。

如何将javascript表转换为数据表

1 个答案: