element.tabAdd()之后,样式的一些问题

提问 未结
0 133
pop丶up
pop丶up 2017-9-14
悬赏:10飞吻
对同一个tab删除之后再添加,内容中的表格分页的显示会出问题。
第一次tabAdd()是正常的

删除之后再添加同一个id的tab,分页工具栏就不显示了

应该是样式的问题。
代码是这样的,版本是最新的2.1.3求一个解决方案
element.tabAdd('content', {
title: '订单查询',
content: content,
id: 1
});
element.tabDelete('content', 1);
element.tabAdd('content', {
title: '订单查询',
content: content,
id: 1
});
conent的值是后台返回的一个页面
<table id="order"></table>
<script>
layui.use('table', function () {
let table = layui.table;

//展示已知数据
table.render({
elem: '#order'
, data: [{
"id": "10001"
, "username": "杜甫"
, "email": "xianxin@layui.com"
, "sex": "男"
, "city": "浙江杭州"
, "sign": "人生恰似一场修行"
, "experience": "116"
, "ip": "192.168.0.8"
, "logins": "108"
, "joinTime": "2016-10-14"
}, {
"id": "10002"
, "username": "李白"
, "email": "xianxin@layui.com"
, "sex": "男"
, "city": "浙江杭州"
, "sign": "人生恰似一场修行"
, "experience": "12"
, "ip": "192.168.0.8"
, "logins": "106"
, "joinTime": "2016-10-14"
, "LAY_CHECKED": true
}]
, height: 300
, cols: [[ //标题栏
{ checkbox: true, LAY_CHECKED: true } //默认全选
, { field: 'id', title: 'ID', width: 80, sort: true }
, { field: 'username', title: '用户名', width: 120 }
, { field: 'email', title: '邮箱', width: 150 }
, { field: 'sign', title: '签名', width: 150 }
, { field: 'sex', title: '性别', width: 80 }
, { field: 'city', title: '城市', width: 100 }
, { field: 'experience', title: '积分', width: 80, sort: true }
]]
, page: true //是否显示分页
});
});
</script>
回帖
  • 消灭零回复