反饋已提交

網絡繁忙

當前為10.0版本文檔,更多實例內容將在最新幫助文檔中展現,點選跳轉至 最新版幫助文檔

多列排序添加动态箭头

1. 概述

1.1 问题描述

多列可以排序的情况下,如何设置箭头体现当前是哪一列排序,排的是升序还是降序呢,如下

箭头.gif

1.2 实现思路

利用条件属性结合HTML标签来实现。

2. 示例

2.1 模板设计

1)多列动态排序效果参照文档多列排序

2)选中A1单元格,添加一个条件属性,命名为无序,公式条件为$asc<>"A2",新值为公式类型:"<font color='gray'>↑↓ </font>" + $$$

image.png

再添加一个条件属性,命名为升序,公式条件为$asc="A2"&&$a=1,新值为公式类型:"↑<font color='gray'>↓ </font>" + $$$

image.png

继续添加一个条件属性,命名为降序,公式条件为$asc="A2"&&$a<>1,新值为公式类型:"<font color='gray'>↑</font>↓ " + $$$

image.png

3)同理设置B1单元格

条件属性名称
公式条件新值公式
无序$asc<>"B2""<font color='gray'>↑↓ </font>" + $$$
升序$asc="B2"&&$a=1"↑<font color='gray'>↓ </font>" + $$$
降序$asc="B2"&&$a<>1"<font color='gray'>↑</font>↓ " + $$$

4)同理设置C1单元格

条件属性名称公式条件新值公式
无序
$asc<>"C2""<font color='gray'>↑↓ </font>" + $$$
升序$asc="C2"&&$a=1"↑<font color='gray'>↓ </font>" + $$$
降序$asc="C2"&&$a<>1"<font color='gray'>↑</font>↓ " + $$$

5)选中A1,B1,C1单元格,设置用HTML显示内容

image.png


2.2 效果预览

PC 端

箭头.gif

移动端

箭头h5.gif

3. 模板下载

附件列表


主題: 原简体文档
已經是第一篇
已經是最後一篇
  • 有幫助
  • 沒幫助
  • 只是瀏覽
  • 圖片不清晰
  • 用語看不懂
  • 功能說明看不懂
  • 操作說明太簡單
  • 內容有錯誤

文 檔回 饋

滑鼠選中內容,快速回饋問題

滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。

不再提示

10s後關閉