表格插件-bootstrap table的隔行换色

在写表格插件的时候,要不断的进行表格优化,才会让界面的感观变得越来越好看,bootstrap table的隔行换色功能也是其中的一个,几行代码就OK了。


表格插件-bootstrap table的隔行换色_第1张图片
表格插件-bootstrap table的隔行换色_第2张图片

代码如下:

#mytable tr:nth-child(even){
background: #fafafa;
}
#mytable th{
background: #efefef;
}

demo示例




    
        
        
        
        

        
        
    

    
        

原文作者:祈澈姑娘 技术博客:https://www.jianshu.com/u/05f416aefbe1
90后前端妹子,爱编程,爱运营,爱折腾。 坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见,欢迎大家一起探讨交流。

你可能感兴趣的:(表格插件-bootstrap table的隔行换色)