css - 将选项卡放在右侧的 Shiny tabsetPanel 中

Question

默认情况下，tabsetPanel 中的选项卡位于左侧。是否可以在右侧放置一个选项卡，同时在左侧仍有其他选项卡？所以它看起来像这样？

library(shiny)

ui <- fluidPage(
  tabsetPanel(
    tabPanel("tab_left1"),
    tabPanel("tab_left2"),
    tabPanel("tab_right")
  )
)

server <- function(input, output, session) {}

shinyApp(ui, server)

Answer 1

使用 float-right 应该确实有效。使用 2 个 tabsetPanel 的问题是同时有 2 个事件选项卡。

library(shiny)

ui <- fluidPage(
  tags$head(
    tags$style(HTML(
      ".tabbable ul li:nth-child(3) { float: right; }"
    ))
  ),
  tabsetPanel(
    tabPanel("tab_left1"),
    tabPanel("tab_left2"),
    tabPanel("tab_right")
  )
)

server <- function(input, output, session) {}

shinyApp(ui, server)