将列适合于手中的内容

Question

我是掌控者的新手，我无法实现一个简单的目标，就像列的宽度和单元格的内容一样长。即使我在handontable parent中有足够的空间来显示表的全部内容，一些列也会重叠某些单元格的内容。

我不想将表拉伸到其父级。只是为了显示完整的表格内容（因为我有足够的空间）。

更新

fap的答案是正确的。

我已经意识到问题不是来自表的基本定义，而是来自渲染器对单元格的定义。

cells: function (row, col, prop) {
    var cellProperties = {};
    if (row === 0) {
        cellProperties.renderer = firstRowRenderer;
    }
 return cellProperties;
}

function firstRowRenderer(instance, td, row, col, prop, value,   cellProperties) {
    Handsontable.renderers.TextRenderer.apply(this, arguments);
    td.style.fontWeight = 'bold';
    td.style.color = 'green';
    td.style.background = '#CEC';
}

当内容不适合手指单元格并且不调整大小时，应用渲染器之后。这是我面临的真正问题。

Answer 1

只是不要为表和/或列指定任何宽度。 Handsontable将根据各自单元格中的最长值来确定列的大小。

See this simple example.

请注意，如果您编辑值，则列会动态调整大小。

但是如果你有一个值可以扩展列宽以使你的表格比你的屏幕宽？好吧，如果你真的不想那样（我假设你没有，那么首先划分你的列和/或你的表是什么意思？），你可以使用选项preventOverflow：

preventOverflow: 'horizontal',

正如您可以看到in this example一样，它会自动创建一个导航栏，阻止您的表格离开屏幕，但仍会调整列的大小以便查看所有数据。