r - 在 Shiny 中创建涉及行和列的非对称布局

Question

我在 Shiny 的 ui 中创建了多行像这样:

Shiny 的UI(流体页面(

fluidRow(    
  column(6,
        textOutput("text_col1_row_1")),
  column(6
        textOutput("text_col2_row_1"))),

fluidRow( 
  column(6,
       textOutput("text_col1_row_2")),
  column(6,
       textOutput("text_col2_row_2"))),
   ))

这创建了一个漂亮的 4 X 4 网格。

Shiny 似乎旨在允许用户将对象组织成列。

我想看看我是否可以将我的显示组织成有两列的东西，但在一列内，它有两行——如果我画一个简单的插图可能会更清楚:



(这只是一个一般性的想法，目前关于列/行的大小没有固定的东西——可以这么说，只是寻找这个结构的基本模板。)

我搜索了文档，似乎找不到合理的解决方案。如果有人想过并解决了这个问题或有任何想法，我很想听听他们的意见。谢谢。

Answer 1

看看http://getbootstrap.com/2.3.2/scaffolding.html . Shiny 的功能 fluidRow和 column是创建的便利功能div(class = "row-fluid, ...)和 div(class = "spanx", ...)分别:

library(shiny)
runApp(list(
  ui = fluidPage(
    fluidRow(
      column(6
             , fluidRow(
               column(6, style = "background-color:yellow;", div(style = "height:300px;"))
               , column(6, style = "background-color:green", div(style = "height:300px;"))
             )
             , fluidRow(
               column(12, style = "background-color:red;", div(style = "height:300px;"))
               )
      )
      , column(6, style = "background-color:blue;", div(style = "height:600px;"))
    )
  ),
  server = function(input, output) {
  }
))