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

阿西姆·阿扎姆

我使用数据表中的 jQuery 插件制作了一个表(带有子行)。我无法找出如何将样式应用于单个单元格列 ( <td>)

我对这个现有的小提琴做了一个编辑,你可以看到我在第 2 列中放大了文本,但我也想让第 4 列和第 5 列中的文本更大(加上其他样式)。

line 114在 CSS 中放了一个类(这是来自 dataTables 的原始 css),这使得文本更大,

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

它不适用于其他列(正如我假设的那样.sorting_2.sorting_3(等)是更改它的类)。查看检查面板时,您可以看到已<td>更改单元格标签都具有 sort_1 类,但其他的没有,我不知道该怎么做,

我该怎么做?

史蒂夫·K

每行都有一个evenor oddso的类,您可以使用它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;
}

或者您可以通过 role 属性指定它并nth-of-type像这样使用

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

PrimeFaces数据表中的条件单元格编辑

来自分类Dev

使用AngularJS的数据表中的单元格按钮

来自分类Dev

PHPExcel如何应用样式并为动态生成的单元格设置单元格宽度和单元格高度

来自分类Dev

EPPlus:如何设置合并单元格的样式?

来自分类Dev

设置单元格数据后,如何更新UICollectionView中单元格的大小?

来自分类Dev

如何从数据表中获取所选表单元格的值?

来自分类Dev

根据其值在DataGrid中设置单元格样式

来自分类Dev

如何使数据表行或单元格可点击?

来自分类Dev

如何在JupyterLab中更改单元格的样式/宽度?

来自分类Dev

如何使用pyside在QtableView单元格中设置数据

来自分类Dev

如何根据列名和单元格值设置样式?

来自分类Dev

引用同一行中已在数据表列中计算出最小值的另一个单元格

来自分类Dev

如何以数据网格的样式添加单元格样式?

来自分类Dev

如何在react.js中的mdb数据表中重置单元格的宽度

来自分类Dev

如何在JupyterLab中更改单元格的样式/宽度?

来自分类Dev

从数据表中删除空白单元格

来自分类Dev

PrimeFaces数据表中的条件单元格编辑

来自分类Dev

如何在不使用单元格坐标的情况下引用Excel数据表中的单元格?

来自分类Dev

使用AngularJS的数据表中的单元格按钮

来自分类Dev

如何在C1FlexGird中设置特定单元格的样式?

来自分类Dev

如何从数据表中获取所选表单元格的值?

来自分类Dev

编辑数据表单元格

来自分类Dev

数据表...如何根据表的单元格值更改单元格的颜色

来自分类Dev

如何基于JavaFX中的条件设置列表视图单元格的样式

来自分类Dev

如何更改数据表的单元格颜色?

来自分类Dev

如何使用数据表更新所有表中的所有单元格

来自分类Dev

如何根据单元格值设置不同的表格数据样式?

来自分类Dev

如何合并primefaces数据表行中的单元格?

来自分类Dev

如何根据数据表中的另一个单元格值隐藏单元格值

Related 相关文章

  1. 1

    PrimeFaces数据表中的条件单元格编辑

  2. 2

    使用AngularJS的数据表中的单元格按钮

  3. 3

    PHPExcel如何应用样式并为动态生成的单元格设置单元格宽度和单元格高度

  4. 4

    EPPlus:如何设置合并单元格的样式?

  5. 5

    设置单元格数据后,如何更新UICollectionView中单元格的大小?

  6. 6

    如何从数据表中获取所选表单元格的值?

  7. 7

    根据其值在DataGrid中设置单元格样式

  8. 8

    如何使数据表行或单元格可点击?

  9. 9

    如何在JupyterLab中更改单元格的样式/宽度?

  10. 10

    如何使用pyside在QtableView单元格中设置数据

  11. 11

    如何根据列名和单元格值设置样式?

  12. 12

    引用同一行中已在数据表列中计算出最小值的另一个单元格

  13. 13

    如何以数据网格的样式添加单元格样式?

  14. 14

    如何在react.js中的mdb数据表中重置单元格的宽度

  15. 15

    如何在JupyterLab中更改单元格的样式/宽度?

  16. 16

    从数据表中删除空白单元格

  17. 17

    PrimeFaces数据表中的条件单元格编辑

  18. 18

    如何在不使用单元格坐标的情况下引用Excel数据表中的单元格?

  19. 19

    使用AngularJS的数据表中的单元格按钮

  20. 20

    如何在C1FlexGird中设置特定单元格的样式?

  21. 21

    如何从数据表中获取所选表单元格的值?

  22. 22

    编辑数据表单元格

  23. 23

    数据表...如何根据表的单元格值更改单元格的颜色

  24. 24

    如何基于JavaFX中的条件设置列表视图单元格的样式

  25. 25

    如何更改数据表的单元格颜色?

  26. 26

    如何使用数据表更新所有表中的所有单元格

  27. 27

    如何根据单元格值设置不同的表格数据样式?

  28. 28

    如何合并primefaces数据表行中的单元格?

  29. 29

    如何根据数据表中的另一个单元格值隐藏单元格值

热门标签

归档