React Bootstrap Table如何设置名称列默认按字母顺序排序

直接在传入组件的options对象中新增默认排序配置即可，无需改动现有列定义、自定义排序图标逻辑。

需要新增的配置项：

• defaultSortName：指定默认排序的列，取值为目标列的dataField值，这里填'resellerName'
• defaultSortOrder：指定默认排序方向，字母顺序为升序，填'asc'

代码修改示例 #

原有options配置保留所有已有字段，仅新增两个排序属性：

const options = {
  // 此处保留你原有options的全部配置，比如分页参数、导出回调、行操作配置等
  defaultSortName: 'resellerName',
  defaultSortOrder: 'asc'
}

你的<BootstrapTable>组件和sortCaret方法不需要做任何修改，现有代码中已经正确将options传入组件、且名称列开启了dataSort属性，配置后会自动生效。

生效后表现 #

• 首次打开页面时，列表数据默认按照名称列A-Z字母顺序排列
• 名称列头会自动渲染你定义的SortAscendingIcon升序图标，和手动点击列头触发升序的效果完全一致
• 后续用户手动切换排序的交互逻辑不受任何影响

内容的提问来源于stack exchange，提问作者hopetocodebetter