代码之家 › 专栏 › 技术社区 › Cesar Bielich

Twitter引导表重新排序列不保持顺序

twitter-bootstrap

Cesar Bielich · 技术社区 · 6 年前

我有推特引导表 extension to reorder 除了当我移动列时,它只是回到原来的顺序。

var $table = $('#table-javascript').bootstrapTable({
    method: 'POST',
    url: 'report.php,
    cache: false,
    pagination: true,
    pageSize: 20,
    pageList: [20, 35, 60, 110],
    sortable: true,
    search: true,
    minimumCountColumns: 2,
    reorderableColumns: true,
});

0 回复 | 直到 6 年前

dngadelha 5 年前

https://github.com/wenzhixin/bootstrap-table/issues/3427

这家伙找到了一种方法,通过更改 bootstrap-table-reorder-columns.js .

排队 ~160 你有这样一段代码:

for (var i = 0; i < this.length; i++) {
    columnIndex = that.fieldsColumnsIndex[ths[i]];
    if (columnIndex !== -1) {
        that.columns[columnIndex].fieldIndex = i;
        columns.push(that.columns[columnIndex]);
        that.columns.splice(columnIndex, 1);
    }
}

that.columns = that.columns.concat(columns);

把它改成:

for (var i = 0; i < ths.length; i++ ) {
    columnIndex = that.fieldsColumnsIndex[ths[i]];
    that.columns[columnIndex].fieldIndex = i;
    that.fieldsColumnsIndex[ths[i]] = i
    columns.push(that.columns[columnIndex]);
}

that.columns = columns;

就这样!现在应该可以了:)

此解决方案的所有学分归 https://github.com/Guxingzhe

推荐文章

xajetin · 导航不更改滚动上的颜色

2 年前

Noor ul ain Ibrahim · 如何在一行中制作两个大小相同的按钮?

2 年前

Bryan Santos · 固定表头与引导

2 年前

Nicolas Berthier · Bootstrap 5基于内容的包装

2 年前

tym · 根据用户偏好显示字段

2 年前

Sheryar Khan · 如何仅使用html、css、bootstrap、javascript/jquery创建html页面?

2 年前

Pavel · 当验证DIV可见时,引导网格会移动

6 年前

Sam · 在标题中嵌入Bootstrap 3导航栏

6 年前

Alexander David · 折叠卡打开,然后立即再次关闭

6 年前

Sandeep Bhardwaj · div的一致行为,与设备分辨率无关

6 年前