原创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___/

0
最后修改:3年前
0条评论

留下你的评论

必须 登录 才能发表评论

Copyright © 2024 大乐文章 · 基于 WordPress · 使用大乐主题 · 鄂ICP备20005751号-1 · 备案图标鄂公网安备 42011202001820号