如何在dgrid中设置列内容的样式，而不设置列标题的样式

How can I style the contents of a column in a dgrid, but not the column header?

本文关键字：样式 设置 标题 dgrid      更新时间：2023-09-26

我已经创建了一个dgrid来使用我通过ESRI的Javascript API创建的网络地图。dgrid运行良好，但我希望用户更清楚地看到，他们可以点击第一列中的单元格，平移到地图上的特定记录。我在CSS中添加了一行，将第一列中的文本样式设置为带下划线的蓝色，但除了单元格内容外，它还将样式应用于页眉。在设置列内容的样式时，我希望不设置标题的样式。这可能吗？

对不起，我应该更具体一点。这不是一张桌子，这是一个道场。我使用的示例如下：http://developers.arcgis.com/en/javascript/samples/fl_dgrid/.用户可以点击第一列中的单元格来平移到某个功能，但没有任何显示该单元格是可点击的（因此我想对其进行样式设置）。

我为样式第一列添加的CSS如下：

#grid { height: 100%; }
.dgrid { border: none; }
.field-id { cursor: pointer; 
  text-decoration:underline;
  color:blue;
}

你可以在你的css中尝试这个：

td.field-id { cursor: pointer; 
  text-decoration:underline;
  color:blue;
}

这样，您就可以更具体地指定选择器，这样它只会影响类field-id的td，而不会影响该类的th。

他们说的是正确的，看看这个表ccs3

相关文章：