layui - - - 自定义分页和列的自定义模板（图书管理系统）

1.自定义分页

在组件中找到“表格”，右侧选择“基础属性”，设置“page”属性为 object json 对象，来实现自定义分页。

传入“分页”组件 laypage。

2.设置自定义分页的样式

在分页组件属性中，设置各个属性的值。

设置属性如下。

page: {
	limit: 5 // 每页显示的条数
	,limits: [5, 10, 15, 20] // 每页条数的选择项
	,prev: '上一页' // 自定义“上一页”的内容
	,next: '下一页' // 自定义“下一页”的内容
	,groups: 10 // 连续出现的页码数量
	,theme: '#1e9fff' // 自定义主题。支持传入：颜色值或任意普通字符。
}, // 用于开启分页

3.设置列的自定义模板

选择“表格”组件，右侧选择“表头属性”。

找到“templet”属性，三种使用方式有：设置模版选择器、设置模板内容、设置模板函数。

使用“设置模板函数”。

添加“templet”属性。

templet: function(d) {
	return '返回'
}

4.根据列的参数设置列的样式

返回带“徽章”组件的内容。

复制一个赤色和一个绿色的徽章。

根据列的参数判断上架和下架，然后返回不同的徽章，设置列的样式。

templet: function(d) {
	return d.status == 0 // 1：上架；0：下架。
	? '<span class="layui-badge layui-bg-green">下架</span>'
	: '<span class="layui-badge">上架</span>'
}

5.返回列参数多级下的属性

列的字段是多级以下的，通过设置列的自定义模板，来返回列参数多级下的属性。

templet: function(d) {
	return d.category.categoryName;
}