заглавка на два реда в mvc3 WebGrid

Има ли някакъв начин да има заглавка от два реда в WebGrid?

Потърсих начин да направя персонализирано изобразяване за заглавката или начин да изобразя само тялото на таблицата (без етикетите на таблицата), но не можах да намеря нищо.

Бих искал да създам уеб мрежа, която изглежда по следния начин:

-------------------------------------------
|grouped cols                |grouped cols|
-------------------------------------------
|col1 |  col2 | col3 | col4  | col5 |col6 |
-------------------------------------------
-------------------------------------------
|d1   |  d2   | d3   | d4    | d5   |d6   |
-------------------------------------------
|d1   |  d2   | d3   | d4    | d5   |d6   |
-------------------------------------------
|d1   |  d2   | d3   | d4    | d5   |d6   |
-------------------------------------------

Имайте предвид, че съм нов в mvc3 (така че може да пропусна очевидното решение).


asp.net-mvc asp.net-mvc-3 webgrid
person Community    schedule 01.07.2013    source източник

Отговори (2)


arrow_upward
4
arrow_downward

Решение от страна на сървъра:

@(new HtmlString(grid.GetHtml(Your grid definition).ToHtmlString()
    .Replace("<thead>",""<thead><tr class='webgrid-header'><th scope='col' colspan='4'>cols 1 to 4</th><th scope='col' colspan='2'>cols 5 and 6</th></tr>")))

Клиентска страна (Ако приемем само една уеб мрежа в изгледа, можете да използвате малко jquery):

@Scripts.Render("~/bundles/jquery")
<script>
    $(function () {
        var th = $("<tr class='webgrid-header'><th scope='col' colspan='4'>col 1 to 4</th><th scope='col' colspan='2'>col 5 and 6</th></tr>")
        $("thead").prepend(th);
    });
</script>
person CFreitas    schedule 12.09.2013

arrow_upward
0
arrow_downward

Можете да го изградите с html елемент. Трябва да използвате colspan и rowspan за групиране на клетки. Разгледайте тази връзка;

person karaxuna    schedule 01.07.2013