Question

我使用handontable构建表。

我想动态地将表扩展到父容器的宽度，但是某些列（预先知道）必须具有固定的宽度。

我在表格设置中使用stretchH: 'all'参数。它可以完美地工作，但是根据documentation，它会平等地扩展所有列。因此，我无法为某些列设置固定宽度（忽略）。

我想知道是否有任何方法（或破解）通过使用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();
  }
};

这里是demo。

有必要设置“ id”和“ firstname”列的宽度

可手动拉伸所有列，但某些列除外

0 个答案: