Handsontable дубликаты таблиц - PullRequest
       9

Handsontable дубликаты таблиц

0 голосов
/ 27 декабря 2018

Два вопроса: 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>

enter image description here

две таблицы:

  <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>

enter image description here 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;
  }

enter image description here

Также пробовал это: дубликаты заголовковпри использовании Handsontable

я попытался заморозить заголовки вместо этого.Тот же результат.

1 Ответ

0 голосов
/ 27 декабря 2018
Таблицу стилей

handsontable не следует импортировать из глобальной таблицы стилей приложения, а скорее из angular.json файла конфигурации

, просто добавьте путь в node_modules/../handsontable в styles config.

...