asp.net-mvc – 带网格的MVC3 Bootstrap tablular数据

发布时间：2020-12-16 03:23:02 所属栏目：asp.Net 来源：网络整理

导读：我喜欢Bootstrap,我喜欢MVC 3和MVC 4,但是即使我看到很多Bootstrap示例,我也没有真正看到使用Bootstrap和MVC3以及类似网格系统中的表格数据的示例. 任何地方的例子？我不想使用Telerik,KendoUI或其他许多东西真的不会对“WebGrid”感到兴奋,因为我宁愿远离

我喜欢Bootstrap,我喜欢MVC 3和MVC 4,但是即使我看到很多Bootstrap示例,我也没有真正看到使用Bootstrap和MVC3以及类似网格系统中的表格数据的示例.

任何地方的例子？

>我不想使用Telerik,KendoUI或其他许多东西
>真的不会对“WebGrid”感到兴奋,因为我宁愿远离桌子

所以对使用Razor View Engine的Bootstrap有任何坚实的想法,以及如何避免使用表格？

解决方法

你必须考虑这个有点不同.所有的twitter引导程序都只是一堆风格.

1.  <table class="table table-bordered">
2.    …
3.  </table>

如果您使用的是ASP.NET MVC Razor,Angular.JS,Knockout.js,Handbar.js或任何允许您获取数据并以编程方式创建动态html的内容,则必须根据语言的语法进行设置.

@Model List<string>

<table class="table table-bordered">
      @foreach(var item in @Model){
        <tr>
          <td>@item</td>
       </tr>
      }
</table>

Bootstrap仅为您提供可重用样式的公共库.某些HTML必须以某种方式进行布局才能使样式正常运行,但这是设计使然,应该参考文档@ http://twitter.github.io/bootstrap/index.html以获得更多帮助.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!