類添加到一個個

Question

這是很容易的一類添加到TD中的WebGrid，例如：

new WebGridColumn { 
    ColumnName= "Owl.Species", 
    Header= "Scientific Name", 
    Style= "sci-name" 
} 

的風格標籤添加類「SCI-名」的td。如何在不使用jQuery的情況下爲該列添加類th，這不是理想的解決方案。

Answer 1

您可以使用WebGrid.GetHtml參數headerStyle屬性用於此

如：

希望這有助於！

Answer 2

我不認爲有一種內置的方式來做到這一點。你甚至不能擴展WebGrid類，因爲它們的方法不是標記爲虛擬的。我能想到的最好方法是使用一些CSS，nth-child通過其索引來定位th元素。

<style type='text/css'> 
    table thead tr th:nth-child(2) { 
     background: yellow; 
    } 
</style> 

仍然不理想，但我認爲比使用JQuery更好。

Answer 3

我們可以使用Javascript代碼如下，這是最簡單的方法。

JsFiddle Example

$("table tr th:nth-child(n)").addClass("col-md-1");