「uni-app 组件」 t-table 表格

最新推荐文章于 2024-08-16 11:25:57 发布

weixin_33787529

最新推荐文章于 2024-08-16 11:25:57 发布

阅读量5.7k

点赞数

文章标签： javascript json ViewUI

原文链接：https://juejin.im/post/5cdfa7eee51d45105a068a57

版权

本文介绍了uni-app的t-table组件，用于创建简单的表格。组件支持自定义全局和局部样式，以及内容自定义和多选功能，适用于多个小程序平台。提供了调用方式、属性说明以及更新日志，但不支持合并单元格和调整列宽等功能。建议数据量大的情况下采用分页处理。

摘要由CSDN通过智能技术生成

table 表格基本使用组件，让你制作简单表格只需要专注内容，而不用过度专注样式。

此组件基本全平台支持。（支付宝，百度，头条小程序理论上都支持，但是没有很细致的测试这几个平台）

github 地址： https://github.com/mehaotian/t-table
插件市场地址：http://ext.dcloud.net.cn/plugin?id=413

功能亮点

自定义全局表格样式
自定义局部表格样式
表格内容自定义
表格多选

未实现

合并单元格
调整列宽，行高

效果演示

调用方式

<template>
	<view class="warp">
		<view class="box">
			<view class="title">默认效果</view>
			<t-table @change="change">
				<t-tr>
					<t-th>序号</t-th>
					<t-th>姓名</t-th>
					<t-th>年龄</t-th>
					<t-th>爱好</t-th>
				</t-tr>
				<t-tr v-for=