css - 使用 css 调整闪亮表的填充

Question

假设我想减少屏幕左边缘和第一列之间的填充，以最大化 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 内部的差距？

标签： cssrshiny

Answer 1

如果文件被正确包含，请在源选项卡中检查检查器。如果它仍然不起作用，请检查您的 css 文件中是否有错误，这可能会阻止样式表工作。最后，您可能需要设置内联样式或样式标签。如果您使用的是 Bootstrap，那么您可以在容器中使用 ml-0 类。