header - MVC3 WebGrid 格式化或样式列标题

Question

我正在使用新的 MVC3 WebGrid。到目前为止一切顺利，只是在样式/格式化列标题时遇到问题。我得到的最好的方法是将相同的 css 类从 WebGrid 的第一行应用到表标题。

var headerCells = $("#grid tr:eq(0) th");
var firstRowCells = $("#grid tr:eq(1) td");

$.each(firstRowCells, function (index, value) {
    $(headerCells[index]).addClass($(firstRowCells[index]).attr("class"));
});

这个例子显然没有检查以确保有行或确实有指定的元素 id，但它从第一行到标题行应用了 css 类，这意味着您可以相互独立地设置样式。

td.my-column-style { width:100px }
th.my-column-style { text-align:right;}

是否有一种内置的方式来设置列标题元素的样式(不仅仅是使用 headerStyle 属性)？

Answer 1

不，到目前为止，还没有内置的方式来独立设置标题单元格的样式，只有通过 headerStyle 属性设置标题行。

我认为您的解决方法已经足够好了。