表格单元格中的 Slickgrid 太宽答案

【问题标题】：Slickgrid Too Wide in Table Cell表格单元格中的 Slickgrid 太宽
【发布时间】：2012-08-15 11:54:27
【问题描述】：

当 Slickgrid 添加到 table-cell 样式的 div 时，网格会变得过宽，除非为该 div指定最大宽度>。网格似乎也在右侧增加了一个幻列。

是否有可能使 Slickgrid 在该类型的布局中只占用必要的空间？

http://jsfiddle.net/ericjohannsen/uMQH2/3/

更新

我注意到生成了以下 HTML

<div class="slick-header-columns" style="left: -1000px; width: 2978px;" unselectable="on">

宽度被显式设置为一个太大的值，即使考虑到左侧如果偏移 -1000px。

【问题讨论】：

标签： slickgrid

【解决方案1】：

将forceFitColumns 属性设置为True

【讨论】：

【解决方案2】：

SlickGrid 要求容器具有明确设置的大小。

【讨论】：

【解决方案3】：

我仍然希望有一个适当的解决方案，但与此同时，我能够通过在渲染网格后包含以下代码来解决该问题

    grid.render();

    // Hack to fix grid width issue http://stackoverflow.com/q/12032796/141172 
    var cols = grid.getColumns();
    var numCols = cols.length;
    var gridW = 0;
    for (var i=0; i<numCols; i++) {
        gridW += cols[i].width;
    }

    $('#gc').width(gridW); // gc is the ID of the div used for SlickGrid

【讨论】：