Virtualselectinput, охватывающий реагирующий ⇐ CSS

[Anonymous]

Проблема, как показано на следующем рисунке, заключается в том, что параметры virtualselectinput покрываются приведенной ниже реакцией. Я хочу, чтобы ввод virtualselect и его параметры всегда находились вверху реагирующего элемента ниже. Как написать CSS и решить проблему?


library(shiny)
library(shinyWidgets)
library(reactable)

shinyApp(

ui = fluidPage(

shinyjs::useShinyjs(),

navbarPage(title = "Example", id = "NavBarPage", collapsible = TRUE,

tabPanel("tabPanel 1", value = "tabPanel_1",

# uiOutput("ui_for_tabpanel_1"),

fluidPage(

fluidRow(

column(2,

virtualSelectInput(
inputId = "selection_A",
label = "Select A: ",
choices = rownames(mtcars),
search = TRUE,
multiple = TRUE,
showSelectedOptionsFirst = TRUE,
maxValues = 1000
),

),

column(2,

selectInput(inputId = "watchlists", "Select B: ",
choices = c("A", "B", "C", "D", "E", "F", "G", "H", "I"))

),

column(2,

virtualSelectInput(
inputId = "symbols_selected_watchlist",
label = "Select C: ",
choices = rownames(mtcars),
search = TRUE,
multiple = TRUE,
showSelectedOptionsFirst = TRUE,
maxValues = 1000
),

),

),

tags$br(), tags$br(), tags$br(), tags$br(),

reactableOutput("table_A"),

)

),

)

),

server = function(input, output, session) {

output$table_A

Подробнее здесь: https://stackoverflow.com/questions/737 ... -reactable