v6: проблема множественного выбора React-таблицы - PullRequest
0 голосов
/ 24 сентября 2019

Я пытаюсь применить цвет фона к выбранным строкам:

getTrProps={(state, rowInfo, column, instance) => ...}

на rowInfo Я не могу найти такую ​​информацию, как "выбранные" или аналогичные (также с использованием selectTableHOC)

1 Ответ

1 голос
/ 24 сентября 2019

столбец выбранной строки

    getTrProps={(state, rowInfo, column) => {
        return {
          onClick: (e) => {
            var a = this.state.selected.indexOf(rowInfo.index);
            if (a == -1) {
              // this.setState({selected: array.concat(this.state.selected, [rowInfo.index])});
              this.setState({selected: [...this.state.selected, rowInfo.index]});
              // Pass props to the React component
            }
            var array = this.state.selected;
            if(a != -1){
              array.splice(a, 1);
              this.setState({selected: array});

            }
          },
          // #393740 - Lighter, selected row
          // #302f36 - Darker, not selected row
          style: {background: this.state.selected.indexOf(rowInfo.index) != -1 ? '#393740': '#302f36'},
        }
        }}
...