Extending onSortChange to return freshly sorted table data

[lequesne]

Wanted to retrieve the freshly sorted table data as a sorted array on return of onSortChange event function.

Have added the sort result as a fourth param to the onSortChange function.

[AllenFang]

@lequesne, in my consideration, onSortChange is supposed not to return the result, how about I add another hook, like afterSortChange? is that help you?

Thanks, and sorry for lately reply, I'm busy at this month.

[nirmalasubu]

@AllenFang I have react bootstrap table with pagination. when I click on the sort button on the 3rd page data is sorted but it is not taking back to the first page . I'm expecting sort behavior like this bootstrap table https://datatables.net/examples/styling/bootstrap.html . Is this afterSortChange function takes me to the first page whenever I do sorting.

[AllenFang]

@nirmalasubu, not a good solution, but you can give a try

class DefaultPaginationTable extends React.Component {
  constructor(props) {
    super(props);
    this.onSortChange = this.onSortChange.bind(this);
  }

  onSortChange() {
    const sizePerPage = this.refs.table.state.sizePerPage;
    this.refs.table.handlePaginationData(1, sizePerPage);
  }

  render() {
    const options = {
      onSortChange: this.onSortChange
    };
    return (
      <div>
        <BootstrapTable
          ref='table'
          data={ products }
          options={ options }
          pagination>
          <TableHeaderColumn dataField='id' isKey={ true }>Product ID</TableHeaderColumn>
          <TableHeaderColumn dataField='name' dataSort>Product Name</TableHeaderColumn>
          <TableHeaderColumn dataField='price' dataSort>Product Price</TableHeaderColumn>
        </BootstrapTable>
      </div>
    );
  }
}

[nirmalasubu]

@AllenFang It worked . Thank you