表合并单元格-Vaadin

表合并单元格-Vaadin,vaadin,Vaadin,我正在用瓦丁制作桌子。一些细胞正在重复。因此,我希望它们合并到一个单元格中,如图所示: 第一幅图显示了表格现在的外观,第二幅图显示了我希望合并单元格的外观 我正在使用以下代码: Table table = new Table(AppData.getMessage("menu.report2")); table.addContainerProperty(tableHeaders[0], String.class, null); table.addContainerProperty(tableHea

我正在用瓦丁制作桌子。一些细胞正在重复。因此,我希望它们合并到一个单元格中,如图所示:

第一幅图显示了表格现在的外观,第二幅图显示了我希望合并单元格的外观

我正在使用以下代码:

Table table = new Table(AppData.getMessage("menu.report2"));
table.addContainerProperty(tableHeaders[0], String.class, null);
table.addContainerProperty(tableHeaders[1], String.class, null);
table.addContainerProperty(tableHeaders[2], String.class, null);
table.addContainerProperty(tableHeaders[3], String.class, null);

List<User> employeeList = employeeDAO.findAllEmployees();
int i;
for (i = 0; i < employeeList.size(); i++) {
    User employee = employeeList.get(i);
    table.addItem(new Object[]{
            CaseStatus.OPEN,
            tasksDAO.countTasks(CaseStatus.OPEN),
            employee.getFirstAndLastName(),
            tasksDAO.countTasks(employee, CaseStatus.OPEN)},
            i);
}

for (int j = 0; j < employeeList.size(); j++) {
    User employee = employeeList.get(j);
    table.addItem(new Object[]{
            CaseStatus.CLOSED,
            tasksDAO.countTasks(CaseStatus.CLOSED),
            employee.getFirstAndLastName(),
            tasksDAO.countTasks(employee, CaseStatus.CLOSED)},
            i + j);
}


table.setPageLength(table.size());

addComponent(table);
setComponentAlignment(table, Alignment.TOP_CENTER);
setMargin(true);
Table Table=新表(AppData.getMessage(“menu.report2”);
table.addContainerProperty(tableHeaders[0],String.class,null);
table.addContainerProperty(tableHeaders[1],String.class,null);
table.addContainerProperty(tableHeaders[2],String.class,null);
table.addContainerProperty(tableHeaders[3],String.class,null);
List employeeList=employeeDAO.findAllEmployees();
int i;
对于(i=0;i
我认为,这在“正常方式”下是不可能的。但是我有一个办法来模拟这个

第一个解决方案:

您可以简单地使用GridLayout根据需要构建网格。那个么并没有什么能限制你们的想象力,除了这样的网格大小。它不应该太大(也不应该太尖)

第二种解决方案:

另一个建议有点疯狂

  • 禁用
    表格
    /
    网格
    条纹
  • 在一组相似的单元格中,只填充第一行。将其余部分留空(或字符串中的空格)
  • 然后处理重复的数据(来自第一列和第二列),但不能垂直对齐(文本将保留在顶部-组的第一行)

    第三种解决方案:


    检查表。例如。

    好的,我使用GridLayout创建了表格,那么现在如何在这个布局上添加表格行呢?请看。我认为最简单的方法是使用CSS。