1.添加“操作”列

在“创建时间”列的后面添加一列:“操作”。

image.png

image.png

2.添加“更新”和“删除”按钮

在组件菜单中,选中按钮组件,复制一个蓝色的迷你按钮的代码。

image.png

粘贴代码后,修改文字为“更新”。 后面再添加一个红色的“删除”按钮。

image.png

运行项目,使用 Chrome 浏览器打开。

image.png

3.添加复选框列

在组件菜单中,选中表格组件,查看综合演示中最左侧的复选框列,点击查看代码。

image.png

复制第一列的代码。

image.png

代码中粘贴到表头的第一列。

image.png

运行项目,使用 Chrome 浏览器打开。

image.png

4.开启表格头部工具栏

在组件菜单中,选中表格组件,选择属性中的基础属性,使用 toolbar 属性。

image.png

在代码中添加 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>
`, // 开启表格头部工具栏	

image.png

运行项目,使用 Chrome 浏览器打开。

image.png