React Bootstrap 表 1 默認按字母順序排序

Question

對於 react bootstrap 表，如何默認按字母順序對名稱列進行排序？ 現在我只能通過單擊排序圖標按字母順序對其進行排序，但我希望用戶在首次打開頁面時默認按字母順序查看名稱

<BootstrapTable
                        data={this.props.resellerList}
                        tableHeaderClass='header_white'
                        options={options}
                        bordered={false}
                        insertRow={this.state.isAdmin}
                        pagination
                        exportCSV
                        csvFileName='Client_List.csv'

                    >
                        <TableHeaderColumn row='0' rowSpan='1' dataField='resellerName' dataSort isKey={true} dataAlign='center' filter={{ type: 'TextFilter', placeholder: ' ' }} caretRender={sortCaret} dataFormat={this.nameFormatter} csvHeader='Name'>Name</TableHeaderColumn>
                    </BootstrapTable>

export const sortCaret = (direction, fieldName) => {
    if (direction === 'asc') {
      return (
         <SortAscendingIcon/>
      );
    }
    if (direction === 'desc') {
      return (
         <SortDescendingIcon/>
      );
    }
    return (
       <SortIcon/>
    );
}

Answer 1

使用下面的代碼進行排序

defaultSortName: 'resellerName', 
defaultSortOrder: 'asc'