fix header

R/style_tt.R

@@ -6,7 +6,7 @@
 #' Note that Markdown and Word formats are limited to these styles: italic, bold, strikeout.
 #'
 #' @param x A table object created by `tt()`.
-#' @param i Row indices where the styling should be applied. Can be a single value or a vector. If `colspan` is used, `i` must be of length 1. When i=0, the header is styled.
+#' @param i Row indices where the styling should be applied. Can be a single value or a vector. `i=0` is the header, and negative values are higher level headers. If `colspan` is used, `i` must be of length 1.
 #' @param j Column indices where the styling should be applied. Can be a single value, a vector, or a Perl-style regular expression applied to column names of the original data frame. If `colspan` is used, `j` must be of length 1.
 #' @param bold Logical; if `TRUE`, text is styled in bold.
 #' @param italic Logical; if `TRUE`, text is styled in italic.

R/tt_bootstrap.R

@@ -64,9 +64,7 @@ tt_bootstrap <- function(x, caption, theme, width, notes, ...) {
 
   # table and styling function in JS must have different names when there is more than one table on a page.
   template <- gsub("styleCell", paste0("styleCell_", id), template, fixed = TRUE)
-  template <- gsub("styleHeaderCell", paste0("styleHeaderCell_", id), template, fixed = TRUE)
   template <- gsub("$tinytable_TABLE_ID", paste0("tinytable_", id), template, fixed = TRUE)
-  browser()
 
   # header
   idx <- grep("$tinytable_BOOTSTRAP_HEADER", template, fixed = TRUE)

inst/templates/bootstrap.html

@@ -41,14 +41,6 @@
       var table = document.getElementById("$tinytable_TABLE_ID");
       table.rows[i].cells[j].classList.add(css_id);
     }
-    function styleHeaderCell(i, j, css_id) {
-      var table = document.getElementById("$tinytable_TABLE_ID");
-      var headerRow = table.tHead.rows[i];
-      var headerRow = table.querySelector("thead tr");
-      if (headerRow) {
-        headerRow.cells[j].classList.add(css_id);
-      }
-    }
     function insertSpanRow(i, colspan, content) {
       var table = document.getElementById('$tinytable_TABLE_ID');
       var newRow = table.insertRow(i);