elementUI中，实现一个单元格内显示两行数据，并用其中一个数据进行排序。

最近在公司中，有这样一个需求，表格中，一个单元格里面显示两行数据，并且可以使用其中一行进行排序，其中数据的样式也要实时变动。类似于下图

这样的话，elementUI中自带的prop就不适合了。所以，需要展示两行数据的地方，我们就用插槽来解决。下面上图。

这里我直接把row解构出来了，如果不想解构，直接把{row}换成你想要的名称就行。
我比较菜，所以动态样式直接用的行内样式。

如果想用其中一个数据排序，这里就可以用上table自带的prop，直接上图。

这样，就可以用table自带的排序来进行排序了。

因为一个单元格内，有两行数据，这样表格的默认高度就会撑大。可以用下面的代码，修改elementUI中 table的行高，设置el-table-column的默认行高。

:row-style="{height: '0'}":cell-style="{padding: '0'}"

elementUI中，实现一个单元格内显示两行数据，并用其中一个数据进行排序。相关推荐

Excel表格中多个文本内容快速合并到一个单元格内
Excel表格中多个文本内容快速合并到一个单元格内目录 Excel表格中多个文本内容快速合并到一个单元格内 1.在合并单元格内输入"=PHONETIC()"函数 2.框选需要合并 ...
mysql函数名称顿号,快速统计一个单元格内有多少个名字，你不会是一个一个数的吧...
原标题:快速统计一个单元格内有多少个名字,你不会是一个一个数的吧欢迎来到欢课,工作中我们可能会遇到这种问题,一个单元格内有很多人名,现在我们需要数出来,没个单元格内,有多少姓名,我们先快速操作下,如 ...
2022-01-19：青蛙过河。一只青蛙想要过河。假定河流被等分为若干个单元格，并且在每一个单元格内都有可能放有一块石子（也有可能没有）。青蛙可以跳上石子，但是不可以跳入水中。给你石子的位置列
2022-01-19:青蛙过河. 一只青蛙想要过河. 假定河流被等分为若干个单元格,并且在每一个单元格内都有可能放有一块石子(也有可能没有). 青蛙可以跳上石子,但是不可以跳入水中. 给你石子的位置列 ...
ElementUI中el-table双击单元格事件并获取指定列的值和弹窗显示详细信息
场景双击el-table的某个单元格时获取此单元格的信息并弹窗显示其他关联的信息. 效果如下注: 博客: https://blog.csdn.net/badao_liumang_qizhi 关注公 ...
Excel - 如何在 Excel 表格的一个单元格内换行？
Excel表格是我们经常使用的一个办公软件.我们在使用excel表格时,有时候会需要在一个单元格内进行换行.如果我们直接敲击回车,那么会直接切换至另一个单元格.接下来,小编来和大家分享下如何在一个单元 ...
【excel】带回车的一个单元格内的内容拆分
一个单元格中有多项内容,以回车的方式分开,想要拆分成一行一格. 想要达成的效果: 首先将原表中的内容全部复制至一个新的word文档(不是新的sheet!)如下图: 点击[开始]-[编辑]-[替换] 选 ...
EXCEL中统计某个单元格内字符出现的次数(利用LEN、SUBSTITUTE函数实现)
利用LEN.SUBSTITUTE函数实现统计单元格内字符个数在B2单元格中输入:=LEN(A1)-LEN(SUBSTITUTE(A1,":","")) 其中: ...
工具-Excel-将多个单元格的文字内容转变为一个单元格内
文章目录 1.演示 2. 演示 2.1另法 1.演示 2. 演示在一个单元格内,用函数PHONETIC 随后选取需要划取的内容回车即可 2.1另法用记事本的剪贴板工具 (Microsoft Ex ...
选中内容_Excel – 选中的单元格自动显示在A1，报表演示数据再多也能看清
当我们要拿一张数据量比较大的报表做演示时,是不是经常会这样? 演示者:今年 xxx 月的销售业绩不错,总计 xxx,比上月增长了 xx%. 领导们:你说的这数字在哪? 演示者:请您看投影上第 23 行 ...

elementUI中，实现一个单元格内显示两行数据，并用其中一个数据进行排序。

elementUI中，实现一个单元格内显示两行数据，并用其中一个数据进行排序。相关推荐

最新文章

热门文章