Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >如何将“应用过滤器”按钮直接移动到通过iframe嵌入的超级集仪表板上的过滤器下面?

如何将“应用过滤器”按钮直接移动到通过iframe嵌入的超级集仪表板上的过滤器下面?
EN

Stack Overflow用户
提问于 2022-08-16 11:52:50
回答 1查看 205关注 0票数 0

我在Apache 2.0.0中有一个很高的仪表板(多个屏幕的值,还有一个滚动条)。我在左边有一个本机过滤器窗格,过滤器顶部,然后屏幕底部的“应用过滤器”和“清除所有”按钮。当在Superset中直接查看时,它看起来很棒:当我滚动时,这些按钮保持在原地。

但是,当我通过iframe嵌入这个仪表板时,过滤器动作按钮会一直出现在我的高仪表板的底部。在我的例子中,过滤器输入和按钮之间有一个完整的空白屏幕,所以您不能同时看到它们。这让用户很困惑。

如何迫使按钮直接锚定在最后一个过滤器下面?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2022-08-16 11:52:50

编辑仪表板->编辑CSS并添加以下内容:

代码语言:javascript
运行
AI代码解释
复制
.open > div:nth-child(3) {
  
  position: absolute;
  top: 300px;
}

根据需要调整300px,使其更高或更低。如果您有多个选择过滤器,在校准像素值时选择所有选项,以确保您提供了足够的空间。

过滤器按钮是open类div的直接第三个子元素,>使其成为直接的,这样第三个过滤器(如果有)也不会移动到这个位置。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/73379605

复制
相关文章
用好 DIV 和 API,在前端系统中轻松嵌入数据分析模块
在数字化转型潮流席卷各大行业的今天,越来越多的企业开始重视 BI(商业智能)技术的部署和应用,期望从不断增长的数据资源中获得更多业务价值,从而提升利润、控制风险、降低成本。BI 能整合、组织和分析数据,将数据转化为有价值的信息,为企业管理和决策提供支持,成为企业迎接变革和商业创新的决胜因素。
葡萄城控件
2022/09/21
5920
用好 DIV 和 API,在前端系统中轻松嵌入数据分析模块
Zuul的过滤器
Zuul的过滤器是对请求和响应进行预处理和后处理的关键点。通过Zuul的过滤器,我们可以对请求进行验证、修改请求参数、添加请求头等操作,还可以对响应进行修改、添加响应头等操作。本文将介绍如何配置Zuul的过滤器。
堕落飞鸟
2023/04/09
3790
Elastic 5分钟教程:使用Kibana中的过滤器
Filter是Kibana中查询数据的强大方式,在这段视频中,您将了解不同的数据过滤方式
点火三周
2022/06/06
4.6K1
Elastic 5分钟教程:使用Kibana中的过滤器
C++ 哈希的应用【布隆过滤器】
注册账号是进行网络冲浪的第一步操作,而拥有一个具有个性且独一无二的用户昵称是非常重要的,很多人在填写昵称时,常常会看到 此昵称已存在 的提示,系统是如何快速知道当前昵称是否存在呢?总不能挨个去遍历对比吧,这时候就需要我们本文中的主角: 布隆过滤器
北 海
2023/08/02
2620
C++ 哈希的应用【布隆过滤器】
Vue的过滤器
过滤器注册 大致的过程可以分成两步 1.进行过滤器的注册 2.过滤器的使用,在表达式的后面添加管道符号(|)
河湾欢儿
2018/09/06
6000
布隆过滤器在PostgreSQL中的应用
作为学院派的数据库,postgresql在底层的架构设计上就考虑了很多算法层面的优化。其中在postgresql9.6版本中推出bloom索引也是十足的黑科技。
数据库架构之美
2021/04/07
2.4K0
布隆过滤器在PostgreSQL中的应用
布隆过滤器的原理_板框过滤器
之所以谈到布隆过滤器主要是因为以前工作中用到redis,为了防止缓冲穿透而使用了布隆过滤器(BloomFilter)。这次温故而知新,再深入学习它的原理,顺带提提它的其他用途。
全栈程序员站长
2022/11/08
3300
布隆过滤器的原理_板框过滤器
过滤器模式过滤器模式
过滤器模式(Filter Pattern)或标准模式(Criteria Pattern)是一种设计模式,这种模式允许开发人员使用不同的标准来过滤一组对象,通过逻辑运算以解耦的方式把它们连接起来。这种类型的设计模式属于结构型模式,它结合多个标准来获得单一标准。
用户2436820
2018/09/05
1.4K0
如何将Flutter优雅的嵌入现有应用
在早期Flutter发布的时候,谷歌虽然提供了iOS和Android App上的Flutter嵌入方案,但主要针对的是纯Flutter的情形,混合开发支持的并不友好。
用户1907613
2020/03/31
2.3K0
如何将Flutter优雅的嵌入现有应用
vue中的过滤器
  Vue.js 允许你自定义过滤器,可被用于一些常见的文本格式化。过滤器可以用在两个地方:
IT人一直在路上
2019/09/18
1K0
vue中的过滤器
布隆过滤器原理以及应用_bitmap与布隆过滤器
1.先说下背景,肯定遇到这种情况,判断元素在不在一个集合里面,如果,集合里面的元素非常大,这个判断过程是非常耗时的,而且集合占用空间也很大。
全栈程序员站长
2022/11/10
2490
spring boot拦截器和过滤器_过滤器的实现
1、过滤器和拦截器触发时机不一样,过滤器是在请求进入容器后,但请求进入servlet之前进行预处理的。请求结束返回也是,是在servlet处理完后,返回给前端之前。
全栈程序员站长
2022/09/23
1.7K0
spring boot拦截器和过滤器_过滤器的实现
java过滤器的顺序(java过滤器指定过滤文件)
过滤器的顺序由 web.xml 文件中 <filter-mapping>的顺序决定,从上到下
全栈程序员站长
2022/07/28
1.5K0
Spring 的 WebSecurityConfigurerAdapter 过滤器
你需要一个 WebSecurityConfigurerAdapter 来对用户提供安全的校验,确保用户能够访问必要的资源。
HoneyMoose
2020/10/16
1.3K0
Spring 的 WebSecurityConfigurerAdapter 过滤器
Vue 过滤器的使用
Vue官方文档是这样说的:Vue过滤器用于格式化一些常见的文本。 在实际项目中的使用: 定义过滤器 在src定义一个filter.js文件,里面定义过滤器函数,在最后要使用 exprot default 将定义的函数暴露出来 //将时间戳转化为日期格式 function formatDate (value, fmt='') { let date = new Date(value) if (fmt=='') fmt = 'Y-MM-dd hh:mm' let o = { 'Y+':date.ge
lin_zone
2018/11/12
1.1K0
ES 字符过滤器&令牌过滤器
其作用主要是在调用分词器进行分词之前,进行一些无用字符的过滤,字符过滤器主要分为以下三种
郑小超.
2022/09/21
1.3K0
ES 字符过滤器&令牌过滤器
原来,嵌入式BI方案的核心差异全在这,教你如何评估!
每个软件企业的产品在功能上都有自己的特点,都有自己的市场定位和价值主张。在大数据时代,为了让产品更具吸引力,很多软件企业已经开始在自己的产品中引入嵌入式BI方案,来满足用户日益增长的数据分析需求。
葡萄城控件
2022/05/09
7590
原来,嵌入式BI方案的核心差异全在这,教你如何评估!
如何将PostgreSQL数据目录移动到Ubuntu 18.04上的新位置
数据库随着时间的推移而增长,有时会超出原始文件系统的空间。当它们与操作系统的其余部分位于同一分区时,这也可能导致I / O争用。
大瓜皮
2018/10/19
2.3K0
点击加载更多

相似问题

Kibana共享仪表板(iframe) -过滤器

07

YouTube嵌入代码的Nuxt过滤器Iframe

18

仅在仪表板上应用过滤器

11

从除过滤器盒以外的片中应用仪表板过滤器

10

将过滤器应用于多个嵌入式tableau仪表板

13
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
社区富文本编辑器全新改版!诚邀体验~
全新交互,全新视觉,新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能,全面提升创作效率和体验
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文