Search code examples
cssrdatatablesdt

r DataTables (DT) border width / colour

Given the table 

library(DT)

datatable(
  iris,
  style = "default",
  filter = "top",
  class = "hover stripe compact"
)

I can adjust the footer border using the following css

table.dataTable.no-footer {
    border-bottom: 1px solid #ddd;
}

However I can't seem to understand how I can change the border under the column names, nor the border just over the first row of the body. How could this be done?

Solution

  • The following css did the trick: 

    table.dataTable thead th, table.dataTable thead td {
    border-bottom: 1px solid #ddd;
}