点击按钮选择整个表格的数据 elementui_H2


大家好,我是徐军泰。

今天分享一个很炫的表格制作技巧——利用单选按钮实现表格升降序排列。

在表格中对数据进行排序,通常我们都是调用数据选项卡下的排序功能来实现的,操作起来不够快捷。

如果能在表格旁边添加两个按钮,直接点击按钮实现升降序排列,那就方便多了。


点击按钮选择整个表格的数据 elementui_控件_02


▲ 完成效果图

下面来看详细制作过程——不用VBA,只用函数+控件即可完成。

01 准备数据源


点击按钮选择整个表格的数据 elementui_控件_03


如图,B、C列是要进行排序的数据源,考虑到有可能有相同数据,因此加了D列辅助列,作为后续排序时真正引用的数据源。

D列公式,以D3单元格为例:=C3+ROW()/(10^5)

02 制作控件

在【开发工具】选项卡下,插入控件,选择单选按钮,绘制并复制单选按钮,将按钮分别命名为升序、降序。

右键第1个单选按钮,打开【设置控件格式】,将单元格链接设置为H2单元格:


点击按钮选择整个表格的数据 elementui_控件_04


设置完毕后,当选择升序按钮时,H2返回1,当选择降序按钮时,H2返回2。


点击按钮选择整个表格的数据 elementui_H2_05


03 编写公式


点击按钮选择整个表格的数据 elementui_H2_06


在H列编写公式并向下复制,以H3单元格为例,公式为:

=IF($H$2=1,SMALL($D$3:$D$14,ROW(A1)),LARGE($D$3:$D$14,ROW(A1)))

即,当H2等于1时,依次返回第N个最小值;当H2等于2时,依次返回第N个最大值,N为1、2、3、4、……

在G列编写公式并向下复制,以G3单元格为例,公式为:=INDEX($B$3:$B$14,MATCH(H3,$D$3:$D$14,0))

即通过数值来匹配对应的姓名(数值在第1步已经通过处理,避免了重复值可能会引起的匹配错误)。现在我们已经实现了数据的升降序排列,可以点按钮测试。

04 条件格式及自定义格式优化


点击按钮选择整个表格的数据 elementui_控件_07


为了让表格更直观,我们可以给H列数据加上数据条,具体在条件格式中设置,不再赘述。

另外 ,H2单元格中的数字1和2,我们可以利用自定义格式将其显示为“升序”或“降序”。


点击按钮选择整个表格的数据 elementui_单选按钮_08


以上就是今天的内容,很简单吧~