您现在的位置是:首页 > 正文

layui分页样式设置居中

2024-04-01 04:39:50阅读 6

 html

<table class="table-style" id="tableId"></table>

渲染表格

     table.render({
                  elem:'#tableId',
                  data: [
                         { name:'张三',  sex:'男', age: '20',  date:'2001-10-26'},
                         { name:'李四',  sex:'男', age: '21',  date:'2000-03-04'},
                         { name:'刘小名',  sex:'女', age: '19',  date:'2002-08-11'},
                        ],
                  cols: [
                    [
                      { field: 'name', title: '姓名',align:'center'},
                      { field: 'sex', title: '性别',align:'center'},
                      { field: 'age', title: '年龄',align:'center'},
                      { field: 'date', title: '出生日期',align:'center'},
                    ]
                  ],
                 done: function (res, curr, count) {
                   $("[lay-id='tableId']>.layui-table-page").css({"text-align":"center"});
                    //找到lay-id为tableId的表格设置当前表格下的分页样式,不影响页面其他layui表格
                }
                });

效果:

 如果一个页面有多个layui表格的话或者一个项目有多个layui表格,只想单独设置某个表格的样式  居中可以采取这种方式,如果所有的表格都设置分页居中可以直接使用css来设置:

.layui-table-page {
   text-align: center;
}

网站文章

  • POST请求

    / 如果"POST"就会把这个请求的数据放在"请求数据包"-HTTPRequestMessage的请求体中。axios.post ("协议://ip:port/pathname",{参数对象})// ...

    2024-04-01 04:39:11
  • 计算机组成原理-数据的表示和计算

    1.进制的转换(1)进制的转换十进制转换为二进制(1)除2取余法(整数部分)对十进制的数不断除2求余,直到商为0。先求得的余数是二进制的低位(327)10转换:转换为 (101000111)2 第n次除2后的商 余数 163 1 81 1 40...

    2024-04-01 04:39:04
  • Hexo:博客框架10分钟搭建个人博客

    Hexo:博客框架10分钟搭建个人博客

    首先是先给大家打个招呼最近看网上看到了很多的的关于搭建博客的视频,我自己也学着自己搭建了一个博客"我自己的博客链接"(欢迎大家来我的博客跟我深入交♂流),今天我把搭建的过程记录下来写成博客,留下一个纪念,也可以顺便帮助那些想要搭建个人博客的小伙伴们,帮助他们搭建属于自己的博客主页啦,那么废话不多说,现在就开始吧。准备工作和环境搭建第一步安装node.js nodejs下载地址...

    2024-04-01 04:38:57
  • 二叉树相关公式

    二叉树的相关公式 1.一棵满二叉树,知道二叉树的层数c,求节点数m? 公式为:m=2^(c-1) ; 2.一棵满二叉树,知道二叉树的深度s,求节点数m? 公式为:m=2^s-1; 3.一棵满二叉树,知...

    2024-04-01 04:38:17
  • Linux常见的压缩包

    Linux常见的压缩包

    要创建一个归档文件,使用命令是:# lzma -c --stdoutexamplefile>examplefile.lzma虽然lzma是一款强大的工具,但其在Linux用户中的人气并不高。tar.g...

    2024-04-01 04:38:11
  • 产品日记--智慧矿山

    今天看到徐飞一篇关于创业的文章,又这么一句话:“一个没有创业并且成功过的人,做创业者的导师,到底能给创业者多大的帮助,是值得审慎考虑的。”

    2024-04-01 04:38:03
  • 【三十八】在Linux安装redis & 在Linux中的redis服务启动与停止 & 设置密码远程连接

    【三十八】在Linux安装redis & 在Linux中的redis服务启动与停止 & 设置密码远程连接

    11

    2024-04-01 04:37:56
  • 985毕业的“打工人”,大厂java开发2年被裁,重新出发终于拿下腾讯offer

    985毕业的“打工人”,大厂java开发2年被裁,重新出发终于拿下腾讯offer

    看到标题,可能很多读者朋友恐怕又要骂我了,985这个特殊的字眼也确实异常晃眼,实际上现在985,211也越来越多,它能代表你能够进入到更高的平台,拿到“高级工厂”的入场券,但并不意味着你会成为赢家,或...

    2024-04-01 04:37:14
  • 王者荣耀显示服务器爆满进不去,王者荣耀榜一二秀恩爱,服务器爆满进不去,榜四:他俩不是人...

    王者荣耀显示服务器爆满进不去,王者荣耀榜一二秀恩爱,服务器爆满进不去,榜四:他俩不是人...

    原标题:王者荣耀榜一二秀恩爱,服务器爆满进不去,榜四:他俩不是人圣杯张飞一声吼,王者峡谷抖三抖,游戏日报虾米酱又与大家见面啦。最近王者荣耀出了件稀奇事,安卓微信某无人问津的小区竟被挤爆,火爆程度相当于...

    2024-04-01 04:37:06
  • 转译和编译_我是如何将 webpack 编译速度从 50S 优化到 7S

    转译和编译_我是如何将 webpack 编译速度从 50S 优化到 7S

    本篇文章主要记录下一次 webpack 的一次性能优化现状 随着项目不断发展壮大,组件数量开始变得越来越多,项目也开始变得庞大,webpack 编译的时间也会越来越久,我们现在的项目编译一次在 40s ——70s 之间,这是一个效率非常低下的操作。优化的手段有很多,之前项目原本已经做了很多,本文从缓存的角度进行优化讲解以下仅介绍几种缓存相关的优化手段,包括babel-loader 的 c...

    2024-04-01 04:36:59