layui数据表格拖动列出现重复列问题

数据表格拖动列出现重复列

  • 原代码
  1. <table class="layui-table" lay-data="{height: 'full-200', width: '100%',height:500, url:'${request.contextPath}/archives/loadDatas?type=${type}', page:true, id:'db'}" lay-filter="demo">
  2. <thead>
  3. <tr>
  4. <th lay-data="{type:'checkbox', fixed: 'left'}"></th>
  5. <th lay-data="{type:'numbers', fixed: 'left'}"></th>
  6. <th lay-data="{field:'archivistsName', width: 120}">姓名</th>
  7. <th lay-data="{field:'licenseNumber', width: 180}">身份证号</th>
  8. <th lay-data="{field:'dateOfBirth',width: 108, sort: true}">出生日期</th>
  9. <th lay-data="{field:'filingCabinetNum', width: 65, sort: true, fixed: 'right'}">柜号</th>
  10. <th lay-data="{field:'recordKonbGrid', width: 65, sort: true, fixed: 'right'}">节号</th>
  11. <th lay-data="{field:'copies',width: 80, sort: true, fixed: 'right'}">档案号</th>
  12. <th lay-data="{field:'sex',width: 65}">性别</th>
  13. <th lay-data="{field:'ethnic',width: 120}">民族</th>
  14. <th lay-data="{field:'education', width: 110}">学历</th>
  15. <th lay-data="{field:'archivesTransferTime',width: 120, sort: true, fixed: 'right'}">档案转入时间</th>
  16. <th lay-data="{field:'transferWays', width: 120, sort: true, fixed: 'right'}">档案转入方式</th>
  17. <th lay-data="{field:'handlePerson', width: 110, sort: true, fixed: 'right'}">经办人</th>
  18. <th lay-data="{fixed: 'right', align:'right', minWidth: 120, toolbar: '#barDemo'}"></th>
  19. </tr>
  20. </thead>
  21. </table>

解决方法:固定列不要拖动或者只固定其中某一列(如:第一列/最后一列),其他列都不要加fixed: 'right'

  • 修改后
  1. <table class="layui-table" lay-data="{height: 'full-200', width: '100%',height:500, url:'${request.contextPath}/archives/loadDatas?type=${type}', page:true, id:'db'}" lay-filter="demo">
  2. <thead>
  3. <tr>
  4. <th lay-data="{type:'checkbox', fixed: 'left'}"></th>
  5. <th lay-data="{type:'numbers', fixed: 'left'}"></th>
  6. <th lay-data="{field:'archivistsName', width: 120}">姓名</th>
  7. <th lay-data="{field:'licenseNumber', width: 180}">身份证号</th>
  8. <th lay-data="{field:'dateOfBirth',width: 108, sort: true}">出生日期</th>
  9. <th lay-data="{field:'filingCabinetNum', width: 65, sort: true">柜号</th>
  10. <th lay-data="{field:'recordKonbGrid', width: 65, sort: true}">节号</th>
  11. <th lay-data="{field:'copies',width: 80, sort: true,}">档案号</th>
  12. <th lay-data="{field:'sex',width: 65}">性别</th>
  13. <th lay-data="{field:'ethnic',width: 120}">民族</th>
  14. <th lay-data="{field:'education', width: 110}">学历</th>
  15. <th lay-data="{field:'transferWays', width: 120, sort: true}">档案转入方式</th>
  16. <th lay-data="{field:'handlePerson', width: 110, sort: true}">经办人</th>
  17. <th lay-data="{fixed: 'right', align:'right', minWidth: 120, toolbar: '#barDemo'}"></th>
  18. </tr>
  19. </thead>
  20. </table>

0
0
0

添加评论

正在回复:
取消
0
0
0
0