Question

我有一个带Razor的Asp.net mvc4应用程序。在视图index.cshtml

中

<table>
<tr>
            <td>Propriétés correspondantes à l'élément</td>
            <td>
                <table class="table_form">
           <tr>
               <th>Nom</th>
               <th>Valeur</th>
               <th></th>
          </tr>
                  @{
                  Features_Management.Models.Chef chef = new Features_Management.Models.Chef();
                    List<Features_Management.Models.Property> list_prop = chef.Get_List_Property();

                    }
                  @for (int item = 0; item < list_prop.Count; item++)
                    {
          <tr>
                    <td>@list_prop[item].PName</td>
                    <td>@list_prop[item].Value</td>
                    <td><input type="checkbox" name="proper@(item)" /></td>
         </tr>
                     }
               </table>
            </td>
</tr>
</table>

我想将此表格转换为DataGrid以查看是否可以滚动。

scrolling

我该怎么做这个任务？有什么建议吗？

Answer 1

您可以使用WebGrid。

您可以通过阅读以下内容了解其工作原理并进行改进：

Get the Most out of WebGrid in ASP.NET MVC

生成表后，可以使用如下的jQuery插件：jQuery Scrollable Table Plugin。有示例代码可以看看它是如何工作的。

此脚本在页面的$(document).ready(...)上触发（或者在ajax回调中，如果您使用jQuery加载它）。

这是更多与此类似的插件，它们具有相同的功能。谷歌“可滚动表jquery插件”。

（Naurally，如果你还没有使用它，你还需要在项目中包含jQuery）。

Answer 2

这是一个老帖子，但也许有人觉得这个答案很有用。

使用jQuery Bootgrid将表格转换为数据网格非常容易，特别是如果您只想显示数据。

在我的情况下，我所要做的就是将其添加到我的脚本部分：

$("#my-grid").bootgrid();

并在我的列标题中添加ID。开箱即用，它为您提供分页，搜索，页面大小，排序...... 此外，文档相当不错，并有合理数量的明确示例。可以使用nuget轻松安装：

Install-Package jQuery.Bootgrid

在razor视图中将表转换为datagrid

2 个答案: