带网格的MVC3 Bootstrap表格数据

时间:2013-06-28 00:00:11

标签: asp.net-mvc twitter-bootstrap razor grid

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

任何地方的任何例子?

  1. 我不想使用Telerik,KendoUI或其他许多东西
  2. 对于“WebGrid”真的不感到兴奋,因为我宁愿远离桌子
  3. 所以对使用Razor View Engine的Bootstrap有任何坚定的想法,以及如何避免使用表格?

1 个答案:

答案 0 :(得分:2)

你必须考虑这个有点不同。所有的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以获得更多帮助。