文章/答案/技术大牛

发布

社区首页 >问答首页 >数据表在mvc中的视图页上不工作。

问数据表在mvc中的视图页上不工作。
EN

Stack Overflow用户

提问于 2017-10-18 10:34:45

回答 3查看 1.4K关注 0票数 0

我想把表作为数据表，但它不适用于我的表。datatable在静态表中工作，但是当im添加动态表时，它没有显示任何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>

jquery

html

model-view-controller

view

datatable

回答 3

Stack Overflow用户

回答已采纳

发布于 2017-10-18 18:54:36

添加以下所有

//cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css
//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.0/jquery.min.js
//ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js
//cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js

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

票数 0

Stack Overflow用户

发布于 2017-10-18 11:45:49

尝试如下：

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

票数 0

Stack Overflow用户

发布于 2017-10-18 12:04:20

<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>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/46808177

复制

相似问题

问数据表在mvc中的视图页上不工作。
EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问数据表在mvc中的视图页上不工作。EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问数据表在mvc中的视图页上不工作。
EN