Функция выбора строки в Bootstrap-таблице отключена после метода load
У меня есть загрузочная таблица с данными. При первом запуске таблицы функциональность выбора строки прекрасно работает. Однако, после того, как я перезагрузил данные таблицы, используя метод "загрузки", эта функциональность, кажется, просто исчезла.
Функция добавления не разрушает функциональность выбранной строки. ни обновление таблицы, ни что-либо еще. Только метод "загрузить". Что может быть причиной этого?
Мой код:
if(!isTableInitiated)
{
$('#results-table').bootstrapTable({
data: response,
columns: columns,
sortable: true,
pagination: true,
paginationVAlign: 'top',
pageSize: 50,
pageList: [10, 25, 50, 100, 250, 'All'],
search: true,
showColumns: true,
showRefresh: true,
sortName: "lastname",
striped: false,
clickToSelect: true,
maintainSelected: true,
iconsPrefix: "fa",
icons: {
paginationSwitchDown: 'fa-collapse-down',
paginationSwitchUp: 'fa-collapse-up',
refresh: 'fa-refresh',
toggle: 'fa-list-alt',
columns: 'fa-th',
detailOpen: 'fa-bars',
detailClose: 'fa-minus'
},
//TODO: Detail view functionality.
detailView: true,
detailFormatter : function(index, row){
return details_formatter(index, row, fields);
},
onAll: function(){
//$("#results-table").reset();
},
onRefresh: function(){
$('#form-submit').trigger("click");
}
});
isTableInitiated = true;
responsive_table();
}
else if($("input#offset").val().length > 1)
{
console.log("APPEND OPTION WORKING");
$('#results-table').bootstrapTable("append", response);
}
else
{
$('#results-table').bootstrapTable("load", response);
$('#results-container').fadeIn(200);
// clear all columns
for(i=0 ; i < columns.length ; i++)
{
column = columns[i]["field"];
$('#results-table').bootstrapTable('hideColumn', column);
}
// update table columns with new selection.
activeColumns = get_columns_from_active_fields();
for(i = 0 ; i < activeColumns.length ; i++)
{
column = activeColumns[i];
$('#results-table').bootstrapTable("showColumn", column);
}
}
РЕДАКТИРОВАТЬ, РЕШЕНО
Таким образом, проблема была в очистке различных столбцов. Я просто изменил цикл, чтобы начать с 1 и, таким образом, пропустить первый столбец, который был столбцом с флажком select-row. Код:
// clear all columns
for(i=1 ; i < columns.length ; i++)
{
column = columns[i]["field"];
$('#results-table').bootstrapTable('hideColumn', column);
}