Question

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

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

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

当我在这种包装状态下通过firebug检查css时，我看到每个光滑行的宽度设置为：12805px。当我手动将光滑标题列宽度改为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);
    }

当有几百列时，SlickGrid标头会换行

1 个答案: