1.需要想用iframe引入dashboard时， URL 参数可用于修改仪表板的呈现方式，standalone=0
| 属性 | 枚举 | 描述 |
| standalone | 0 | 仪表盘正常显示 |
| 1 | 顶部导航已隐藏 | |
| 2 | 顶部导航 + 标题被隐藏 | |
| 3 | 顶部导航 + 标题 + 顶级标签被隐藏 | |
| show_filters | 0 | 渲染没有过滤栏的仪表板 |
| 1 | （默认）：如果启用了本机过滤器，则使用过滤栏呈现仪表板 | |
| expand_filters | 0 | 呈现带有折叠过滤栏的仪表板 |
| 1 | 呈现带有扩展过滤栏的仪表板 |
例如：当运行本地开发版本时，以下操作将禁用顶部导航并删除过滤栏： http://localhost:8088/superset/dashboard/my-dashboard/?standalone=1&show_filters=0
2.如果对页面样式有调整，可以在修改dashboard的css属性
3.控制筛选器条（Filter Bar）水平布局的配置项
默认情况下，Superset的筛选器条是垂直排列的，即筛选器以列的形式堆叠在仪表板或图表的左侧或右侧。而当配置项 HORIZONTAL_FILTER_BAR 被启用时，筛选器条将以水平的方式显示在仪表板的顶部或底部，以更好地适应特定的布局需求和用户偏好。
配置前样式
修改配置 superset_config.py
"HORIZONTAL_FILTER_BAR": True配置后
欢迎在评论区交流。
如果文章对你有所帮助，❤️关注+点赞❤️鼓励一下！博主会持续更新。。。。
往期回顾
CSS多栏布局-两栏布局和三栏布局
border边框影响布局解决方案
css 设置字体渐变色和阴影
css 重置样式表（Normalize.css）
css实现元素居中的6种方法
Angular8升级至Angular13遇到的问题
前端vscode必备插件(强烈推荐)
Webpack性能优化
vite构建如何兼容低版本浏览器
前端性能优化9大策略（面试一网打尽）！
vue3.x使用prerender-spa-plugin预渲染达到SEO优化
vite构建打包性能优化
vue3.x使用prerender-spa-plugin预渲染达到SEO优化
ES6实用的技巧和方法有哪些？
css超出部分显示省略号
vue3使用i18n 实现国际化
vue3中使用prismjs或者highlight.js实现代码高亮
什么是 XSS 攻击？什么是 CSRF？什么是点击劫持？如何防御
