原创bootstrap table 父子表功能没有加号(+)

17 0 0

大乐文章

发表于3年前

近期使用bootstrap-table功能的时候发现父子表功能不管怎么调试，每行头都没有+号，这样就没办法点击，无法触发onExpandRow功能，下面是解决方法：

//关键参数
detailView: true,//开启父子表
//指定图标 
icons: {
    detailOpen: 'bi bi-plus-lg',//这里我指定的是bootstrap的图标
    detailClose: 'bi bi-dash-lg',//这里我指定的是bootstrap的图标
},
//坑点：必须指定图标class，我用的是bootstrap v5, 这个版本ico是单独下载的，下载后再加上css文件
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.6.1/font/bootstrap-icons.css">
v5版本的ico图标路径在css文件内有声明 ./fonts/bootstrap-icons.woff2
将fonts文件夹放在根目录。
当然，你也可以自己写个style表指定个class写入到这里也行。

本站的所有数据收集于网络如有侵犯到您的权益请联系 admin@dale6.com 进行下架处理。提供的内容仅用于学习和测试，不保证内容的正确性。通过使用本站内容随之而来的风险与本站无关。

转载时必须带上转载链接或本文链接!

本文链接: https://www.dale6.com/2021/10/21/bootstraptablefuzibiaogongnengmeiyoujiahao___/