TypeError: that.fieldsColumnsIndex is undefined

Hi I included the bootstrap-table-filter-control.js v2.1.2 and … .css and the settings inside the constructor. I’ve encountered this problem ; TypeError: that.fieldsColumnsIndex is undefined bootstrap-table-filter-control.js:196:21

columns:[{ "field": "name", "title": "name", "sortable": true, "filterControl": 'input', "editable" : { "type" : "text", "title" : "name", validate: function (value) { value = $.trim(value); if (!value) { return 'empty'; } var data = $table.bootstrapTable('getData'), index = $(this).parents('tr').data('index'); // console.log(data[index]); return ''; } }]

and also set option filterControl:true in the constructor.

and also set html <table id="table" data-url="./api/demo.json" data-toggle="table"> </table>

I did not know how to code in jsfiddle. So I could not handle your recommendation, and I hope that the same resolution will solve the problem. what’s the solution ?

[fahamidev]

@jimgit I thank you for your guidance. I really appreciate you 👍 💯

@djhvscf But about the problem : Yes, this problem has been solved and now I have no error and the table works correctly. When I added <th> to the <table>. I was able to apply the settings and solve my problem. also I’ve updated all the plugins and used their latest releases .

Thanks for creating the table from its creators. 👍 This plugin is really perfect for the client side 🥇

[jimgit]

Is this what you are trying to do - jsFiddle added filter control ?: