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

【问题标题】：SlickGrid header wraps when there are several hundred columns当有数百列时，SlickGrid 标题会换行
【发布时间】：2011-09-16 19:32:24
【问题描述】：

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

似乎标题的宽度固定为 10000 像素，而行单元格的宽度可以更宽，这就是导致呈现问题的原因。

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

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

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

【问题讨论】：

标签： slickgrid

【解决方案1】：

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

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

【讨论】：