数据表在mvc的视图页面中无法在我的表上运行

时间:2017-10-18 10:34:46

标签: jquery html model-view-controller view datatable

我想将表格作为数据表,但它不适用于我的表格。 datatable正在静态表中工作,但我添加动态表时,它没有显示任何数据表功能,如搜索选项和分页。所有记录在时间显示,即使它在分页中选择了10。

   <script>
            $(document).ready(function () {
                $('#example').DataTable();
            });
        </script>


    <table id="example" class="display" width="100%" cellspacing="0">
    <thead>
        <tr>
            <th>deviceid</th>
            <th>status</th>
            <th>UpdatedTime</th>
        </tr>
    </thead>
    <tfoot>
        <tr>
            <th>deviceid</th>
            <th>status</th>
            <th>UpdatedTime</th>
        </tr>
    </tfoot>

@foreach (var item in Model)
{
    <tbody>
        <tr>
            <td>@Html.DisplayFor(modelItem => item.deviceid)</td>
            <td>@Html.DisplayFor(modelItem => item.status)</td>
            <td>@Html.DisplayFor(modelItem => item.UpdatedTime)</td>
        </tr>
    </tbody>
}
</table>

3 个答案:

答案 0 :(得分:0)

试试这个:

$(document).ready(function () {
            $('#example').DataTable();
        });

答案 1 :(得分:0)

<table id="example" class="display" width="100%" cellspacing="0">
    <thead>
        <tr>
            <th>deviceid</th>
            <th>status</th>
            <th>UpdatedTime</th>
        </tr>
    </thead>
    <tfoot>
        <tr>
            <th>deviceid</th>
            <th>status</th>
            <th>UpdatedTime</th>
        </tr>
    </tfoot>

    <tbody>
@foreach (var item in Model)
{
         <tr >
            <td>@Html.DisplayFor(modelItem => item.deviceid)</td>
            <td>@Html.DisplayFor(modelItem => item.status)</td>
            <td>@Html.DisplayFor(modelItem => item.UpdatedTime)</td>
        </tr>
}
    </tbody>
</table>

答案 2 :(得分:0)

您添加了以下所有内容

$res = $client->request('GET','http://site/api/users.count', ["debug" => true]);

示例链接https://jsfiddle.net/r8gd2227/3/