layui 数据table隐藏表头

$(‘.layui-table .layui-table-cell > span‘).css({‘font-weight‘: ‘bold‘});//表头字体样式
                /*$(‘th‘).css({‘background-color‘: ‘#5792c6‘, ‘color‘: ‘#fff‘,‘font-weight‘:‘bold‘}) 表头的样式 */
                $(‘th‘).hide();//表头隐藏的样式
                $(‘.layui-table-page‘).css(‘margin-top‘,‘40px‘);//页码部分的高度调整

在数据table渲染完成之后回调函数之中执行此行代码即可隐藏表头

原文地址：https://www.cnblogs.com/wiggin-Z/p/11075682.html

时间： 2024-08-30 16:07:00

layui 数据table隐藏表头的相关文章

layui的table使用

不多bb,直接上代码 html的代码: <link rel="stylesheet" href="../../static/layui/css/layui.css"> <script src="../../static/layui/layui.js"></script> <script src="../../static/js/jquery.js"></script>

刚看到原型图的时候,纳尼?不是跟我开玩笑吧,小女子资历尚浅,还真没做过像这样的功能,然后就是各种找度娘,可是都没有找到合适的,很多都是行合并,真的是头疼呀!再纠结是用VUE实现还是用layui实现好,在最后挣扎下,还是选择了用layui.最后加上从各大神的demo中得到的灵感.在这里记录一下,希望可以帮助到有需要的人啦~ 移动端展示效果如下: 1 <script> 2 3 layui.use('table', function(){ 4 var table = layui.table; 5 /

layui 数据表格使用

//第一个实例 table.render({ elem: '#demo' ,height: 400 ,url: '/My_NewsTest/LookServlet' //数据接口 ,page: true //开启分页 ,limit:5 ,limits:[3,6,10] ,page:true ,parseData: function(res){ //res 即为原始返回的数据 return { "code":0, //解析接口状态 "msg":""

layui教程---table

layui.config({ base: "${ctx}/static/js/" }).use(['form', 'layer', 'jquery', 'common','element', 'table', 'laytpl'], function () { $ = layui.$; var $ = layui.$, form = layui.form, common = layui.common, laydate = layui.laydate, element = layui.el

table表格表头类别分组效果

table表格表头类别分组效果:表格用来组织数据非常的便利,比如可以按照数据的类别进行或者其他方式有效的组织数据,有时候分类比较复杂,比如大的分类中还包括小的分类,下面就是一段类似的代码实例,希望能够对需要的朋友带来帮助.代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http

layui使用table.reload()后保持滚动条

使用table时有个特殊需要,改变table中的某一项时,再table展示内容较多需要滚动条时,由于后台需要运算结果,所以必须要table.reload加载数据,但是滚动条会被重置到0的位置. 网上有推荐的方法,实测后发现缺少一句代码,导致无法改动滚动条位置. 1 var $ = layui.$, 2 table = layui.table; 3 4 //在你需要重置表格的前面加上代码 5 6 var scrollTop=0; 7 var layuiTable = $('.layui-table

Layui数据表格/搜索重加载/分条件操作/工具条监听

<div class="layui-layout layui-layout-admin" style="padding-left: 20px;"> <div class="layui-row" style="margin-top: 20px;"> //搜索开始 <form class="layui-form" action="" onsubmit="

layui的table在reload之后工具栏按钮失效的问题解决方案

layui的table在使用了toolbar工具栏后,刷新表格,工具栏的按钮会失效,原因是表格重新加载后,没有绑定工具栏按钮的触发事件,因此只需要在表格初始化完毕之后和刷新表格完毕后重新绑定一下所有按钮的绑定事件就可以了,这里把事件处理集合到了一个方法中,请参照bindTableToolbarFunction,具体代码如下: 1. Html页面 <section class="layui-fluid"> <aside class="layui-card&qu