Question

我最近开始使用slickgrids。因此得到了很多怀疑。如何在slickgrids中包装列标题

Answer 1

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

在slick-default-theme.css：

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

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

在slick.grid.css中，将以下代码中的height设置更改为100%：

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

希望这有帮助！

Answer 2

fwiw，光滑网格的作者在这里回答了这个问题： https://github.com/mleibman/SlickGrid/issues/61

Answer 3

我创建了一个自定义css类来启用/禁用该功能：

.slickgrid-word-wrap .slick-cell {
    white-space: normal;
    overflow: auto;
}

然后在我的div容器上：

<div id="my-grid"
     class="slickgrid-word-wrap"></div>

你仍然可以在SlickGrid配置上设置行的高度，如下所示：

var options = {
            editable: false,
            enableCellNavigation: false,
            autoExpandColumns: false,
            forceFitColumns: false,
            showFooterRow: false,
            explicitInitialization: true,
            multiColumnSort: false,
            rowHeight: 50 // <--- here
        };

如何在Slickgrid中自动换行标题列

3 个答案: