Question

Bootstrap Table有一个method来获取所有隐藏的行：

getRowsHidden;布尔;隐藏所有行，如果您通过了节目参数为true将再次显示行，否则为方法只会返回隐藏的行。

它也有

getHiddenColumns - 获取隐藏列。

getVisibleColumns - 获取可见列

但是如何使用BT方法或JQuery的组合获得所有可见行？

Answer 1

不确定您是否仍然需要此功能，但我设法从可见列和隐藏列中获取所有数据。这里的技巧是在加载数据后设置隐藏的列。

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

然后你可以拨打$("#TestTable").bootstrapTable("getData");

以下是https://jsfiddle.net/Musikero31/ebqsyqsr/

的示例

Answer 2

Bootstrap Table有一个getData方法，可以将当前可见的行作为数组提供给您。

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

Answer 3

偶然发现了类似的问题。根据我的测试＆＃39; getData＆＃39;为您提供初始化时包含的列。我在服务器上使用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;
}

快乐的编码！

使用Bootstrap Table获取所有可见行

3 个答案: