Customizing Display Tables: Using CSS with DT and kableExtra

• DT is an R package built around the DataTable JavaScript library.
• https://rstudio.github.io/DT/
• https://datatables.net/

DataTables is a plug-in for the jQuery Javascript library. It is a highly flexible tool, build upon the foundations of progressive enhancement, that adds all of these advanced features to any HTML table.

• demo: dt-css.Rmd

• kableExtra allows you to apply Bootstrap styles to static html tables generated by knitr.

• https://github.com/haozhu233/kableExtra

• https://haozhu233.github.io/kableExtra/awesome_table_in_html.html

When we are talking about table generators in R, knitr's kable() function is usually a popular choice because of its ultimate simplicity. Unlike those powerful table rendering engines such as xtable, the philosophy behind knitr::kable() is to make it easy for programmers to use.

• demo: kableExtra.Rmd

• declare styles separately from content.
• selectors: type vs class vs id
• lots of browser-based sandboxes (example)
• archer.html

ctrl-shift-j

• embedded in Rmd
• custom function

• options: https://rstudio.github.io/DT/options.html
• functions: https://rstudio.github.io/DT/functions.html
• extensions: https://rstudio.github.io/DT/extensions.html
• plugins: https://rstudio.github.io/DT/plugins.html

• xtable
• huxtable
• tables
• Hmisc