<#-- 标题 -->

表格样式：

表格样式是指对表格增加样式规则，如指定表格边框、表格圆角、表格行线、表格单元格内边距、表格单元格字体大小、表格单元格文本对齐方式、表格单元格文本行高等，默认表格无边框。另外，CSS对底部圆角当有背景时需要手动对第一和最后单元格补圆角，当圆角首列合并单元格时也需要对被合并的行第一单元格补左边线。

<#var colorMap = Jsons.toMapSS(context.getResourceString("/document/tutorial/ui/css/zhiqim.pre.json", "UTF-8"))/> <#-- 一、表格边框 -->

一、表格边框（默认灰色无圆角，单元格内边框10px）

示例
用户名称	&价格	操作
admin	10000	查看
admin	10000	查看

<#-- 二、表格单元格文本设置 -->

二、表格单元格文本设置（默认左对齐、字体继承14px、行高继承120%）

示例
用户名称	&价格	操作
admin	10000	查看修改删除
admin	10000	查看修改删除

默认有边框表格，格式为[class="z-table z-bordered"]
1、[z-table]表示表格使用知启蒙表格样式
2、[z-bordered]表示表格有边框，默认是灰色[#d3d3d3]，可选支持7种颜色
3、[z-pd10]表示单元格内边距，这里只列出了几个内边框值，可以去[块样式]查看更多定义
4、单元格文本对齐三种左对齐[z-text-left]、居中[z-text-center]、右对齐[z-text-right]，未配置默认左对齐
5、单元格文本字体大小，如[z-px16]、[z-px18]等，可以去[文本样式]查看更多定义
6、单元格文本行高，如百分比行高[z-lh150p]、[z-lh200p]和固定行高[z-lh30]等，可以去[文本样式]查看更多定义

<#-- 三、表格圆角最后一行有背景补圆角 -->

三、表格圆角边框最后一行有背景补圆角

示例
序号	用户名称	操作
1	admin	查看
2	admin	查看
脚注

圆角边框时，最后一行有背景时，需要对当前行第一列和最后一列增加[class="z-bd-rd-bl8"]和[class="z-bd-rd-br8"]
1、[z-table]表示表格使用知启蒙表格样式
2、[z-bordered]表示表格有边框，默认是灰色[#d3d3d3]，可选支持7种颜色
3、[z-pd10]表示单元格内边距，这里只列出了几个内边框值，可以去[块样式]查看更多定义
4、[z-bd-rd8]表示圆角8像素，表格支持圆角5像素、8像素、10像素三种
5、[z-bd-rd-bl8 z-bd-rd-br8]表示脚注最后一行，也增加下左和下右8像素圆角，这样就不会被背景遮住圆角

<#-- 四、表格圆角边框第一列有向下合并单元格时被合并行首列补左边线 -->

四、表格圆角边框第一列有向下合并单元格时，被合并行剩余首列补左边线

示例	用户名称	操作
	admin	查看
	admin	查看
脚注	admin	查看

圆角边框时，如果有第一列向下合并单元格的情况，被合并的行的第一列要求增加左边线，格式为[class="zi-bd-l"]，有颜色还要加上颜色[class="zi-bd-l z-red"]
1、[z-table]表示表格使用知启蒙表格样式
2、[z-bordered]表示表格有边框，默认是灰色[#d3d3d3]，可选支持7种颜色
3、[z-pd10]表示单元格内边距，这里只列出了几个内边框值，可以去[块样式]查看更多定义
4、[z-bd-rd8]表示圆角8像素，表格支持圆角5像素、8像素、10像素三种
5、第二行和第三行的第一列被第一行第一列向下合并了，因此第二行和第三行剩余的第一列要求增加左边线，格式为[class="zi-bd-l"]

${zhiqim_com_chapter()}