使用javascript

Question

我将从hybris服务器获取列名和数据，并且每次都不一定是相同的数字。我使用bootstrap-table来制作表格。到目前为止，我一直在使用columns字段定义前端的列。像这样：

$('#table').bootstrapTable({
  columns:[{
    field: '',
    checkbox: true
  }, {
    field:'status',
    title: 'Book Name',
  }],
  data: bookDataList
});

这是我到目前为止一直在使用的。但现在这些数据可能还有其他列，我将从服务器获取。如何在运行时动态设置表？

Answer 1

您可以定义从服务器中提取的列定义（和列数据）。

如果您已有数据的URL - 请使用引导表的url选项，只需提取动态列数据。

Pull column definition and column data from server for dynamic bootstrapTable

＆＃13;

＆＃13;

$(function() {

//note: myjson.com - handy way to test json 
var link = 'https://api.myjson.com/bins/oqnet';


$.ajax({
  url: link,
  cache: false
})
  .done(function( d ) {
    $('#table').bootstrapTable({
    columns: d.columnDefinition,
    data: d.data
  });
});
  
  

});

＆＃13;

<table id="table"></table>

＆＃13;

＆＃13;

＆＃13;