n-table 多级表头、树形结构,高度配置表格组件(停止维护,谨慎使用) - 更新日志
1.3.5(2022-06-09)
- del: 移除 tableOpt.border 属性,
- add: 新增 tableOpt.borderLeft 属性 控制是否显示竖向边框
- add: 新增 tableOpt.borderBottom 属性,控制是否显示横向边框
- update: 调整了树形结构下展开/收起图标的颜色(之前有点不显眼)
- fix: 部分小细节调整
1.3.4(2022-06-08)
修复一些小bug
1.3.3(2022-06-07)
- update: iconfont.scss
- 字体文件引用改成 https形式
- 新增两个图表:上箭头、下箭头;用于排序图标
- update:排序图标现在跟表头文字颜色保持一致:非选中状态 透明度50,选中状态不透明
- add:tableOpt新增配置:tableOpt.border 、tableOpt.borderColor 用于控制表格内容的边框是否显示及边框颜色
- add:headerOpt新增配置:headerOpt.border 、 headerOpt.borderColor 用户控制表头的边框是否显示及边框颜色
- add: columns 新增配置: columns[item].autoColor 、columns[item].minusColor、columns[item].positiveColor
- columns[item].autoColor 开启后自动根据数值显示对应颜色,非数字类型或者0 取columns[item].borderColor 颜色,小于0 取 minusColor | 绿色。大于0取 positiveColor | 红色。 以上新增可查看例子【模式示例】
1.3.2(2022-05-30)
- fix: 修复树形结构下三层以上结构,收起子级无法正确工作的bug。
- 模式调整:
columns[item].columnFmt = currency 时 现在会拼接单位(columnNumberCount),在后缀(suffix)的前面 columns[item].columnUnit = '万' | '亿' 的时候会自动将数据除以对应的比例
1.3.1(2022-05-27)
表格名称右侧的菜单按钮改了。 修复一些小bug
1.3.0(2022-05-24)
- add: 新增 columns[item].columnFmt 格式化
可选值:
default
: 默认模式,不对数据处理
number
: 数值模式,此时columnNumberCount
、useThousandth
、columnUnit
生效
percentage
: 百分比模式(源数据是百分比数值),对数据进行 * 100 并拼接 %,此时columnNumberCount
生效
currency
: 货币模式,此时columnNumberCount
、useThousandth
、prefix
、suffix
生效scientific
: 科学计算法模式,将数据处理成科学计算法显示 eg: 1.2e2 - add: 新增 columns[item].columnUnit 单位(等于'无'时忽略此参数)
columnFmt == number
时生效 - add: 新增 columns[item].useThousandth 是否使用千分位
columnFmt == number || columnFmt== currency
时生效 - add: 新增 columns[item].columnNumberCount 小数位
columnFmt == number || columnFmt== percentage || columnFmt== currency
时生效 - add: 新增 columns[item].prefix 前缀
columnFmt == currency
时生效 - add: 新增 columns[item].suffix 后缀
columnFmt == currency
时生效 - fix: 修复多级表头列数过少无法占满的问题。
- update: columns[item].formatNum 默认值调整为
false
(原来默认是true),此参数优先级高于上述的 5种模式
1.2.6(2022-05-07)
- fix: 修复columns 第一项设置textAlign无效的问题:树形表格首列固定左对齐,其他可以自行设置 columns -> textAlign;
1.2.5(2022-05-06)
- add: 示例发布微信小程序
1.2.4(2022-04-27)
- add: 增加高度占满示例,请更新示例项目查看(pages/index/fullPage.vue)
1.2.3(2022-04-26)
- update: template 标签改成 block (微信小程序平台会将template编译成block)
1.2.2(2022-04-26)
- fix: 修复部分警告提示,包括绑定key的警告提示
1.2.1(2022-04-26)
- fix: 修复 Duplicate attribute 报错(原因是多写了一个 class 属性)
- fix: 修复分组表格一些小问题 分别在 vue2-小程序、vue2-H5、vue3-小程序、vue3-h5 模式下运行,测试通过
1.2.0(2022-04-25)
- fix: 当表格列数总宽度不能铺满时候,最后一列会自动占满剩余空间
- fix: 修复表头部分会有几px的空隙。
- update: 表格边框采用细边框方案,提升整体颜值
- add: 新增分组表格功能,示例已更新(示例2-第三个 分组-没有[总计行]功能(不可用) )
- add: columns[item].valueEnum : 值映射对象,示例: (示例2-第四个 字段映射 )
1.1.1(2022-04-19)
- update: 单位改成 px,包括文字大小FontSize/ width/ height/ (横屏下 rpx 会有缺陷)
- add: columns[item].hidden : 是否显示该列,默认false
- add: props.defaultOpen : 树形结构下是否默认展开全部 默认false
1.1.0(2022-04-15)
- add: columns[item].textAlign : 对应列内容文字对齐方式,优先级比 tableOpt.textAlign 高 例子看第二个
- add: columns[item].titleTextAlign : 对应列表头文字对齐方式,优先级比 headerOpt.align 高 例子看第二个
1.0.9(2022-04-15)
- fix: 移除
v-bind
语法
1.0.8(2022-04-14)
内部分页处理:改变tableData 重置 当前页与总页数
1.0.7(2022-04-14)
修复 tableData = [] 时候一直显示loading状态:
tableData 为 Boolean类型时,显示 loading,空数组时候显示 无数据提示
1.0.6(2022-04-10)
设置不自动格式化数字:columns[i].formatNum = false ,默认true。
原有功能,文档写漏了配置,文档已更新!!!
- fix: 修复长数字类型换行失效
1.0.5(2022-04-08)
- fix: 修复内部分页上一页失效 [2022年4月8日]
- fix: 修复报错
Right-hand side of 'instanceof' is not an object
。组件部分props
格式写错了 [2022年4月8日] - add: 增加分页组件样式配置(config.js -> defaultPagerOpt 新增对应默认配置 ): [2022年4月8日]
pagerOpt -> btnFontSize
按钮文字大小pagerOpt -> btnFontColor
按钮文字颜色pagerOpt -> btnFontBold
按钮文字是否加粗pagerOpt -> btnCustomClass
按钮自定义类pagerOpt -> numFontSize
页码字体大小pagerOpt -> numFontColor
页码字体颜色pagerOpt -> numFontBold
页码字体是否加粗
- other: 感谢@gzakay的反馈
示例、文档已同步更新
1.0.4(2022-04-07)
- remove: tableOpt -> itemHeight 配置,表格内部单元格高度自动撑开(文字超出自动换行)[2022年4月7日]
- change:首列非树形结构对齐方式与 tableOpt -> textAlign 对齐,树形结构固定作对齐 [2022年4月7日]
- add: 分页对外开放(可在外部处理),具体影响: [2022年4月7日]
- props -> currentPage 当前页 参数类型:Boolean | Number;Boolean类型表示内部处理分页,Number类型表示外部处理,内部不做处理
- props -> totalPage 总页数
- event @onNextPage(currentPage) -> 下一页方法 返回当前页码
- event @onPrevPage(currentPage) -> 上一页方法 返回当前页码
- change: 调整Loading样式,Loading过程中(tableData = false时会触发loading状态)无法点击其他 [2022年4月7日]
- fix: 修复树形结构折叠无法折叠三层子集以下的bug [2022年4月7日]
- other: 感谢@gzakay提的建议
文档相关已更新
1.0.3(2022-04-01)
- fix: 修复 headerOpt -> color 不生效 [2022年4月1日]
- 新增分页功能,详细请看文档相关配置 [2022年4月1日]
1.0.2(2022-04-01)
1.0.2 (2022年4月1日)
- add: 新增 columns 配置: customName , 别名;如果 customName 存在 则优先显示,否则显示 title
- fix: 修复表格名称居中显示实际没有居中的问题
- fix: 修复事件冒泡处理点击无反应的问题:click.native.stop --> click.stop(感谢 463***@qq.com 指出)
1.0.1(2022-03-25)
1.0.0(2022-03-22)
版本发布
1.0.1 (2022-03-25)
- fix: 修复tableHeight 高度计算不正确问题,现在这个高度会包括表格名称高度
- add: 新增
props -> autoSort : Boolean default: true;
组件内自动响应排序,默认true 详细请看文档 - update: 移除数据错误提示
1.0.0(2022-03-22)
版本发布