$(document).on("click",".layui-table-body table.layui-table tbody tr", function () { var index = $(this).attr('data-index'); var tableBox = $(this).parents('.layui-table-box'); //存在固定列 if (tableBox.find(".layui-table-fixed.layui-table-fixed-l").length>0...
$(".layui-table-box").find("[data-field='index1']").removeAttr("display"); } } 我们也可以在下面的事件中对数据进行一些重新处理,比如:一个表单的Head和item同时抓取,Head单独赋值,Item放到table中。 ,parseData:function(res) {//将原始数据解析成 table 组件所规定的数据varpohead =res.head; $(...
另外创建了一个业务处理的js文件,handle.js文件,以下主要贴上table处理的代码 代码语言:javascript 复制 //记录当前页数据的临时变量varcookiePageArray=[];varsaleInfoCols=[[//表头{type:'checkbox',fixed:'left',LAY_CHECKED:false,filter:'checkboxid'},{field:'realName',title:'病人姓名',sort:true},{fi...
首先需要指定一个容器 <divclass="table-box"id="box"></div> //主要的实现代码被我封装到 layui 拓展模块 ntable 中,所以在使用的时候需要引入模块//相关配置layui.config({// 配置 layui 第三方扩展组件存放的基础目录base:'../opTable'}).extend({ntable:'/ntable'}).use(['ntable'],function(...
tableDiv = tableBox.find('.layui-table-body.layui-table-main');}var checkCell = tableDiv.find('tr[data-index=' + index + ']').find("td div.laytable-cell-checkbox div.layui-form-checkbox I");if (checkCell.length > 0) {//if(tag == 'DIV') {checkCell.click();//}}});$...
layui.table.on('row(operateEvent)',function(obj){vartableDiv;varindex=$(obj.tr.selector).attr('data-index');vartableBox=$(obj.tr.selector).parents('.layui-table-box');//存在固定列if(tableBox.find(".layui-table-fixed.layui-table-fixed-l").length>0){tableDiv=tableBox.find(".la...
2 .layui-table-cell { 3 overflow: visible; 4 } 5 6 .layui-table-box { 7 overflow: visible; 8 } 9 10 .layui-table-body { 11 overflow: visible; 12 } 13 /* 设置下拉框的高度与表格单元相同 */ 14 td .layui-form-select{ ...
crazyTableQuery 介绍Introduction 安装Installation 申明Declaration 框架Construction 文档Documentation 特别说明 介绍Introduction 在使用layui table中,经常会遇到,需要定位某一行、某一列的单元格,或者定位某一行等等操作。 layui table 提供的 行事件等等不太够用。 因此结合 jQuery ,汇总了如下的方法,供大家参考。
var table = layui.table; }); //1.转化为静态表格-直接为layui-table绑定数据 function convertToTable(){ layui.use('table', function () { var table = layui.table; table.render({ elem: '#table_TravelagenceCheck' , height: 480
/* 防止下拉框的下拉列表被隐藏*/.layui-table-cell { overflow: visible !important; }.layui-table-box {overflow: visible;}.layui-table-body {overflow: visible;}/* 使得下拉框与单元格刚好合适 */td .layui-form-select{margin-top: -10px;margin-left: -15px;margin-right: -15px;}...