2016-11-05 3 views
0

출력물을 나란히 정렬하려면 어떻게합니까? fluidRow 열을 시도했지만 작동하지 않습니다 (두 번째 테이블은 첫 번째 열의 내부에 나타남).반짝 반짝 빛나는 출력물을 나란히 놓는 방법?

다음은 내 앱의 이미지입니다.

enter image description here 및 탭 코드 :

  tabPanel("Wavelet Coefficients", htmlOutput("tmod1"), 
        tableOutput("wsf"), tableOutput("wbf"), htmlOutput("tmod2"), 
        tableOutput("vsf"), tableOutput("vbf")), 

미리 레이아웃의

+1

'fluid'는'column'과 함께 동작해야한다. 작동하지 않는 코드를 게시 할 수 있습니까? –

답변

4

자세한 개요 감사는 여기에 있습니다 : RStudio: Application layout guide.

본질적으로 필요한 것은 shiny::fluidRow()을 사용하여 행을 정의한 다음 나중에 shiny::column()을 사용하여 열로 나누는 것입니다. 총 폭은 부트 스트랩 규칙에 따라 12입니다.

예를 살펴보면 7/5로 분할하려고 시도하지만 레이아웃을 조정하는 것은 사용자의 책임입니다.

는 다음과 같이 코드를 변경해야합니다 https://github.com/Gnolam/stackoverflow-examples/tree/master/Shiny-2-columns

tabPanel(
    "2 columns", 
    fluidRow(
    column(width = 4, 
      h2("Column #1"), 
      plotOutput("distPlot")), 
    column(width = 8, 
      h2("Column #2"), 
      DT::dataTableOutput('tbl')) 
)) 

나를 주시기 바랍니다 :

tabPanel("Wavelet Coefficients", 
    fluidRow(htmlOutput("tmod1")), # Header, I presume ? 
    fluidRow(
    column(width = 7, tableOutput("wsf")), 
    column(width = 5, tableOutput("wbf"))), 
    fluidRow(htmlOutput("tmod2")), # Header #2, I presume ? 
    column(width = 7, tableOutput("vsf")), 
    column(width = 5, tableOutput("vbf")) 
) 
다음

`

여기에서 찾을 수있는 작업 예제 코드입니다 도움이되는지 안다.

+0

늦어서 죄송합니다. 코드가 완벽하게 작동합니다! 왜냐하면'fluidRow (htmlOutput ("tmod1")) 대신'htmlOutput ("tmod1")'을 썼기 때문에 테이블이 겹쳐져있어 기괴합니다. –

관련 문제