layui table 怎么好获取ID 为 table1 表格的主体高度

2023-11-01实例代码
225

可以通过 table.reload 方法中的参数 done 回调函数来获取到表格主体的高度。示例代码如下:
layui.use('table', function(){
  var table = layui.table;
  //执行渲染
  table.render({
    elem: '#table1',
    url: '/demo/table/user/',
    cols: [[
      {field:'id', title:'ID', width:80},
      {field:'username', title:'用户名', width:120},
      {field:'email', title:'邮箱', minWidth:150},
      {field:'sex', title:'性别', width:80, sort:true},
      {field:'city', title:'城市', width:100},
      {field:'sign', title:'签名', minWidth:150},
      {field:'status', title:'状态', width:80, templet: '#statusTpl', unresize: true},
      {field:'experience', title:'积分', width:80, sort: true},
      {field:'score', title:'评分', width:80, sort: true},
      {field:'classify', title:'职业', width:100},
      {field:'wealth', title:'财富', width:135, sort: true},
    ]],
    done: function(res, curr, count){
      var bodyHeight = $('.layui-table-main').height(); //获取表格主体的高度
      console.log("表格主体的高度为:" + bodyHeight);
    }
  });
  
});
 
The End

相关推荐

layui后台布局实例代码
layui后台布局的实例代码,以下是详细代码: !DOCTYPE htmlhtmlhead meta charset="utf-8" meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" titlelayout 后台大布局 - Layui/title link rel="stylesheet" ...
2025-10-15 实例代码
68

可自动切换的tab实例代码
可自动切换的tab实例代码,html代码如下: !-- tab标签代码begin --div class="tab1" id="tab1" div class="menu" ul li id="one1" onclick="setTab('one',1)"新闻/li li id="one2" onclick="setTab('one',2)"活动/li li id="one3" onclick="setTab('one',3)"...
2025-09-16 实例代码
114

LayUI登录页面页设计实例
实例代码如下: !DOCTYPE htmlhtml lang="en" head meta charset="utf-8" link rel="stylesheet" href="layui/css/layui.css" style type="text/css" .container{ width: 420px; height: 320px; min-height: 320px; max-height: 320px; position: absolute; t...
2025-04-13 实例代码
234

layui实现带清除按钮的输入框
layui实现带清除按钮的输入框,首先html文件如下: !DOCTYPE htmlhtmlhead meta charset="utf-8" meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" title测试 - layui/title link rel="stylesheet" href="layui/css/lay...
2024-12-31 实例代码
200

input file上传图片设置的实例代码
input file上传图片设置的实例代码 div纯input与type/div input type="file" div指明需要图片/div input type="file" accept='image/*' div指明需要多张图片/div input type="file" multiple accept='image/*' div指明调用摄像头获取图片/div input type="fil...
2024-12-30 实例代码
133

php将base64编码转换为图片保存至指定位置
$base64为图片的编码字符串 preg_match('/^(data:\s*image\/(\w+);base64,)/', $base64, $result);$type = $result[2]; //获取图片的类型jpg png等$name = ”xxxx".".$type; //图片重命名$savepath = ‘C:/'.$name; //图片保存目录file_put_contents($savepat...
2024-12-28 实例代码
152