利用bootstrap table表格将后端接口数据展示在表格中

利用bootstrap table表格将后端接口数据展示在表格中


首先展示项目案例:
表格中表头是在html中写死,其余的数据都是对应表头加载出来的。

利用bootstrap table表格将后端接口数据展示在表格中_第1张图片 bootstrap表格后端接受数据案例

 

下图为模拟出来的后端传的数据,数据中的key值需要与写死在表头中的data-field一一对应:

利用bootstrap table表格将后端接口数据展示在表格中_第2张图片 加载数据内容打印

 

下面是所有完整的代码,重点以及主要的解释已经在代码内进行注释:




    
    
    Page Title
    
//此处引入bootstrap css文件
    
//此处引入bootstrap table css文件
    


ID Item Name Item Price Item Price Item Price Item Price
//此处引入jquery文件,此文件在本地,需自行下载引入 //此处需引入bootstrap table 的js文件

 

你可能感兴趣的:(:bootstrap,bootstrap)