GWT CellTable如何将排序箭头从左向右移动

我想将单元格表格标题中的排序箭头从左向右移动，如下图所示

---

有什么建议吗？

我想我有一些原始想法，你可以尝试一下，看看它们是否有用：

在包含箭头img的div上获取一个句柄，以添加一个样式类名，该样式类名将在CSS选择器[2.below]中使用，该选择器可设置所需的正确对齐方式的样式。。。也许像这样的方法会奏效：

CellTable.getTableHeadElement().addClassName( "myTableHeadersClassname" );

如果1。成功地在CellTable的thead元素上获得了“myTableHeadersClassname”类名，那么我认为我们的状态很好。我认为这个CSS选择器会起作用：

.myTableHeadersClassName div div:nth-child(1){
    left: auto;
    right: 0 px;
}

我不确定我是不是。会起作用的，所以这可能是困难的部分。但其想法是在CellTable DOM层次结构中的某个位置添加一个类名，然后从中创建CSS选择器。只要您可以应用该类名并创建选择器，您就应该面临修改该选择器的样式的问题（尽管我认为在2.中选择器内部的样式应该可以工作）。如果1。不起作用，我认为您可以在顶级CellTable本身上放置一个类名，然后使用稍微复杂一点的选择器：

.myCellTableClassname thead div div:nth-child(1)

无论您选择哪种选择器路径，左侧样式都应该覆盖CellTable的内联样式；如果我写的东西没有做到这一点，那么只需向选择器添加更多的特殊性，直到它做到为止

---

我花了一些时间才找到答案，但解决方法很简单。单元格表使用默认的标题生成器，该生成器具有在左侧或右侧呈现排序图标的选项

DefaultHeaderOrFooterBuilder<Contact> headerBuilder = new DefaultHeaderOrFooterBuilder<>(table, false);
headerBuilder.setSortIconStartOfLine(false);
table.setHeaderBuilder(headerBuilder);

DefaultHeaderOrFooterBuilder headerBuilder=新的DefaultHeaderOrFooterBuilder（表，false）；
headerBuilder.SetCortiConstartofLine（假）；
表.setHeaderBuilder（headerBuilder）；

---

干杯

（+1）感谢Adam的回复..我只使用了这个（但我还有一个问题bcoz的固定内联样式）…如果您需要与内联不同的显示属性，请在您自己的CSS选择器中尝试使用它，其中选择器本身的指定与我下面的回答类似。