初始手动视图不会拉伸到正确的宽度

Question

我有一个handontable对象(实际上是两个对象,都在一个bootstrap模式中),在构建页面后加载了数据.这是一个重复问题的jsfiddle https://jsfiddle.net/mtbdeano/w7dofbyy/

即使有stretchH: all选择,这些表的尺寸也太窄了.点击内容后,他们会像魔术一样调整到正确的列宽.我错过了一些初始化参数吗？加载新数据后,如何将其大小设置为正确的宽度？

  /* these tables are in the modal */
  $('#keyword_table').handsontable({
    data: keyword_data,
    rowHeaders: true,
    colHeaders: ['Keywords'],
    columnSorting: true,
    contextMenu: true,
    height: 256,
    stretchH: "last",
    enterBeginsEditing: false,
    minSpareRows: 1
  });

我正在使用此代码加载数据,该代码在成功的ajax调用时调用:

function load_table_from_ajax(tbl, data) {
  var $tbl = $(tbl);
  var hot = $tbl.handsontable('getInstance');
  // this formats my data appropriately
  var new_data = _.map(data, function (kw) {
    return new Array(kw);
  });
  hot.loadData(new_data);
  /* I have tried also doing a: hot.render(); */
}

所有代码看起来都是正确的教程,任何想法为什么表不能正确拉伸/调整大小？

在与Handsontable交互之前,它看起来像这样: 但点击标题或添加值后:

Answer 1

尝试给出一个widthon 初始化。由于您没有设置它，因此stretchH可能无法进行所需的计算。我以前见过这种行为，设置它通常可以修复它。