Установите Handsontable на 100% ширину и высоту и при необходимости с помощью полосы прокрутки

Question

Как я могу установить Handsontable ширину и высоту на 100% всегда. Я хочу, чтобы таблица всегда расширяла весь размер экрана или внутри дополнительного контейнера div. По умолчанию ширина каждой ячейки должна быть установлена ​​на minWidth. Таким образом, если столбцов много, таблица распространяется на весь экран и добавляет горизонтальную полосу прокрутки.

Я искал на многих форумах какие-либо решения, но не смог найти ничего полезного. Я попытался установить разные Handsontable div на 100%, но всякий раз, когда я это делал, вся таблица начинала глючить.

var hot = new Handsontable(container, {
  data: data(),
  minSpareCols: 1,
  minSpareRows: 1,
  rowHeaders: true,
  colHeaders: true,
  contextMenu: true,
  width: '100%',
  height: '100%',
});

Я установил ширину и высоту в 100%, но это ничего не меняет.

Я создал JSFiddle, который отображает таблицу с точной проблемой. Просто нажмите один раз в полноэкранном режиме и выйдите снова. После этого вы увидите, как таблица не распространяется на полосу прокрутки.

https://jsfiddle.net/6gvkLyf1/

Спасибо за помощь!

Answer 1

Мне удалось решить это самому.Я создал контейнер div вокруг handsontable и установил его на ширину 100%.Теперь все, что мне нужно было сделать, это добавить

stretchH: 'all' 

в настройки таблицы.