headers的内容都是后端传递的,每组内容都不是固定的;2.主标题下需要嵌套两个二级标题(如销量和增长率);3.增长率红色为正,绿色为负;4.当列表生成水平滚动条时,时间列固定在最左侧,最近把使用el-table时经常用到的一些小要求记录在这里,以供参考。
要求:1。在不同类型的标头之间切换需要动态v-来呈现标头,例如(,,)。headers的内容都是后端传递的,每组内容都不是固定的;2.主标题下需要嵌套两个二级标题(如销量和增长率);3.增长率红色为正,绿色为负;4.当列表生成水平滚动条时,时间列固定在最左侧。
有时候会出现以下需求,像这样,不确定有几个组,可能是A和B两个,也可能是A、B、C、D四个,因为是在后台配置的(而且组下面的呈现也是一样的:这里是A1、A2、A3、A4)。当组数不确定时,如果后台加减组,前端也会。而且每增加一个新的组,对应组下的A1、A2、A3、A4都要重写,表格的内容必须是可编辑的。此时,表格需要动态处理表头信息。如果用官方的写法,整个页面会变得很长,而且大部分都是重复的,所以我在这里用JSX试了一下,发现效果还不错。以下是实现过程。因为是模拟的,所以demo中一些死的但是可以异步加载数据的地方会被注意到,所以我们需要做的第一步就是先初始化头信息。
3、Vueel- table的一些小用法(行内链接,图标等,持续更新最近把使用el- table时经常用到的一些小要求记录在这里,以供参考。