layui的table常用方法

简介: layui的table常用方法


  • layui的table渲染完成后获得cache里的数据
// 数据缓存
table.cache['tableId'];
  • 更新页面的行内数据
//更新页面的行内数据
obj.update({
    字段名: '内容'
    字段名: '内容'
});
// 渲染的时候定义个变量
var tableIns = table.render({...});
var data = tableIns.config.data;  //编辑后的全部数据
  • 获得行号
$(this.elem).parent().parent().parent().data('index');
$(this.elem):input
$(this.elem).parent():div
$(this.elem).parent().parent():td
$(this.elem).parent().parent().parent():tr
  • layui获取选中行数据的两种方法
  1. 监听行事件

  1. 选择框方法
    用这个方法一定要在表头设置一个单选框或者复选框,不然它是获取不到选中行的数据的


相关文章
|
4月前
|
前端开发 微服务
Element-Plus 表格 el-table 如何支持分页多选
Element-Plus 表格 el-table 如何支持分页多选
|
2月前
|
JavaScript
ElementPlus的el-table-column如何添加超链接的代码
ElementPlus的el-table-column如何添加超链接的代码
|
10月前
|
容器
layui-table 多一列问题
layui-table 多一列问题
146 0
|
4月前
element-plus table表格cell-style的使用
element-plus table表格cell-style的使用
388 1
|
11月前
|
JavaScript 前端开发 Java
18jqGrid - 表格数据SET类方法
18jqGrid - 表格数据SET类方法
41 0
|
前端开发
el-table表格还可以这么玩
我们都知道表格是横向渲染的,一行一行去展示。不过博主这里有个需求是纵向渲染,一列一列去展示,下面是全部代码,分享出来或许能帮到你们
272 1
el-table表格还可以这么玩
Element UI - el-table el-table-column 表头自定义
Element UI - el-table el-table-column 表头自定义
652 0
Element UI - el-table el-table-column 表头自定义
Element UI - el-table el-table-column v-if 切换,表头抖动解决方案
Element UI - el-table el-table-column v-if 切换,表头抖动解决方案
1178 0
|
JavaScript
Element UI - el-table-column 属性之 show-overflow-tooltip 爬坑
Element UI - el-table-column 属性之 show-overflow-tooltip 爬坑
2284 0