发光的navbarPage结合fluidRow

Question

我在设置闪亮应用的布局时遇到了一些麻烦。在尝试了几种不同的选择之后，最适合我的一种是navbarPage。虽然，我设法解决了大多数问题（借助于stackoverflow），但我陷入了一个难题。基本上，我的表有很多列，并且最终总是比包含该表的wellPanel大。

下面是一些说明问题的代码：

require(shiny)
require(shinythemes)

side_width <- 5

sidebar_panel <-
  sidebarPanel(
    width = side_width,
    radioButtons("Radio1",
                 label = h4("Radio label 1"),
                 choices = list("Europe" = "EU", 
                                "USA" = "US"), 
                               selected = "EU"),
hr()
br()

    radioButtons("Radio 2", 
                 label = h4("Radio label 2"),
                 choices = list("Annual" = 1, "Monthly" = 12), 
                             selected = 1)

  )

main_panel <- mainPanel(
    width = 12 - side_width,


                     wellPanel(

                     h5(helpText("Figure 1: ..."))
                               ), 

                     wellPanel(
                       h5(helpText("Table 1: ..."))
                              ),

                     wellPanel(
                       h5(helpText("Table 2: ..."))
                               ),

                     wellPanel(
                              fluidRow(
                              column(12,

                                h5(helpText("Table 3: ..."))
                                    )
                                 )

                       )
)

# user interface
ui <- shiny::navbarPage("testing shiny", 

  tabPanel("Tab1",
    sidebarLayout(
    sidebarPanel = sidebar_panel,
    mainPanel = main_panel,
    position = "left")
           ),

  tabPanel("Tab2",
    verbatimTextOutput("summary")
            ),

  tags$style(type="text/css", "body {padding-top: 70px;}"),
  theme=shinytheme("cosmo"),
  position ="fixed-top"

)

server <- function(input, output) {

}

shinyApp(ui = ui, server = server)

运行代码时，您将看到当前布局。如果不是因为那张巨大的宽桌子3，那一半总是不在wellPanel中，那一切都会好起来的。

我的问题是是否可以将wellPanel扩展到左侧，使其占据布局的整个宽度？

高度赞赏任何指针。干杯

Answer 1

liquidRow和column函数不执行任何操作inside wellPanel / mainPanel-您希望将此特定的wellPanel作为其自己的fluidRow与边栏布局分开放置。

[此外，如果您的表是在DT包中制作的，则可以在呈现选项中添加scrollX = TRUE，以便在表太大而无法容纳时添加滚动条。

require(shiny)
require(shinythemes)

side_width <- 5

# user interface
ui <- navbarPage(
  "testing shiny",
  tabPanel("Tab1",
    sidebarLayout(position = "left",
      sidebarPanel(width = side_width,
        radioButtons("Radio1",
          label = h4("Radio label 1"),
          choices = list("Europe" = "EU",
                         "USA" = "US"),
          selected = "EU"),
        hr(),
        br(),
        radioButtons("Radio 2",
          label = h4("Radio label 2"),
          choices = list("Annual" = 1, "Monthly" = 12),
          selected = 1)
      ),
      mainPanel(
        width = 12 - side_width,
        wellPanel(
          h5(helpText("Figure 1: ..."))
        ), 

        wellPanel(
          h5(helpText("Table 1: ..."))
        ),

        wellPanel(
          h5(helpText("Table 2: ..."))
        )
      )
    ),
      fluidRow(
        column(12,
            wellPanel(
               h5(helpText("Table 3: ..."))
        )
      )

    )
  ),

  tabPanel("Tab2",
           verbatimTextOutput("summary")),

  tags$style(type = "text/css", "body {padding-top: 70px;}"),
  theme = shinytheme("cosmo"),
  position = "fixed-top"

)