Динамически обновлять счетчик для количества записей, доступных в реагирующей таблице - PullRequest
Новая
       27

Динамически обновлять счетчик для количества записей, доступных в реагирующей таблице

0 голосов
/ 19 апреля 2019

Я новичок в React JS.Я использую React-таблицы

Как мне отобразить общее количество записей, доступных в таблице, и обновить счет при фильтрации?

Я попытался добавить длину массива - Всего записей: {this.props.data.length}.Но длина моего массива не перерисовывается каждый раз, когда я фильтрую данные таблицы.Он остается прежним, даже если я фильтрую. 

       const paginationOptions = {
           showPagination: false,
             };

           const filterOptions = {
           filterable: true,
        defaultFilterMethod: (filter, row, column) => {
           const id = filter.pivotId || filter.id;
           return row[id] !== undefined
  ? String(row[id])
      .toLowerCase()
      .includes(filter.value.toLowerCase())
  : true;
         },
           };

      type DefaultReactTableProps = {
       data: Array<{}>,
          history?: {}, // required to make a row or cell linkable 
               by pushing to history onClick
            };

       class DefaultReactTable extends React.Component {
             props: DefaultReactTableProps;
               render() {
              console.log('Render',this.props);
                const noFilter = this.props.noFilter ? null : 
               filterOptions;
             return (
             <ReactTable
             {...paginationOptions}
              {...noFilter}
              defaultPageSize={this.props.data.length}
            minRows={0}
            {...this.props}
               />
             );
             }
             }

Мне нужно обновить общее количество записей, как только я отфильтрую.Как я могу это сделать?

...