layui根据name获取对象_layui表格行合并;解决侧边固定栏合并
生活随笔
收集整理的這篇文章主要介紹了
layui根据name获取对象_layui表格行合并;解决侧边固定栏合并
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
實現效果圖:
適配分頁;全選;
后臺嵌套數據:
獲取數據后;渲染前操作:
,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);}} }總結
以上是生活随笔為你收集整理的layui根据name获取对象_layui表格行合并;解决侧边固定栏合并的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 未来的计算机作文2000字,未来的模样2
- 下一篇: php查到的内容追加到html,java