javascript - CoreUI DataTable 按特定列值对值进行排序

Question

目前，它没有显示根据title排序的结果。我想默认以升序显示行。

请看一下:

下面是我的代码:

const fields = [
  { key: 'title', _classes: 'font-weight-bold' },
  { key: 'category', _style: { width: '20%'} }
]

<CDataTable
    items={list}
    fields={fields}
    columnFilter
    tableFilter={{ 'placeholder': 'Type something...'}}
    itemsPerPageSelect
    itemsPerPage={5}
    hover
    sorter
    pagination
/>

---

注意:来自 Documentation :我尝试过一些方法，即 sorter={{'resetable': 'ascending'}} 但没有任何效果。

Answer 1

有两点:

1. 对于降序排序，您必须设置 asc:false
2. 默认排序值必须传递给 CDataTable 中的 sorterValue 选项

那么，你可以试试这个:

<CDataTable
    items={list}
    fields={fields}
    columnFilter
    tableFilter={{ 'placeholder': 'Type something...'}}
    itemsPerPageSelect
    itemsPerPage={5}
    hover
    sorter
    sorterValue={{column: "title", asc: true}}
    pagination
/>