可操作的重复表

Question

两个问题： 1.使用@handsontable/angular时，我一直收到重复的表。如果我创建两个表，则单词不再重叠。 2.如果我使用colHeaders和rowHeaders，则无法选择任何单元格。

不确定到底发生了什么。我怀疑这与引导冲突吗？

顶部图像显示标题的重叠。第二张图片是我添加另一个hot-table

一张桌子：

  <hot-table class="hot inline-block vert-top" width="{{ window_width }}"
    [data]="data" [colHeaders]="colHeaders" [rowHeaders]="rowHeaders"
    [tableClassName]="['table', 'table-hover', 'table-striped']"
    >
    </hot-table>

两个表：

  <hot-table></hot-table>

  <hot-table class="hot inline-block vert-top" width="{{ window_width }}"
    [data]="data" [colHeaders]="colHeaders" [rowHeaders]="rowHeaders"
    [tableClassName]="['table', 'table-hover', 'table-striped']"
    >
    </hot-table>

component.ts

  ngOnInit() {
    let headers = [];
    this.rowHeaders = ['Revenue', 'Gross Profit', 'SGA', 'Total Operating Expense']
    this.selection = Object.keys(this.income);

    for (var j=0;j< this.rowHeaders.length;j++){
      const temp = [];
      for (var i = 0; i < this.income['Year'].length; i++) {
        let head = this.income['Year'][i] + this.income['Type'][i] + this.income['Qtr'][i] 
        if (headers.indexOf(head) < 0 ){
           headers.push(head);
        }
        temp.push(this.income[this.rowHeaders[j]][i])
      }
      this.data.push( temp )
    }
    this.colHeaders = headers;
  }

也尝试过这样： duplicate headers when using Handsontable

我尝试冻结标题。结果相同。

Answer 1

可手动使用的样式表不应从应用程序的全局样式表导入，而应从angular.json配置文件导入

只需在node_modules/../handsontable配置的styles中添加路径。