在bootstrap-table中填充JSON中的列标题?

时间:2017-07-25 12:14:58

标签: jquery json bootstrap-table

我可以如何从我服务器上的JSON文件(url:file.json)填充数据,但是当我启动引导表时,我仍然需要手动声明列。

我想根据JSON信息填充整个表。有可能吗?

当前代码:

function create_table_from_json() {
$('#table').bootstrapTable({
        url: 'data.json',
        columns: [{
            field: 'firstname',
            title: 'First Name',
            sortable: 'true'

            }, {
            field: 'lastname',
            title: 'Last Name',
            sortable: 'true'
            }, {
            field: 'desc',
            title: 'Description'
            }, {
            field: 'donotcall',
            title: 'Do Not Call'
            }],

        sortName:   'lastname',
        striped:    'true',
        search:     'true',
        showColumns: 'true'

    });
}

旁注:
如果有人有使用其他表格增强工具或插件的经验,并希望推荐它们会很棒。

1 个答案:

答案 0 :(得分:0)

长话短说将在下一版本中作为修复。

确认似乎正在通过JS接受JSON并立即正确填充列和数据。

一个原始的例子,以防有人偶然发现。请记住,JSON可能具有您可能不需要的列过滤器控件所需的值。

$table.bootstrapTable({
    height: getHeight(),
    data: fromAJAXJSON.data,
    columns: fromAJAXJSON.columns
});

在一个完美的世界中,由于时间原因rootObject.data/rootObject.columns,您很可能希望将数据和列组合到一个JSON调用中,但是您明白了。 数据示例JSON:https://api.myjson.com/bins/r8nya 示例列JSON:https://api.myjson.com/bins/zkqf6

https://github.com/wenzhixin/bootstrap-table/issues/3895