bootstrap-table


1.在线使用例子

https://examples.bootstrap-table.com/#welcome.html

Bootstrap5

https://v5.bootcss.com/docs/getting-started/download/

2.bootstrap-table   version: 1.20.2  图标无法显示的问题

造成图标显示不正常就是font-awesome版本问题造成的,测试3.2.1版本是可以的,不支持最新的版本。

这个版本的刷新的图标“” 也不能正常显示,

font-awesome.min.css找到icon-rotate-righ处把 icon-refresh-cw添加进去。

.icon-rotate-right:before,
.icon-refresh-cw:before,.icon-repeat:before {
  content: "\f01e";
}
.icon-refresh:before {
  content: "\f021";
}

需要引用的文件如下:

     "stylesheet" href="plugs/font-awesome-3.2.1/css/font-awesome.min.css">    
     "stylesheet" href="plugs/bbootstrap-5.1.3-dist/css/bootstrap.min.css">        
     "stylesheet" href="plugs/bootstrap-table-dist/bootstrap-table.min.css">

    
    
    
        
        
      

3.出现错误问题

DevTools 无法加载来源映射:无法加载 http://127.0.0.1:3000/bootstrap.bundle.min.js.map 的内容:HTTP 错误:状态代码 404,net::ERR_HTTP_RESPONSE_CODE_FAILURE

解决方法:在bootstrap.bundle.min.js.map 最后有一句“//# sourceMappingURL=bootstrap.bundle.min.js.map”删除保存就可以了

web