在GWT flextable行中添加分隔符

Question

我在GWT中有一个flex表，它有3行。现在我想在每一行之后绘制一个行/分隔符。（只是行之间的分隔符，而不是列）

我可以实现这个......

这是当前的屏幕

你可以看到3行，只需要在它们之间划一条干净利落的线

Answer 1

FlexTable呈现为<table>，其单元格为简单<td> s。因此，在CSS中，您可以包含以下内容：

.tableWithRowsDelimiter td {
    border-bottom: 1px solid #c9c9c9;
}

然后通过ui.xml将tableWithRowsDelimiter样式分配给FlexTable：

<g:FlexTable ui:field="yourFlexTable" class="tableWithRowsDelimiter"/>

或者在您的Java代码中：

yourFlexTable.setStyleName("tableWithRowsDelimiter");