2017-03-25 67 views
0

我已經做了一個表(與子行)使用jQuery插件dataTables。我無法找到如何將樣式應用到單個單元格列(<td>如何設置dataTables列中的單元格樣式?

我已經編輯了這個現有的fiddle,您可以看到我在第2列中將文字放大了,但我也想使文本較大(加上其他造型)的4列和5

我把一類line 114在CSS(這是從數據表原來的CSS)和本作的文字變大,

.sorting_1{ 
    font-size: 29px; 
    line-height: 29px; 
} 

它沒有爲其他列的工作(我假定.sorting_2.sorting_3(等)是改變它的類)。當在檢查面板看你能看到的改變細胞的<td>標籤都具有類sorting_1的,但別人不一樣,我不知道該怎麼做,

我將如何做到這一點?

回答

0

每一行都有evenodd的等級,因此您可以使用nth-of-type指定您想要的樣式的td。你將不得不既風格偶數和奇數列,所以你必須同時指定,像這樣:

.even td:nth-of-type(4), 
.odd td:nth-of-type(4){ 
    background:red; 
} 
.even td:nth-of-type(5), 
.odd td:nth-of-type(5){ 
    font-size:20px; 
} 

或者你可以通過角色屬性指定它,並使用nth-of-type像這樣:

tr[role=row] td:nth-of-type(4){ 
    background:red; 
} 
tr[role=row] td:nth-of-type(5){ 
    font-size:20px; 
} 
相關問題