如何设置dgrid中列的内容的样式,而不是列标题?

时间:2013-11-22 15:35:46

标签: javascript css dgrid

我创建了一个dgrid来处理我通过ESRI的Javascript API创建的webmap。 dgrid运行正常,但我希望用户能够更清楚地看到它们可以单击第一列中的单元格以平移到地图上的特定记录。我在CSS中添加了一行,将第一列中的文本设置为带有下划线的蓝色,但除了单元格内容外,它还将样式应用于标题。我想在设置列内容的同时保持标题没有样式。这可能吗?

对不起,我应该更具体一点。这不是一张桌子,它是一个道场dgrid。我正在使用的一个例子是: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;
}

2 个答案:

答案 0 :(得分:0)

他们说的是正确的,看看这个Table ccs3

答案 1 :(得分:0)

您可以在css中尝试使用此功能:

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

通过这种方式,您可以更加具体地使用选择器,然后它只会影响tdfield-id而不影响该类th