layui table表格、表头样式设置

 

 

 

 表头样式

.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;
}

     

 

posted @ 2021-09-03 11:51  火知火味  阅读(7293)  评论(0编辑  收藏  举报