Twitter Bootstrap Table reOrder Столбцы не поддерживают порядок

Question

У меня есть расширение таблицы начальной загрузки Twitter для изменения порядка столбцов, которые работают, за исключением того, что когда я перемещаю столбец, он просто возвращается в тот же порядок, в котором он был.

Даже их пример на их сайте делает то же самое. Я что-то упустил?

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,
});

Answer 1

У меня была та же ошибка, и после небольшого поиска я обнаружил эту открытую проблему в хранилище Bootstrap Table: https://github.com/wenzhixin/bootstrap-table/issues/3427

Этот парень Guxingzhe нашел способ исправить это, изменив некоторые строки кода в 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