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

【问题标题】：CoreUI DataTable sort values by specific column valuesCoreUI DataTable 按特定列值对值进行排序
【发布时间】：2021-10-12 22:48:10
【问题描述】：

目前，它没有显示根据 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'}}，但对我没有任何作用。

【问题讨论】：

有初始状态吗？
嗯，是的。 const [list, setList] = useState([])
我为您的问题阅读了文档，但没有找到正确的内容。
嗯，是的，兄弟：|
CoreUI 是否将github.com/coreui/coreui-datatables 用于DataTables？

标签： javascript reactjs datatable core-ui

【解决方案1】：

有两点：

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

所以，你可以试试这个：

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

【讨论】：

他们的文档很差！