layui根据name获取对象_layui表格行合并;解决侧边固定栏合并
生活随笔
收集整理的這篇文章主要介紹了
layui根据name获取对象_layui表格行合并;解决侧边固定栏合并
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
實(shí)現(xiàn)效果圖:
適配分頁(yè);全選;
后臺(tái)嵌套數(shù)據(jù):
獲取數(shù)據(jù)后;渲染前操作:
,done:function(res){if(res.data){for(var i = 0;i<res.data.length;i++){var trObj = $('[lay-id="table"] .layui-table-box').find('[data-index="'+i+'"]');var trObjFixed = $('[lay-id="table"] .layui-table-fixed').find('[data-index="'+i+'"]');var classListTr='';var classListTrFixed="";for(var j = 0;j<res.data[i].classList.length;j++){var classList=res.data[i].classList[j]if(j==0){classListTrFixed='<td class="classListTd" data-field="project" data-key="1-0-9"><div class="layui-table-cell">'+classList.pname+'</div></td>'+'<td class="classListTd" data-field="specialty" data-key="1-0-10"><div class="layui-table-cell">'+classList.sname+'</div></td>'+'<td class="classListTd" data-field="grade" data-key="1-0-11"><div class="layui-table-cell">'+classList.gname+'</div></td>'+'<td class="classListTd" data-field="cname" data-key="1-0-12"><div class="layui-table-cell">'+classList.name+'</div></td>'+'<td class="classListTd" data-field="counselorName" data-key="1-0-13"><div class="layui-table-cell">'+classList.tutorName+'</div></td>'}else{classListTr+='<tr data-index="'+i+'">'+'<td class="classListTd" data-field="project" data-key="1-0-9"><div class="layui-table-cell">'+classList.pname+'</div></td>'+'<td class="classListTd" data-field="specialty" data-key="1-0-10"><div class="layui-table-cell">'+classList.sname+'</div></td>'+'<td class="classListTd" data-field="grade" data-key="1-0-11"><div class="layui-table-cell">'+classList.gname+'</div></td>'+'<td class="classListTd" data-field="cname" data-key="1-0-12"><div class="layui-table-cell">'+classList.name+'</div></td>'+'<td class="classListTd" data-field="counselorName" data-key="1-0-13"><div class="layui-table-cell">'+classList.tutorName+'</div></td>'+'</tr>'}}trObjFixed.append(classListTrFixed);trObj.after(classListTr);trObj.find('.layui-table-col-special').attr('rowspan',res.data[i].classList.length);trObj.find('[data-field="name"]').attr('rowspan',res.data[i].classList.length);trObj.find('[data-field="sex"]').attr('rowspan',res.data[i].classList.length);trObj.find('[data-field="birthday"]').attr('rowspan',res.data[i].classList.length);trObj.find('[data-field="idno"]').attr('rowspan',res.data[i].classList.length);trObj.find('[data-field="politiceStatus"]').attr('rowspan',res.data[i].classList.length);trObj.find('[data-field="education"]').attr('rowspan',res.data[i].classList.length);trObj.find('[data-field="mobile"]').attr('rowspan',res.data[i].classList.length);trObj.find('[data-field="email"]').attr('rowspan',res.data[i].classList.length);}} }總結(jié)
以上是生活随笔為你收集整理的layui根据name获取对象_layui表格行合并;解决侧边固定栏合并的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: 未来的计算机作文2000字,未来的模样2
- 下一篇: 作文第一次用计算机350,第一次考试作文