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

Question

现在，它没有显示根据 title 排序的结果。我想在 ascending.

中默认显示行

请看：

下面是我的代码：

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
/>