1.添加“操作”列
在“创建时间”列的后面添加一列:“操作”。
2.添加“更新”和“删除”按钮
在组件菜单中,选中按钮组件,复制一个蓝色的迷你按钮的代码。
粘贴代码后,修改文字为“更新”。 后面再添加一个红色的“删除”按钮。
运行项目,使用 Chrome 浏览器打开。
3.添加复选框列
在组件菜单中,选中表格组件,查看综合演示中最左侧的复选框列,点击查看代码。
复制第一列的代码。
代码中粘贴到表头的第一列。
运行项目,使用 Chrome 浏览器打开。
4.开启表格头部工具栏
在组件菜单中,选中表格组件,选择属性中的基础属性,使用 toolbar 属性。
在代码中添加 toolbar 的值,前后用 `` 符号。添加一个红色按钮和蓝色按钮。
toolbar: `
<div>
<button type="button" class="layui-btn layui-btn-sm layui-bg-red">批量删除</button>
<button type="button" class="layui-btn layui-btn-sm layui-bg-blue">添加</button>
</div>
`, // 开启表格头部工具栏
运行项目,使用 Chrome 浏览器打开。