Setting Columns with JSON? (QUESTION/ISSUE)

Is it possible to set the columns property with JSON? Example below shows setting the data with AJAX JSON data but can it be done for the columns as well?

 $table.bootstrapTable({
                filterControl: true,
                disableUnusedSelectOptions: true,
                data: data,
                height: getHeight(),
                search: true,
                columns: [{
                    field: 'selected',
                    checkbox: true,
                    align: 'center'
                },

I have tried with this JSON data and no columns show up.

[
{"field":"selected","checkbox":true,"align":"center","title":null,"formatter":null,"sortable":false,"filterControl":null,"filterControlPlaceholder":null,"filterStrictSearch":false},

{"field":null,"checkbox":false,"align":"center","title":"Actions","formatter":"actionsFormatter","sortable":false,"filterControl":null,"filterControlPlaceholder":null,"filterStrictSearch":false},

{"field":"id","checkbox":false,"align":"center","title":"ID","formatter":null,"sortable":true,"filterControl":"input","filterControlPlaceholder":"Search","filterStrictSearch":false},

{"field":"cabinet","checkbox":false,"align":"center","title":"Cabinet","formatter":null,"sortable":true,"filterControl":"input","filterControlPlaceholder":"Search","filterStrictSearch":false},

{"field":"drawer","checkbox":false,"align":"center","title":"Drawer","formatter":null,"sortable":true,"filterControl":"input","filterControlPlaceholder":"Search","filterStrictSearch":false}
]

[djhvscf]

Great! @cgountanis

[cgountanis]

Confirmed it seems to be accepting the JSON via JS and populating the columns and data properly now.

Primitive example in case someone stumbles on this. Keep in mind the JSON has values needed for the column filter control which you might not need.

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

In a perfect world you would most likely want to combine the data and columns into one JSON call for timing reasons rootObject.data/rootObject.columns but you get the point. Example data JSON: https://api.myjson.com/bins/r8nya Example columns JSON: https://api.myjson.com/bins/zkqf6

Since then though we have decided to use JSON for the DATA in the HTML (data-url) and just dynamically create the THEAD part of the HTML to save some headaches. Using JS just for the client side logic as most of the examples have.

Good fix though for the next release in case someone wants to dynamically specify data and columns via JSON within JS directly though! Thank you…