Dane tabelaryczne MVC3 Bootstrap z siatką

Question

Uwielbiam Bootstrap i uwielbiam MVC 3 i MVC 4, jednak pomimo tego, że widzę mnóstwo przykładów Bootstrap, nie widzę przykładu użycia Bootstrap z MVC3 z danymi tabelarycznymi w siatce jak system.

Dowolne przykłady w dowolnym miejscu?

1. Nie chcę użyć Telerik, KendoUI lub wiele z tych innych rzeczy
2. Naprawdę nie zadowoleni z „WebGrid” jak wolałbym się trzymać z dala od stołów

Więc każdy solidne przemyślenia na temat Bootstrapa z maszyną Razor View Engine, a co powiesz na unikanie używania tabel?

Answer 1

Musisz myśleć o tym trochę inaczej. Cały bootstrap twitter daje ci tylko kilka stylów.

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

Jeśli używasz ASP.NET MVC Razor angularjs, Knockout.js, Handbar.js lub cokolwiek, który pozwala wziąć dane i programowo utworzyć dynamiczny HTML będzie trzeba skonfigurować zgodnie ze składnią języka.

@Model List<string> 

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

Bootstrap zapewnia tylko wspólną bibliotekę stylów wielokrotnego użytku. Część kodu HTML musi być w pewien sposób układem, aby style zachowywały się prawidłowo, ale jest to zgodne z projektem i należy zapoznać się z dokumentacją @http://twitter.github.io/bootstrap/index.html, aby uzyskać dalszą pomoc.