How to use the bootstrap table plug-in to implement dynamic tables

This article will explain in detail how to use the bootstrap table plug-in to achieve dynamic tables. The editor thinks it is very practical, so I share it for you as a reference. I hope you can get something after reading this article.

When we build BootStrapTable (hereinafter referred to as BsTable), where the columns parameter is stored as the content of the table column, our requirement is to dynamically generate the content of the columns parameter based on the returned data. To generate a dynamic table.

Columns parameter format: similar to the following

Columns: {{field: 'Id', title:' number',}, {field: 'name', title:' name',}, {field: 'sex', title:' gender' / / Custom method formatter: function (value) {if (value = = 1) {return 'male' } else if (value = = 2) {retuen 'female';},}

Requirements: send an ajax request by clicking a button to build a dynamic table for the data returned by the request.

Button construction: setting click event