Question

我正在为我的项目使用Handsontable，我需要动态更改高度参数。例如，如果我设置了预定义的高度值，那么一旦我的div容器有多少行数该表将有更多的剩余空间。我尝试通过在declare表中删除height变量。然后高度自动调整大小，没有剩余空间。但是从宽度侧表也已经超出了div容器。有没有解决这个问题？

Answer 1

创建表格时使用高度函数

...    
[height]="getHeight()"
...

然后指定你想要的任何逻辑。
我过去曾使用过这个函数来解决类似的问题：

getHeight() {
  if (!this.targetData)
    return 250; // empty table height

  // this.hotRowHeight is the height of your row
  // rowheight * (number of rows + 3)
  // The extra 3 while calculating height: 2 for header and another for scrollbar
  var calculatedTableHeight = this.hotRowHeight * (this.targetData.length + 3); 
  var maxTableHeight = window.screen.height * 0.7;

  // sets the height of the spreadsheet to 70% of screen height or table height - whichever is smaller
  return Math.min(calculatedTableHeight, maxTableHeight);
}

Answer 2

hot.updateSettings({height:'500'})

我使用updateSettings方法动态更改可动手操作的高度。

如何动态更改Handsontable的高度参数

2 个答案: