覆盖Tapestry网格

Question

我想扩展tapestry Grid组件，以便能够获得以下行为：

我想要一个特定的列使文本与右边对齐，这对css没有问题。但是我也想在这种情况下将表格排序的图标（在表格的标题中）留在文本中（不是右边）。

这可能吗？

Answer 1

  

但是我也想要表格排序的图标（在表格中）   在这种情况下，文本的左侧（不是右侧）。

我的答案基于这个随机演示：http://jumpstart.doublenegative.com.au/jumpstart/previews/easycrud/persons

.t-data-grid th:nth-child(3) a:last-child {
    float: left
}
.t-data-grid th:nth-child(3) a > img {
    margin: 0 4px 0 0
}

如果需要，您可以将th:nth-child(3)替换为类，例如th.lastName。

IE7 / 8不支持

:last-child / nth-child。如果您需要支持这些浏览器，则可以使用支持的:first-child：

.t-data-grid th.lastName a {
    float: left
}
.t-data-grid th.lastName a:first-child {
    float: none
}
.t-data-grid th.lastName a > img {
    margin: 0 4px 0 0
}