首页 > 其他 > 详细

layui table表格、表头样式设置

时间:2021-09-03 18:57:25      阅读:13      评论:0      收藏:0      [点我收藏+]

技术分享图片

 

 

 

 表头样式

.layui-table-header table .layui-table-cell {
    height: 29px;//高度每增加1px 多表头总高实际高度就增加2px
    line-height: 29px;
}
多表头默认高度是23.5 所以当我们去设置的时候要根据原有高度去设置  比例设置的高度与实际高度的比例是1:2  

 

    表头单元格样式

/*表头每个表头的样式*/
th .layui-table-cell {
    height: 30px;
    line-height: 30px;
    text-align: center;
}

 


每个单元格的样式
.layui-table-cell {
   height:36px;
    line-height: 36px;
}

 

  表格分页栏

/*table分页栏样式设置*/
.layui-table-page {
    text-align: right;
}

     

 

layui table表格、表头样式设置

原文:https://www.cnblogs.com/whwa/p/15222495.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!