创建多行表头答案

【问题标题】：Creating multirow table headers创建多行表头
【发布时间】：2012-01-09 15:59:13
【问题描述】：

我有一个表格，其中我的列标题使用以下指令设置：

table.setColumnHeader

我想知道如何创建像on this page 这样的多级表头？

【问题讨论】：

标签： vaadin

【解决方案1】：

从 Vaadin 6.7.3 开始，目前无法使用库存的 Vaadin 表组件。

为 Vaadin 7 更改此设置会引发 Trac 问题。有关详细信息，请参阅 https://vaadin.com/forum/-/message_boards/view_message/900369。

根据您的要求，您可以隐藏表格组件的标题并尝试模拟标题（通过使用水平布局，生成您自己的标题并监听列调整大小事件）；或者，您可以简单地生成自己的 HTML <table></table> 并将其分配给标签组件。

【讨论】：

【解决方案2】：

在 Vaadin7 中，您可以通过向主题添加以下 CSS 规则来动态设置表头高度：

  .v-table-header-wrap {
    height: auto;
  }

唯一的想法是列分隔符没有设置为标题行高的100%...

【讨论】：

【解决方案3】：

查看 TreeTable 组件可能会对您有所帮助： Vaadin sampler

问候，埃里克。

【讨论】：

【解决方案4】：

要仅制作表的标题，请使用 setPageLength(0);这将消除表格主体并仅显示标题。然后创建另一个带有标题和数据的表格，并将这两个表格组合到一个布局中:) 这是一个很酷的技巧，确保第一个表头的比例与第二个表头的比例相匹配。

【讨论】：