【问题标题】:GWT DataGrid multi row headerGWT DataGrid 多行标题
【发布时间】:2013-02-13 04:23:13
【问题描述】:

我正在将一些 GWT 内容从 CellTable 迁移到 DataGrid,主要是因为 DataGrid 在滚动时锁定标题行的功能。

使用 CellTable,如果文本短语太长,列标题文本将换行到下一行。 CellTable 的标题会动态增加高度。这是默认行为,我从未编辑过任何 css 文件。

我可以在 DataGrid 中获得这种行为吗?我需要更改我的主项目 css 文件,还是更改 clean.css?是否有编程方式在 DataGrid 上设置属性?

我正在创建TextColumn等并通过dataGrid.addColumn()添加;

编辑:查看此处的示例,如果缩小浏览器窗口的宽度,标题不会换行:http://gwt.googleusercontent.com/samples/Showcase/Showcase.html#!CwDataGrid

【问题讨论】:

  • DataGrid 标头以相同的方式包装。检查您的浏览器哪个 CSS 属性阻止它们换行(可以是固定高度、空白或自动换行)。
  • @Andrei,我不知道该怎么做。我对css一无所知。我有 GWT Eclipse 插件在创建新项目时创建的默认 css。
  • 展示的 DataGrid 上设置了 white-space: nowrap; 属性。

标签: gwt gwt-celltable


【解决方案1】:

将此添加到您的 CSS 文件中:

th {
    white-space: normal !important;
}

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2016-06-13
    • 2016-08-21
    • 1970-01-01
    • 1970-01-01
    • 2015-01-02
    • 2013-06-22
    • 1970-01-01
    相关资源
    最近更新 更多