Vue 好 table firstSortType 和 initialSortBy 不工作
Vue good table firstSortType and initialSortBy not working
我正在为我的 table 使用 vue-good-table。我尝试使用 firstSortType
和 initialSortBy
按降序对数据进行排序,但根本没有对 table 进行排序。它总是按升序对 table 进行排序。我的 table 看起来像这样
我试过firstSortType
这样
{
label: "Tracking Number",
field: "docket_no",
sortable: true,
firstSortType: "desc"
},
初始排序方式
<vue-good-table
:columns="tableColumns1"
:rows="shipments"
:line-numbers="true"
:search-options="{
enabled: true,
placeholder: 'Type to search',
}"
:pagination-options="{
enabled: true,
mode: 'pages',
}"
:sort-options="{
enabled: true,
initialSortBy: [
{field: 'docket_no', type: 'desc'}
],
}"
/>
当我尝试使用 initialSortBy 时,它向我显示了这个错误
TypeError: Cannot read property 'setInitialSort' of undefined
经过大量研究,我能够通过添加 v-if 来解决这个问题,
<vue-good-table
v-if="rows && rows.length"
:rows="rows"
...
我正在为我的 table 使用 vue-good-table。我尝试使用 firstSortType
和 initialSortBy
按降序对数据进行排序,但根本没有对 table 进行排序。它总是按升序对 table 进行排序。我的 table 看起来像这样
我试过firstSortType
这样
{
label: "Tracking Number",
field: "docket_no",
sortable: true,
firstSortType: "desc"
},
初始排序方式
<vue-good-table
:columns="tableColumns1"
:rows="shipments"
:line-numbers="true"
:search-options="{
enabled: true,
placeholder: 'Type to search',
}"
:pagination-options="{
enabled: true,
mode: 'pages',
}"
:sort-options="{
enabled: true,
initialSortBy: [
{field: 'docket_no', type: 'desc'}
],
}" />
当我尝试使用 initialSortBy 时,它向我显示了这个错误
TypeError: Cannot read property 'setInitialSort' of undefined
经过大量研究,我能够通过添加 v-if 来解决这个问题,
<vue-good-table
v-if="rows && rows.length"
:rows="rows"
...