2017-03-25 34 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; 
} 
相关问题