Получить все видимые строки, используя Bootstrap таблицу

Question

Bootstrap Таблица имеет method, чтобы получить все скрытые строки:

getRowsHidden; логическое значение; Получите все строки спрятанные, и если вы передадите параметр show , истинные строки будут показаны снова, в противном случае метод вернет строки скрытыми.

Он также имеет

getHiddenColumns - получить скрытые столбцы.

getVisibleColumns - получить видимые столбцы

Но как я могу получить все видимые строки, используя комбо методов BT или JQuery?

Answer 1

Bootstrap Table имеет метод getData, который дает вам видимые в настоящее время строки в виде массива.

var visibleRows = $('#your-table-id').bootstrapTable('getData'); 

Answer 2

Не уверен, что вам все еще нужно это, но мне удалось получить все данные как из видимых, так и скрытых столбцов. Трюк здесь заключается в том, чтобы установить скрытые столбцы после загрузки данных.

$("#TestTable").bootstrapTable({ 
    data: testData 
}).bootstrapTable("hideColumn", "HiddenVals"); 

Тогда вы можете назвать ваш $("#TestTable").bootstrapTable("getData");

Вот пример этого: https://jsfiddle.net/Musikero31/ebqsyqsr/

Answer 3

Наткнулся подобной проблемой. Согласно моему тесту 'getData' дает вам столбцы, которые были включены при инициализации. Я использовал json с сервера для инициализации моих данных. Мне пришлось вручную добавлять неинициализированные столбцы, и это сработало! Итак, теперь я получаю целые данные, но мне нужно выяснить, как фильтровать видимые данные. Вот мое решение ниже:

// Find visible fields 
function FindVisibleFields() { 
    var columns = $('#table').bootstrapTable('getVisibleColumns'); 
    var fields = []; 
    for (var index in columns){ 
    fields.push(columns[index].field); 
    } 
    return fields; 
} 

Счастливое кодирование!