如何去掉bootstrap table中表格样式中横线竖线
2024-08-25 22:49:39
修改之前,表格看上去比较拥挤,因为bootstrap table插件中自带斑马线表格样式,有横线和竖线分栏,现在我们不需要这些。
应UI设计的要求,要去掉中间的横线和竖线,使用了修改需求中一种简单粗暴的修改方法,打卡网页F12键,找到横线竖线所对应的位置,直接添加代码border:0px;测试成功。
返回编辑器,在css里面添加
.table>tbody>tr>td{
border:0px;
}
修改之后的效果,果然美观了很多,看起来不再那么的繁琐杂乱。
注:
原文作者:祈澈姑娘技术博客:https://www.jianshu.com/u/05f416aefbe1
90后前端妹子,爱编程,爱运营,爱折腾。
坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见,欢迎大家一起探讨交流。
关注「编程微刊」公众号 ,在微信后台回复「领取资源」,获取IT资源300G干货大全。
公众号回复“1”,拉你进程序员技术讨论群.
最新文章
- PuppetOpenstack Newton Design Summit见闻
- 1 初识Orchard
- mobiscroll.js 使用
- 最近有机会接触到了angularJs
- 安卓开发之APK安装之后自动在桌面上创建快捷图标
- BigDecimal加减乘除运算
- 初识Selenium(三)
- WebApi一个控制器中定义多个Get方法。
- ●POJ 1741 Tree
- JVM GC-----垃圾回收算法
- Linux VNC安装
- JarvisOJ Basic Base64?
- Zookeeper的Watcher 机制的实现原理
- BZOJ3862Little Devil I——树链剖分+线段树
- 下拉列表JComboBox,列表框JList
- gitlab4.0_安装
- python 数据如何保存到excel中--xlwt
- HDU 6038 17多校1 Function(找循环节/环)
- day10-列表生成式
- thinkphp路由