当有数百列时，SlickGrid 标题会换行

Question

当我的结果集包含数百列时，标题会回绕到网页的左侧并占据两行。数据中标题位置和列位置之间的相关性在标题单元格第一行末尾也不正确。

看来标题的宽度固定为 10000px，而行单元格的宽度可以更宽，这就是导致渲染问题的原因。

slick-header-columns 的样式由 slick.grid.js 显式设置为： style="width: 10000px; left: -1000px"。

当我在这种包装状态下通过 firebug 检查 css 时，我看到每个光滑行的宽度设置为：12805px。当我手动将 slick-header-columns 宽度更改为 15000px 时，渲染正确并且标题不再换行。

有没有办法以编程方式更新标题宽度，以便它可以容纳所有列单元格？

Answer 1

我解决这个问题的方法是修改 slick.grid.js 中的 setCanvasWidth 函数，以便它更新标题宽度和画布宽度：

    function setCanvasWidth(width) {
        $canvas.width(width);
        if (width > $headers.width()) {
           $headers.width(width + 1000);
        }
        viewportHasHScroll = (width > viewportW - scrollbarDimensions.width);
    }