bootstrap table 怎么绑定数据

静态表格：data-toggle="table"（推荐学习：Bootstrap视频教程）

<table data-toggle="table">   <thead>     <tr>       <th>Item ID</th>       <th>Item Name</th>       <th>Item Price</th>     </tr>   </thead>   <tbody>     <tr>       <td>1</td>       <td>Item 1</td>       <td>$1</td>     </tr>     <tr>       <td>2</td>       <td>Item 2</td>       <td>$2</td>     </tr>   </tbody> </table>

JavaScript方式

<table id="table"></table> <!--定义一个表格，无需设置表头，统一在JS中初始化，灵活度较高(梁新建议)--> <script> $('#table').bootstrapTable({   url: 'data1.json',   pagination: true,   search: true   columns: [{     field: 'id',     title: 'Item ID'   }, {     field: 'name',     title: 'Item Name'   }, {     field: 'price',     title: 'Item Price'   }, ] }) </script>

数据属性变量动态获取

<table   data-toggle="table"   data-url="data1.json"   data-pagination="true"   data-search="true">   <thead>     <tr>       <th data-sortable="true" data-field="id">Item ID</th>       <th data-field="name">Item Name</th>       <th data-field="price">Item Price</th>     </tr>   </thead> </table>

更多Bootstrap相关技术文章，请访问Bootstrap教程栏目进行学习！

以上就是bootstrap table 怎么绑定数据的详细内容，更多内容请关注技术你好其它相关文章！