Блог

Допустим, я хочу уменьшить отступ между левым краем экрана и первым столбцом, чтобы максимально увеличить пространство на iPhone. Вот таблица:

 library(shiny)
library(reactable)

ui <- fluidPage(
  theme = "styles.css",
  
  mainPanel(
    align = "left",
    reactableOutput("table")
  )
)

server <- function(input, output, session) {
  output$table <- renderReactable({
    reactable(iris,
              fullWidth = FALSE
    )
  })
}

shinyApp(ui, server)
  

И styles.css — это:

 .container-fluid {
  padding-left: 0 !important;
}
  

Это не работает. Однако, если я использую Chrome Inspector для просмотра разрыва, я могу установить вручную padding-left: 0 , и разрыв сужается.

Как мне сократить разрыв внутри R / Shiny // css?

Проверьте в инспекторе на вкладке источники, правильно ли включен файл. Если это все еще не работает, проверьте, нет ли ошибок в вашем файле css, которые могут препятствовать работе таблицы стилей. Наконец, возможно, вам придется установить стиль встроенным или в теге style. Если вы используете Bootstrap, вы можете использовать класс ml-0 в контейнере.