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

Question

我已经创建了多个闪亮的行ui:

shinyUI(fluidPage(

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.闪亮的功能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) {
  }
))