天津高端模板建站,seo优化谷歌,秦皇岛市住房和城乡建设局网站,wordpress 4.8.1目录
#平台差异说明
#基本使用
#兼容性
#API
#Table Props
#Td Props
#Th Props 表格组件一般用于展示大量结构化数据的场景
#平台差异说明
AppH5微信小程序支付宝小程序百度小程序头条小程序QQ小程序√√√√√√√
#基本使用
本组件标签类似HTML的table表格#…
目录
#平台差异说明
#基本使用
#兼容性
#API
#Table Props
#Td Props
#Th Props 表格组件一般用于展示大量结构化数据的场景
#平台差异说明
AppH5微信小程序支付宝小程序百度小程序头条小程序QQ小程序√√√√√√√
#基本使用
本组件标签类似HTML的table表格由table、tr、th、td四个组件组成
table组件裹在最外层可以配置一些基础参数tr组件用于显示行数据th组件用于显示表头内容类似td不同之处在于字体加粗了也带有背景颜色也可以直接用td替代thtd组件不是最小单位为了合并单元格时内部可以嵌入tr和td组件
templateu-tableu-tru-th学校/u-thu-th班级/u-thu-th年龄/u-th/u-tru-tru-td浙江大学/u-tdu-td二年级/u-tdu-td22/u-td/u-tru-tru-td清华大学/u-tdu-td05班/u-tdu-td20/u-td/u-tr/u-table
/template#兼容性
由于头条小程序的兼容性问题您需要给表格相关的组件(u-tr、u-th、u-td)写上对应的类名才有效如下
u-tableu-tr classu-tru-th classu-th姓名/u-thu-th classu-th年龄/u-thu-th classu-th籍贯/u-thu-th classu-th性别/u-th/u-tru-tr classu-tru-td classu-td吕布/u-tdu-td classu-td22/u-tdu-td classu-td楚河/u-tdu-td classu-td男/u-td/u-tr
/u-table#API
#Table Props
参数说明类型默认值可选值border-color表格边框的颜色String#e4e7ed-bg-color表格的背景颜色String#ffffff-align单元格的内容对齐方式作用类似css的text-alignStringcenterleft / rightpadding单元格的内边距同css的padding写法String10rpx 0-font-size单元格字体大小单位rpxString | Number28-color单元格字体颜色String#606266-th-styleth单元格的样式对象形式(将th所需参数放在table组件是为了避免每一个th组件要写一遍)Object{}-
#Td Props
参数说明类型默认值可选值width单元格宽度百分比或者具体带单位的值如30% 200rpx等一般使用百分比单元格宽度默认为均分tr的长度String | Numberauto-
#Th Props
参数说明类型默认值可选值width标题单元格宽度百分比或者具体带单位的值如30% 200rpx等一般使用百分比单元格宽度默认为均分tr的长度String | Number--
