如何在Superset中隐藏筛选器列名并保留筛选器名称?
在Superset里隐藏筛选器列名的CSS实现方法
1. 打开仪表盘的自定义CSS入口
进入仪表盘的编辑模式,点顶部的「仪表盘属性」,在弹出面板里选「CSS」标签页,这就是自定义样式的地方。
2. 确认筛选器列名的DOM类名
用浏览器开发者工具定位:右键点击要隐藏的筛选器列名,选「检查」,找到它对应的CSS类名(Superset默认组件里,列名一般在ant-form-item-label或者filter-column-name这类容器里)。
3. 写入CSS代码
根据找到的类名,添加对应的隐藏代码:
/* 隐藏所有筛选器的列名,保留筛选器标题 */ .superset-filter .ant-form-item-label { display: none; } /* 要是只想改某个特定筛选器,先给筛选器设个ID,再用ID定位 */ #你的筛选器ID .ant-form-item-label { display: none; }
要是你查到的类名不是ant-form-item-label,直接把代码里的类名换成你找到的就行。
4. 保存生效
输完代码点「应用」,再保存仪表盘,刷新页面就能看到效果——列名被隐藏,筛选器名称保留。
内容的提问来源于stack exchange,提问作者John Doe
相关产品推荐
相关产品推荐

