table 模块 / 数据表格 工具列 BUG

提问 未结 2 1059
去旅行
去旅行 2017-8-26
悬赏:5飞吻
复现条件:

1. 不设定容器宽度
2. 容器可占据宽度超过内容

有数据时显示正常:


无数据时工具列表头显示重复:


浏览器:火狐浏览器 52.3.0

Layui 版本:2.0.2

代码如下:
<div class="layui-fluid">
<div class="layui-row">
<div class="layui-col-md12">
<div style="margin-top: 15px;">
<button id="create-term-btn" class="layui-btn layui-btn-normal">新建分类</button>
<button id="delete-term-btn" class="layui-btn layui-btn-primary layui-btn-disabled">删除</button>
</div>
</div>
<!-- 分类表格 -->
<div class="layui-col-md12">
<table id="term-table" lay-filter="term-table"></table>
</div>
</div>
</div>

<!-- 分类表格工具条 -->
<script type="text/html" id="term-table-toolbar">
<button class="layui-btn layui-btn-mini layui-btn-primary" lay-event="detail">进入</button>
<button class="layui-btn layui-btn-mini layui-btn-danger" lay-event="delete">删除</button>
</script>

<script>
layui.use([
'table',
], function (table) {
// 渲染分类表格
tableIns = table.render({
id: 'term-table',
elem: '#term-table',
method: 'post',
url: 'www.simple.com',
page: true,
limits: [2, 10, 20],
limit: 10,
cols: [[
{checkbox: true, fixed: true},
{field: 'tid', title: 'ID', width: 60, sort: true, fixed: true},
{field: 'name', title: '分类名称', width: 180, sort: true, edit: true},
{field: 'count', title: '文章数量', width: 120, sort: true},
{field: 'create_time', title: '创建时间', width: 160, sort: true},
{field: 'update_time', title: '修改时间', width: 160, sort: true},
{title: '操作', width: 140, align: 'center', toolbar: '#term-table-toolbar', fixed: 'right'},
]],
});
</script>
回帖
  • 看你代码 cols里最后一个字段是有 ,(逗号的) 去掉试试 以前用过另一个框架因为多写了一个, 导致运行不了
    0 回复
  • 去旅行
    2017-8-27
    @°只为大大 经测试未能解决,不过仍然非常感谢你的回答。
    0 回复
本帖已设置禁止回复