首页 > 解决方案 > 反转数据表中搜索框和输入框的位置

问题描述

我想颠倒数据表顶部的“条目数”和“搜索框”的位置,使搜索框出现在左侧,条目出现在右侧。这有可能吗?

library(DT)
datatable(iris)

在此处输入图像描述

标签: rdt

解决方案


这是一个使用的最小示例float

这应该适用于本示例,但请确保检查id闪亮应用程序中的搜索和输入框。在本例中,它们是#DataTables_Table_0_length#DataTables_Table_0_filter

在 Chrome 中,如果您右键单击并单击“检查”,然后向下滚动以找到您要查找的部分。

在此处输入图像描述

在此处输入图像描述

library(DT)
library(shiny)

ui <- fluidPage(

  tags$head(
    tags$style(
      HTML(
        "#DataTables_Table_0_length {
          float: right
        }
        #DataTables_Table_0_filter {
          float: left
        }
        "
      ))),

  h2("The mtcars data"),
  DT::dataTableOutput("mytable")
)

server <- function(input, output) {
  output$mytable = DT::renderDataTable({
    mtcars
  })
}

shinyApp(ui, server)

推荐阅读