Изменение стиля отображения таблицы в MVC3, бритва

Question

В приведенном ниже коде таблицы в бритве в MVC View генерируется стандартное расположение таблиц и столбцов.То, что я ищу, - это способ стилизации строк, чтобы они выглядели по-разному ... как индивидуальные элементы div, которые имеют закругленные углы, с цветом и т. Д. В принципе, я вообще не хочу, чтобы это выглядело как таблица, я хочуданные выводятся в блоках / блоках (?) (один блок на одну строку) .. Надеюсь, я делаю это проще для понимания ... например, на типичной странице Google, когда при поиске есть варианты, которые можно щелкнуть слева (для изображений), новости, видео и т. д.) и как только вы нажмете на ссылку, список на правой панели изменится с записями ... Я хочу, чтобы мои строки выглядели как блоки данных, а не как структура строк и столбцов ...

<table>


  @foreach (var item in Model)
 {

<tr>
    <td>
        @Html.DisplayFor(modelItem => item.Name)
    </td>

    <td>
        @Html.DisplayFor(modelItem => item.Descr)
    </td>
    <td>
        @Html.DisplayFor(modelItem => item.Number)
    </td>


</tr>
}
 }

  </table>

Answer 1

Я бы посоветовал вам не использовать таблицы.Если вам нужна максимальная гибкость, лучше использовать элементы <div> и <ul> и соответственно стилизовать их, например:

<ul class="item">
    <li>
        <div class="name">@Html.DisplayFor(m => m.Name)</div>
        <div class="description">@Html.DisplayFor(m => m.Descr)</div>
        <div class="number">@Html.DisplayFor(m => m.Number)</div>
    </li>
</ul>

Answer 2

Тогда вы, вероятно, не хотите использовать <table>, вместо этого вы можете попробовать использовать <ul>.