bootstrap table使用入门基本用法

<link rel="stylesheet" href="bootstrap.min.css">
<link rel="stylesheet" href="bootstrap-table.css">

<script src="/UploadFiles/2021-04-02/jquery.min.js">

最好的做法，是自己定义好CSS和JS摆放的位置，例如在你根目录下建立bootstrap-table文件夹，里面再分css和js文件夹，将文件copy到对应的目录 
第三步： 放入table 的标签


<table id="table"></table>


第四步：编写js代码


<script >
$('#table').bootstrapTable({
  url: 'data1.json',
  columns: [{
    field: 'id',
    title: 'Item ID'
  }, {
    field: 'name',
    title: 'Item Name'
  }, {
    field: 'price',
    title: 'Item Price'
  }, ]
});
</script>



第五步：编写数据来源文件
该例子是直接使用json文件来实现数据来源，其实大家可以使用其他编程语言，例如php jsp等等来实现json的输出。
data1.json文件内容如下
[{id:"1",title:"meetweb"},{id:"2",title:"learn bootstrap table"}]
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。