R Flexdashboard列布局下添加{.tabset}后布局异常问题求助
Flexdashboard列布局下插入{tabset}的正确方案
核心规则
列定向布局中,{.tabset}属性只能绑定在三级标题(对应列内的内容块层级)上,不能绑定在定义列的二级标题上,否则会将整列解析为tab容器,打乱全局列宽分配。
正确代码结构示例
你可以直接对照修改现有代码:
--- title: "你的仪表盘标题" output: flexdashboard::flex_dashboard orientation: columns # 保留你原有列定向配置 --- # 你的页面标题 <!-- 一级标题对应整个页面,和原设计保持一致 --> ## 第一列 {data-width=600} <!-- 二级标题定义列,保留你原有的data-width参数 --> ### 目标Tab区域 {.tabset} <!-- 三级标题绑定{tabset},就是你要插入tab的位置,可补充原有的data-height参数 --> <!-- 以下四级标题对应每个Tab项 --> #### Tab1 名称 原有对应内容的代码(图表、文本、表格等)直接放在这里 #### Tab2 名称 第二个Tab的内容代码 ## 第二列 {data-width=400} <!-- 保留你原有其他列的配置,不需要修改 --> ### 原有非Tab内容块 原有的非Tab内容代码直接保留即可
对齐原设计的补充设置
如果渲染后Tab区域的尺寸和原设计有偏差,直接在绑定{tabset}的三级标题后补充你原有的块尺寸参数即可,比如:### 目标Tab区域 {.tabset data-height=450}
所有你原有内容块的样式参数都可以直接加在这个三级标题上,不会影响tab功能。
内容的提问来源于stack exchange,提问作者Arduin
相关产品推荐
相关产品推荐

