asp.net-mvc - MVC3 Bootstrap 带有网格的表格数据

Question

我喜欢 Bootstrap，也喜欢 MVC 3 和 MVC 4，但是，尽管我看到了大量 Bootstrap 示例，但我并没有真正看到在类似网格的系统中使用带有表格数据的 MVC3 Bootstrap 的示例。

有什么例子吗？

1. 我不想使用 Telerik、KendoUI 或许多其他东西
2. 真的对“WebGrid”不感兴趣，因为我宁愿远离表格

那么关于使用 Razor View Engine 进行 Bootstrap 有什么可靠的想法，以及避免使用表格怎么样？

Answer 1

你必须以不同的方式思考这个问题。所有 twitter bootstrap 给你的只是一堆样式。

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以获得更多帮助。