【问题标题】:rhandsontable drop-down menus cut short in Shiny apprhandsontable 下拉菜单在 Shiny 应用程序中被缩短
【发布时间】:2017-05-29 08:50:54
【问题描述】:

当我尝试在 Shiny 应用程序中编辑 rhandsontable 的条目时,下拉菜单被缩短。有没有办法让它们像rhandsontable tutorial 中的日期选择器一样完全展开?这是应用程序。

library(rhandsontable)
library(shiny)

ui = fluidPage(rHandsontableOutput("data"))

server = function(input,output) {
  df = data.frame(x = factor(letters[1:3], levels = letters))
  values = reactiveValues(data = df)

  observe({
    req(input$data)
    values$data = hot_to_r(input$data)
  })

  output$data = renderRHandsontable({
    rhandsontable(values$data) 
  })
}
shinyApp(ui = ui, server = server)

【问题讨论】:

    标签: r shiny rhandsontable


    【解决方案1】:

    如果您更改 rhandsontable 的大小,它将起作用。

    你可以试试:

    library(rhandsontable)
    library(shiny)
    
    ui = fluidPage(rHandsontableOutput("data"))
    
    server = function(input,output) {
      df = data.frame(x = factor(letters[1:3], levels = letters))
      values = reactiveValues(data = df)
    
      observe({
        req(input$data)
        values$data = hot_to_r(input$data)
      })
    
      output$data = renderRHandsontable({
        rhandsontable(values$data, height=500) 
      })
    }
    shinyApp(ui = ui, server = server)
    

    编辑:基于this,您可以使用overflow = "visible"。它似乎解决了这个问题。

    ui = fluidPage(rHandsontableOutput("data"))
    
    server = function(input,output) {
      df = data.frame(x = factor(letters[1:3], levels = letters))
      values = reactiveValues(data = df)
    
      observe({
        req(input$data)
        values$data = hot_to_r(input$data)
      })
    
      output$data = renderRHandsontable({
        rhandsontable(values$data, overflow = "visible") 
      })
    }
    shinyApp(ui = ui, server = server)
    

    【讨论】:

    • 你也可以改变菜单的宽度吗?不增加列宽。
    • 这个解决方案不是很好,因为我们无法改变表格中的行数或页面大小。我在 css 中尝试了 min-height 但下拉菜单停止工作。
    • 您好,有没有其他方法可以做到这一点而不触及桌子的高度,这不是很理想? (例如,与表的行数相比,下拉列表相对较长)。也许通过将下拉菜单的 z-index 设置为较高的值?
    • @yeahman269,见编辑。这对你有用吗?
    • @yeahman269,也许值得发布一个新问题,让您的数据重现您的问题。
    猜你喜欢
    • 1970-01-01
    • 2020-10-30
    • 2020-01-14
    • 1970-01-01
    • 2016-03-17
    • 1970-01-01
    • 1970-01-01
    • 2019-01-27
    • 1970-01-01
    相关资源
    最近更新 更多