使用列选项'order'的Bootstrap表列默认排序

时间:2019-02-14 20:19:00

标签: javascript jquery bootstrap-table

我尝试使用Json数据填充引导表,并尝试使用此处的docs页面中提到的列选项(而非表选项)在默认情况下对其中一个列进行排序:https://bootstrap-table.com/docs/api/column-options/#order
但是,order属性似乎无效。我设法使用表选项(sortName + sortOrder)来完成相同的操作,但我只是想知道我是否错过了某些内容,还是'order'列选项无法正常工作。这是显示我正在尝试的代码段:

$('#tbl_foo').bootstrapTable({
        columns: [
            {
                field: 'id',
                title: 'ID',
                sortable: true,
                order: 'desc'
            },
            {
                field: 'name',
                title: 'Name',
                sortable: true
            }
        ],
        data: data
});

以上内容无法正常运行,但以下内容可以实现:

$('#tbl_foo').bootstrapTable({
        columns: [
            {
                field: 'id',
                title: 'ID',
                sortable: true
            },
            {
                field: 'name',
                title: 'Name',
                sortable: true
            }
        ],
        data: data,
        sortName: 'id',
        sortOrder: 'desc'
});

任何指针都会受到赞赏。

1 个答案:

答案 0 :(得分:0)

由于一段时间没有人响应,我决定再次查看一下,并意识到我最初错过的东西或文档已被更新。 无论哪种方式,似乎都存在与表选项'sortName':https://bootstrap-table.com/docs/api/column-options/#sortname同名的列选项,如果没有该选项,则order选项似乎无效。

P.S。我自己还没有尝试过,但我想如果将'sortName'列选项与'order'列选项一起使用,则可以使用。如果没有,我将发表后续评论,但在此之前,请以这为答案!