深圳市企业网站seo,wordpress抢救,宿州建设企业网站公司,百度网站建设平台table 表格基本使用组件#xff0c;让你制作简单表格只需要专注内容#xff0c;而不用过度专注样式。此组件基本全平台支持。(支付宝#xff0c;百度#xff0c;头条小程序理论上都支持#xff0c;但是没有很细致的测试这几个平台)功能亮点自定义全局表格样式自定义局部表…table 表格基本使用组件让你制作简单表格只需要专注内容而不用过度专注样式。此组件基本全平台支持。(支付宝百度头条小程序理论上都支持但是没有很细致的测试这几个平台)功能亮点自定义全局表格样式自定义局部表格样式表格内容自定义表格多选未实现合并单元格调整列宽行高效果演示WX20190518-1415342x.png调用方式默认效果序号姓名年龄爱好{{ item.id 1 }}{{ item.name }}{{ item.age }}{{ item.hobby }}自定义样式姓名年龄爱好操作{{ item.name }}{{ item.age }}{{ item.hobby }}编辑import tTable from /components/t-table/t-table.vue;import tTh from /components/t-table/t-th.vue;import tTr from /components/t-table/t-tr.vue;import tTd from /components/t-table/t-td.vue;export default {components: {tTable,tTh,tTr,tTd},data() {return {tableList: [{id: 0,name: 张三,age: 19,hobby: 游泳},{id: 1,name: 李四,age: 21,hobby: 绘画},{id: 2,name: 王二,age: 29,hobby: 滑板},{id: 3,name: 码字,age: 20,hobby: 蹦极}]};},methods: {change(e) {console.log(e.detail);},edit(item) {uni.showToast({title: item.name,icon: none});}}};t-table表格父组件仅包含 tr 组件属性说明属性名类型默认值说明borderString1边框粗细border-colorColor#d0dee5边框颜色is-checkBooleanfalse是否开启列多选changefunction开启多选生效返回值 event [0,1,2]t-tr表格行组件 仅包含 th,td 组件属性说明属性名类型默认值说明font-sizeString15行字体大小colorColor#3b4246行字体颜色alignStringcenter行字体对其方式可取值left 左对齐;center 居中对齐;right 右对齐;t-th表格内的表头单元格组件属性说明属性名类型默认值说明alignStringcenter行字体对其方式可取值left 左对齐;center 居中对齐;right 右对齐;t-td表格中的标准单元格组件属性说明属性名类型默认值说明alignStringcenter行字体对其方式可取值left 左对齐;center 居中对齐;right 右对齐;Tips不提供定制仅有这些简单内容如需更复杂表格参考源码逻辑可自行扩展不建议加载过多数据如到一定数据比如 10 条建议制作翻页更新日志v1.0.0初次提交
