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 @   火知火味  阅读(7545)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 25岁的心里话
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示