删除GXT Grid中行之间的空格/行

Question

我的目标是在网格的某些列之间创建一条实线。为实现这一目标，我已在相应的列中完成以下操作：

ColumnConfig colConfig = new ColumnConfig("myID", "My Col Title", 50);
colConfig.setStyle("border-right:solid medium black;");

从附图中可以看出，行之间似乎有空格，这阻止了我的列边框成为一条实线。任何人都可以帮助消除行之间的这些行，或者一些替代方法来实现我的目标吗？

我看到网格类型本身提供了一种方法来打开/关闭列线：

grid.setColumnLines(false);

但我没有看到任何行。我也不知道即使是列方法隐藏线条还是实际删除它们 - 我怀疑是前者。

提前感谢任何和所有答案。

Answer 1

嗨，我是通过使用一个小字符串操作继续这样做的;

创建一个GridView（扩展网格视图）并覆盖以下

protected String doRender(List<ColumnData> cs, List<ModelData> rows, int startRow, int colCount, boolean stripe) {
        String grab = super.doRender(cs, rows, startRow, colCount, stripe);
        grab = grab.replace("style=\"", "style=\"border:0px none; ");
         return grab;

}

    protected String renderRows(int startRow, int endRow) {
        String grab = super.renderRows(startRow, endRow);
        grab = grab.replace("style=\"", "style=\"border:0px none; ");
        return grab;
    }

这将剥离网格中的任何边框作为其渲染的

希望有所帮助

Answer 2

为类.x-grid3-row定义边框（应用在行的div元素上），因此您可以在自定义.css文件中覆盖它，或者从gxt-all中删除相应的行.css（我推荐第一种方法，因为gxt-all.css可能会随着未来的gxt版本而改变，覆盖你的更改）