css - 如何在 Slickgrids 中自动换行标题栏

Question

我最近开始使用 slickgrids。所以得到很多很多的质疑。如何在 slickgrids 中自动换行列标题

Answer 1

我通过编辑 2 个 css 标签解决了这个问题:

在 slick-default-theme.css 中:

.slick-header-columns {
    white-space: pre !important;
    height: 45px;
}

此处的高度可根据您的需要进行调整。这很好显示 3 行。

在 slick.grid.css 中，将下面标签上的 height 设置更改为 100%:

.slick-header-column.ui-state-default {
    ...
    height: 100%;
    ...
}

希望这对您有所帮助!