应用过滤器时,宽数据表导致scrollx向后滚动

AOE*_*yer 7 r shiny dt shinyjs shiny-reactivity

我能够在我闪亮的应用程序中渲染数据表。但是,只要有宽表,当您对后面的列应用过滤器时,水平滚动条就会回到其初始位置。仅数字列会出现此问题。

我想知道是否有一种方法可以禁用基于范围的过滤器(但保留过滤器本身),或者是否有任何其他解决方法可以解决此问题。

在在这里发布这个问题之前,我已经搜索了 github issues 和 stackoveflow,因为我找不到任何人遇到这个问题。

这是一个可重现的示例以及图片 -

options(scipen = 99999) #converts the sci numbers to their regular format
library(shiny)
library(shinyjs)
library(shinyWidgets)
library(shinythemes)
library(writexl)
library(dplyr)
library(DT)
library(dplyr)

mtcars_modified <- mtcars %>% dplyr::mutate(wt_2= wt,
                                            qsec_2 = qsec,
                                            am_2= am,
                                            mpg_2= mpg,
                                            gear_2 = gear,
                                            carb_2 = carb,
                                            disp_2 = disp,
                                            row_names_col= rownames(mtcars))

ui <- fluidPage(
  
  theme = shinythemes::shinytheme("simplex"),
  
  shinyjs::useShinyjs(), # enables javascript/jQuery enhanchments
  
  
  # Create Right Side Text
  navbarPage( 
    
    id = "navbar",
    title= div(HTML("G<em>T</em>")),
    #windowTitle = "GT",
    
    tabPanel("Data Set Info",
             
             materialSwitch(inputId = "toggleSidebar", label = "Toggle Panel: ",
                            value = TRUE, status = "warning"),
             sidebarLayout(
               # radio/action buttons
               sidebarPanel(
                 
                 id = "Sidebar",
                 
                 prettyRadioButtons(
                   inputId = "controller",
                   label = "Choose:", 
                   choices = c("About"= 1,
                               "iris"= 2,
                               "mtcars_modified" = 3),
                   icon= icon("check"),
                   selected = 1,
                   status = "success",
                   animation="smooth"
                 ),
                 
                 br(),
                 br()
               ),
               
               #panel where output is shown from server
               mainPanel(
                 id = "main_panel",
                 
                 tabsetPanel(
                   id = "hidden_tabs",
                   type = "hidden",
                   tabPanelBody(
                     "panel1", "navigation"
                   ),
                   
                   tabPanelBody(
                     "panel2", 
                     tabsetPanel(
                       tabPanel("Data", DT::DTOutput('panel1_data')),
                       tabPanel("Summary", verbatimTextOutput("panel1_sum")),
                       tabPanel(
                         "Plot"
                       )
                     )
                   ),
                   tabPanelBody(
                     "panel3",
                     tabsetPanel(
                       tabPanel("Data", DT::DTOutput('panel3_data')),
                       tabPanel("Summary", verbatimTextOutput("panel3_sum")),
                       tabPanel(
                         "Plot"
                       )
                     )
                   )
                 )
               )
             )
    ) ,
    #resizes the navbar tabs/button
    tags$head(tags$style(HTML('.navbar-brand {width: 270px; font-size:35px; text-align:left;
                              font-family: "serif";')))
  )
)

server <- function(input, output, session) {
  
  # this event hides the side panel when toggled on/off
  observeEvent(input$toggleSidebar, {
    shinyjs::toggle(id = "Sidebar", condition = input$toggleSidebar)
    if(!isTRUE(input$toggleSidebar)) {
      shinyjs::runjs("$('#main_panel').removeClass('col-sm-8').addClass('col-sm-12')")
    } else {
      shinyjs::runjs("$('#main_panel').removeClass('col-sm-12').addClass('col-sm-8')")
    }
    
  })
  
  
  # here we put all the data
  data_sets <- list(df1 = data.frame(), 
                    df2= iris, 
                    df3 = mtcars_modified)
  
  # store current dataset in reactive so we can work with plot panels
  data_to_use <- reactiveValues(name = "df", data = data.frame())
  
  
  observeEvent(input$controller, {
    
    # skip first panel since it is used to display navigation
    updateTabsetPanel(session, inputId= "hidden_tabs", selected = paste0("panel", input$controller))
    
    # enswure value is avilable throught selected tabSet
    req(input$controller)
    
    # get current data and df name
    data_to_use$data <- data_sets[[as.numeric(input$controller)]]
    data_to_use$name <- names(data_sets[as.numeric(input$controller)])
    
    # update table and sum
    output[[paste0('panel',  input$controller, '_data')]] <- 
    DT::renderDT(server = FALSE, {
    DT::datatable(data_to_use$data,
                  filter = 'top',
                  extensions = 'Buttons',
                  options = list(scrollY = 600,
                                 scrollX = TRUE,
                                 dom = '<"float-left"l><"float-right"f>rt<"row"<"col-sm-4"B><"col-sm-4"i><"col-sm-4"p>>',
                                 lengthMenu=  list(c(10, 25, 50, -1),
                                                   c('10', '25', '50','All')),
                                 buttons = list(
                                   list(extend = "collection", text = "Download",
                                        filename = "data_excel",
                                        exportOptions = list(
                                          modifier = list(page = "all")
                                        ),
                                        action = DT::JS("function ( e, dt, node, config ) {
                                  Shiny.setInputValue('Download_DATA', true, {priority: 'event'});}"
                                        )
                                   )
                                 ),
                                 scrollCollapse= TRUE,
                                 lengthChange = TRUE,
                                 widthChange= TRUE,
                                 rownames = TRUE))})

    
    output[[paste0('panel',  input$controller, '_sum')]] <- renderPrint(summary(data_to_use$data))
    
  })
  
  
}

#runs the app
shinyApp(ui= ui, server= server)
Run Code Online (Sandbox Code Playgroud)

在此输入图像描述 在此输入图像描述