Handsontable растянуть все столбцы, кроме определенных - PullRequest
Новая
       6

Handsontable растянуть все столбцы, кроме определенных

0 голосов
/ 07 мая 2019

Я использую handsontable для создания таблиц.

Я хочу динамически растянуть таблицу до ширины родительского контейнера, но некоторые столбцы (которые известны заранее) должны иметь фиксированную ширину.

Я использую параметр stretchH: 'all' в настройках таблицы. Он отлично работает, но согласно документации он растягивает все столбцы одинаково. Поэтому я не могу установить фиксированную ширину для некоторых столбцов (это игнорируется).

Интересно, есть ли способ (или хак) установить ширину определенного столбца, растягивая всю таблицу с помощью параметра stretchH: 'all'.

Вот код: 

$scope.columns = [
  { width: 100, data: "id", title: "ID", readOnly: true },
  { width: 100, data: "name.first", title: "First Name", readOnly: true },
  { data: "name.last", title: "Last Name", readOnly: true },
  { data: "address", title: "Address", readOnly: true },
  { data: "price", title: "Price", type: "numeric", format: "$ 0,0.00"},
  { data: "date", title:"Date", dateFormat: "YYYY-MM-DD", correctFormat: true, type:"date"},
  { data: "isActive", title:"Is active", type:"checkbox", checkedTemplate:"Yes", uncheckedTemplate:"No"}
];

$scope.tableSettings = {
  stretchH: 'all',
  colHeaders: true,
  columnSorting: true,
  sortIndicator: true,
  manualColumnResize: true,
  persistentState: false,
  rowHeaders: true, 
  search: true,
  afterInit: function () {
    $scope.table = this;
    this.validateCells();
    this.render();
  }
};

Вот демоверсия .

Необходимо установить ширину столбцов "id" и "name"

...