MVC3 Bootstrap tablular dữ liệu với một lưới

Question

Tôi yêu Bootstrap, và tôi yêu MVC 3 và MVC 4, tuy nhiên mặc dù tôi thấy rất nhiều ví dụ Bootstrap Tôi không thực sự nhìn thấy ví dụ về cách sử dụng Bootstrap với MVC3 với dữ liệu bảng trong một lưới như hệ thống.

Bất kỳ ví dụ nào ở bất kỳ đâu?

1. Tôi không muốn sử dụng Telerik, KendoUI, hoặc nhiều trong số những thứ khác
2. Thực sự không vui mừng với các "WebGrid" như tôi muốn tránh xa bảng

Vì vậy, bất kỳ suy nghĩ vững chắc về Bootstrap với Razor View Engine, và làm thế nào để tránh việc sử dụng các bảng?

Answer 1

Bạn phải suy nghĩ về điều này một chút khác biệt. Tất cả các bootstrap twitter cung cấp cho bạn chỉ là một loạt các phong cách.

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

Nếu bạn đang sử dụng ASP.NET MVC Razor, Angular.JS, Knockout.js, Handbar.js hoặc bất cứ điều gì cho phép bạn lấy dữ liệu và lập trình tạo ra html động, bạn sẽ phải thiết lập theo cú pháp của ngôn ngữ.

@Model List<string> 

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

Bootstrap chỉ cung cấp cho bạn một thư viện chung về các kiểu có thể tái sử dụng. Một số HTML phải được bố trí theo một cách nhất định để có được phong cách để hành xử một cách chính xác nhưng điều này là do thiết kế và một nên tham khảo tài liệu @http://twitter.github.io/bootstrap/index.html để được trợ giúp thêm.