Datatables 如何在数据表的列中设置单元格的样式?

Datatables 如何在数据表的列中设置单元格的样式?,datatables,Datatables,我使用jQuery插件dataTables创建了一个表(带有子行)。我很难找到如何将样式应用于单个单元格列() 我对现有的文本进行了编辑,正如您所看到的,我在第2列中放大了文本,但我还想在第4列和第5列中放大文本(加上其他样式) 我在CSS的第114行中放置了一个类(这是dataTables中的原始CSS),这使文本变大 .sorting_1{ font-size: 29px; line-height: 29px; } 它对其他列不起作用(正如我假设的那样,.sorting_2,.so

我使用jQuery插件dataTables创建了一个表(带有子行)。我很难找到如何将样式应用于单个单元格列(

我对现有的文本进行了编辑,正如您所看到的,我在第2列中放大了文本,但我还想在第4列和第5列中放大文本(加上其他样式)

我在CSS的
第114行
中放置了一个类(这是dataTables中的原始CSS),这使文本变大

.sorting_1{
  font-size: 29px;
  line-height: 29px;
}
它对其他列不起作用(正如我假设的那样,
.sorting_2
.sorting_3
(etc)是更改它的类)。当查看inspect面板时,您可以看到已更改单元格的
标记,所有单元格都具有排序类别\u 1,但其他单元格没有,我不确定如何进行排序


我该怎么做呢?

每行都有
偶数
奇数
类,因此您可以使用
nth类型
来指定要设置样式的
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;
}
或者您可以通过角色属性指定它,并使用类型的第n个,如下所示:

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