如何在reactable嵌套表格中实现列固定（sticky）效果？

子表格左侧列无法固定的核心原因是：子表格的外层容器未开启横向滚动，而sticky="left"需要在具备滚动上下文的容器中才能生效。以下是修复后的代码：

library(reactable)

reactable(MASS::Cars93, 
          details = function(index) {
            if (index %in% c(3, 5)) {
              reactable(MASS::Cars93,
                        columns = list(
                          Manufacturer = colDef(
                            sticky = "left",
                            # 添加背景色防止滚动时内容重叠
                            style = list(backgroundColor = "#f7f7f7")
                          )),
                        # 让子表格宽度适配容器，触发滚动
                        width = "100%",
                        # 给子表格容器开启横向滚动
                        style = list(overflowX = "auto"),
                        # 确保表格结构支持sticky定位
                        theme = reactableTheme(
                          tableStyle = list(position = "relative")
                        ))
            }
          },
          columns = list(
            Manufacturer = colDef(
              sticky = "left",
              style = list(backgroundColor = "#f7f7f7")
            )),
          width = "100%")

关键修复点： #

• 开启容器横向滚动：通过style = list(overflowX = "auto")给子表格的外层容器添加滚动属性，为sticky列提供生效的上下文。
• 设置子表格宽度：width = "100%"让子表格随容器宽度自适应，当表格内容超出容器宽度时自动触发横向滚动。
• 添加背景色：给固定列设置背景色，避免滚动时其他列的内容覆盖固定列内容。

内容的提问来源于stack exchange，提问作者Anna Rouw