title: Dynamically update the count for number of records available in react-table
body: <p>I am a beginner in React JS. I am using React-tables</p>
  
  <p>How do I get to display the total number of records available in the table and update the count as I filter? </p>
  
  <p>I have tried to add the array length -- Total Records: {this.props.data.length}. But my array length is not being re-rendered every time I filter my table data. It remains the same even if I filter.</p>
  
  <pre><code>       const paginationOptions = {
             showPagination: false,
               };
  
             const filterOptions = {
             filterable: true,
          defaultFilterMethod: (filter, row, column) =&gt; {
             const id = filter.pivotId || filter.id;
             return row[id] !== undefined
    ? String(row[id])
        .toLowerCase()
        .includes(filter.value.toLowerCase())
    : true;
           },
             };
  
        type DefaultReactTableProps = {
         data: Array&lt;{}&gt;,
            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 (
               &lt;ReactTable
               {...paginationOptions}
                {...noFilter}
                defaultPageSize={this.props.data.length}
              minRows={0}
              {...this.props}
                 /&gt;
               );
               }
               }
  </code></pre>
  
  <p>I need to get the count of the total number of records updated as soon as I filter. How can I do it?</p>