title: R shiny table output with no padding
body: <p>I am trying to make an app in which some of the tables do not have padding. </p>
  
  <pre><code>server &lt;- function(input, output) {
      url = c("http://lorempixel.com/output/animals-q-c-480-480-7.jpg",
              "http://lorempixel.com/output/animals-q-c-480-480-1.jpg",
              "http://lorempixel.com/output/animals-q-c-480-480-8.jpg",
              "http://lorempixel.com/output/animals-q-c-480-480-6.jpg"
             )
  
  image &lt;- paste0( '&lt;img src="',url,'" width=WIDTH&gt;&lt;/img&gt;')
  big.image   &lt;- gsub("WIDTH", "200px", image)
  small.image &lt;- gsub("WIDTH", "100px", image)
  
  big.df   &lt;- data.frame(col1 = c(big.image[1], "Lorem", big.image[2], "Ipsum"), 
                         col2 = c(big.image[3], "Dolor", big.image[4], "Sit"))
  small.df &lt;- data.frame(col1 = c(small.image[1], "Lorem", small.image[2], "Ipsum"), 
                         col2 = c(small.image[3], "Dolor", small.image[4], "Sit"))
  
  
  output$bigtable   &lt;- renderTable(big.df, 
                               sanitize.text.function = function(x) x,
                               align='c',
                               colnames=F
                               )
  output$smalltable &lt;- renderTable(small.df, 
                               sanitize.text.function = function(x) x,
                               align='c',
                               colnames=F
                               )
  }
  
  ui &lt;- fluidPage(
      mainPanel(tableOutput("bigtable"),
            tableOutput("smalltable")
      )
  )
  </code></pre>
  
  <p>The above code creates an app with a table of big images and a table of small images. I would like the table of big images to keep its current spacing, and the table of small images to not have spacing. </p>
  
  <pre><code>ui &lt;- fluidPage(
    tags$head(
     tags$style(HTML(
        "
      .table.shiny-table &gt; thead &gt; tr &gt; th,
      .table.shiny-table &gt; tbody &gt; tr &gt; th,
      .table.shiny-table &gt; tfoot &gt; tr &gt; th,
      .table.shiny-table &gt; thead &gt; tr &gt; td,
      .table.shiny-table &gt; tbody &gt; tr &gt; td,
      .table.shiny-table &gt; tfoot &gt; tr &gt; td {
      padding:0px; 
  
      }"))),
      mainPanel(tableOutput("bigtable"),
                tableOutput("smalltable")
      )
  )
  </code></pre>
  
  <p>The above code will make all the tables have no spacing, but I only want the second one to have no spacing. How can I resolve this?</p>