开源软件名称:z-table
开源软件地址:https://gitee.com/zcQitee/z-table
开源软件介绍:
z-tableuni-app的表格插件目前兼容H5和微信小程序 表格使用props:tableData [Array | Boolean] | 表格数据 如果为false则显示loadingcolumns [Array | Boolean] | 数据映射表 如果为false则显示loading 每列params => title(表头文字), width(每列宽度) [, key(对应tableData的字段名) || format(自定义内容), sort(是否要排序), isLink(是否显示为超链接Object),listenerClick(是否监听点击事件Boolean)]format格式: {template: 字符串模版用#key#表示需要被替换的数据,names: 对应template属性内要被替换的内容的key}isLink格式: {url: 链接地址, params: 地址带的参数Array[key|value, key|value, ...]每一项都是key和value以'|'链接,如果不带'|'默认键值同名}stickSide Boolean | 是否固定右侧首栏 默认不显示showBottomSum Boolean | 是否显示底部统计 默认不显示showLoading Boolean | 是否首次加载首次加载不显示暂无数据内容emptyText String | 空数据显示的文字内容tableHeight Number | 设置表格高度会滚动sort Boolean | 开启排序showSelect Boolean | 开启选择singleSelect Boolean | 在开启选择的状态下是否开起单选textAlign String | 内容对齐方式 left center righttitleTextAlign String | 表头对齐方式 left center right
event:onSort | 排序事件 返回{key: 被排序列的字段名, type: 正序'asc'/倒序'desc'}onSelect | 选中时触发 返回选择的行的下标onClick | 单元格点击事件 返回点击单元格所属行的数据
function:resetSort | 调用后重置排序 *注意:不会触发sort事件效果预览 |
请发表评论