Saving HTML Reports & Documents

dtsmartr supports exporting your interactive grid sessions as offline-capable standalone HTML files, as well as embedding them seamlessly inside R Markdown (.Rmd) and Quarto (.qmd) dynamic reports.

1. Standalone HTML Reports (`save_dtsmartr`)

Export any data frame as a standalone web app using the save_dtsmartr() function:

library(dtsmartr)

# Export as a self-contained portable HTML file
save_dtsmartr(
  data = mtcars, 
  file = "reports/mtcars_dashboard.html"
)

The resulting file runs offline in any browser without needing R, Shiny, or a network connection.

Self-Contained vs. Lightweight Output Modes

selfcontained = TRUE (Default): Combines all React code, styling assets, and data base64 streams directly into a single .html file. Requires Pandoc to compile.
selfcontained = FALSE: Recommended for large datasets or environments without Pandoc. It saves a lightweight .html file alongside a <file>_files/ companion directory containing the shared javascript and style sheets.

2. R Markdown (.Rmd) Document Integration

You can render dtsmartr interactive grids inline in any R Markdown HTML document.

Simply place the function inside standard code chunks. Set R Markdown chunk options (like echo = FALSE or message = FALSE) to suppress code display and warnings:

---
title: "Clinical Analysis Report"
output: html_document
---

Below is the interactive labs analysis grid:


```{=html}
<div class="dtsmartr html-widget html-fill-item" id="htmlwidget-ac96cb3ee4656e2e9ec3" style="width:700px;height:432.632880098888px;">
<style>
    html:has(#htmlwidget_container), body:has(#htmlwidget_container) {
      margin: 0 !important;
      padding: 0 !important;
      width: 100% !important;
      height: 100% !important;
      overflow: hidden !important;
    }
    #htmlwidget_container {
      width: 100% !important;
      height: 100% !important;
      margin: 0 !important;
      padding: 0 !important;
    }
    #htmlwidget-ac96cb3ee4656e2e9ec3 {
      width: 100% !important;
      height: 100vh !important;
    }
  </style>
</div>
<script type="application/json" data-for="htmlwidget-ac96cb3ee4656e2e9ec3">{"x":{"arrow_payload":"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AAAAAAAA8D8AAAAAAADwPwAAAAAAAPA/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAPA/AAAAAAAA8D8AAAAAAADwPwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADwPwAAAAAAAPA/AAAAAAAA8D8AAAAAAADwPwAAAAAAAPA/AAAAAAAA8D8AAAAAAADwPwAAAAAAABBAAAAAAAAAEEAAAAAAAAAQQAAAAAAAAAhAAAAAAAAACEAAAAAAAAAIQAAAAAAAAAhAAAAAAAAAEEAAAAAAAAAQQAAAAAAAABBAAAAAAAAAEEAAAAAAAAAIQAAAAAAAAAhAAAAAAAAACEAAAAAAAAAIQAAAAAAAAAhAAAAAAAAACEAAAAAAAAAQQAAAAAAAABBAAAAAAAAAEEAAAAAAAAAIQAAAAAAAAAhAAAAAAAAACEAAAAAAAAAIQAAAAAAAAAhAAAAAAAAAEEAAAAAAAAAUQAAAAAAAABRAAAAAAAAAFEAAAAAAAAAUQAAAAAAAABRAAAAAAAAAEEAAAAAAAAAQQAAAAAAAABBAAAAAAAAA8D8AAAAAAADwPwAAAAAAAABAAAAAAAAA8D8AAAAAAAAQQAAAAAAAAABAAAAAAAAAAEAAAAAAAAAQQAAAAAAAABBAAAAAAAAACEAAAAAAAAAIQAAAAAAAAAhAAAAAAAAAEEAAAAAAAAAQQAAAAAAAABBAAAAAAAAA8D8AAAAAAAAAQAAAAAAAAPA/AAAAAAAA8D8AAAAAAAAAQAAAAAAAAABAAAAAAAAAEEAAAAAAAAAAQAAAAAAAAPA/AAAAAAAAAEAAAAAAAAAAQAAAAAAAABBAAAAAAAAAGEAAAAAAAAAgQAAAAAAAAABA/////wAAAAA=","metadata":[{"name":"mpg","type":"numeric","unique_values":25,"label":null},{"name":"cyl","type":"numeric","unique_values":3,"label":null},{"name":"disp","type":"numeric","unique_values":27,"label":null},{"name":"hp","type":"numeric","unique_values":22,"label":null},{"name":"drat","type":"numeric","unique_values":22,"label":null},{"name":"wt","type":"numeric","unique_values":29,"label":null},{"name":"qsec","type":"numeric","unique_values":30,"label":null},{"name":"vs","type":"numeric","unique_values":2,"label":null},{"name":"am","type":"numeric","unique_values":2,"label":null},{"name":"gear","type":"numeric","unique_values":3,"label":null},{"name":"carb","type":"numeric","unique_values":6,"label":null}],"dataset_name":"mtcars","options":{"advanced_filter":true,"show_labels":true,"column_picker":true,"allow_export":true,"theme":"auto","na_string":"NA","hidden_columns":[],"header_summary":true,"header_density":"auto","row_density":"standard"}},"evals":[],"jsHooks":[]}</script>
```

When you knit the document, R Markdown compiles the widget as an interactive grid directly inline with your text.

3. Quarto (.qmd) Document Integration

Quarto supports dtsmartr natively out of the box. Add the code chunk using Quarto’s standard syntax and comments:

---
title: "Study Cohort Review"
format: html
---

## Laboratory Panel Exploration

Explore the interactive subject database:


```{=html}
<div class="dtsmartr html-widget html-fill-item" id="htmlwidget-e5c8c404fe174e4c81bd" style="width:700px;height:432.632880098888px;">
<style>
    html:has(#htmlwidget_container), body:has(#htmlwidget_container) {
      margin: 0 !important;
      padding: 0 !important;
      width: 100% !important;
      height: 100% !important;
      overflow: hidden !important;
    }
    #htmlwidget_container {
      width: 100% !important;
      height: 100% !important;
      margin: 0 !important;
      padding: 0 !important;
    }
    #htmlwidget-e5c8c404fe174e4c81bd {
      width: 100% !important;
      height: 100vh !important;
    }
  </style>
</div>
<script type="application/json" data-for="htmlwidget-e5c8c404fe174e4c81bd">{"x":{"arrow_payload":"/////5gDAAAQAAAAAAAKAA4ABgAFAAgACgAAAAABBAAQAAAAAAAKAAwAAAAEAAgACgAAAFgBAAAEAAAAAQAAAAwAAAAIAAwABAAIAAgAAAA0AQAABAAAACYBAABBCjMKMjYzMTcxCjE5Nzg4OAo1ClVURi04CjUzMQoxCjUzMQoxMQoyNTQKMjU0CjI1NAoyNTQKMjU0CjI1NAoyNTQKMjU0CjI1NAoyNTQKMjU0CjEwMjYKMQoyNjIxNTMKNQpuYW1lcwoxNgoxMQoyNjIxNTMKMwptcGcKMjYyMTUzCjMKY3lsCjI2MjE1Mwo0CmRpc3AKMjYyMTUzCjIKaHAKMjYyMTUzCjQKZHJhdAoyNjIxNTMKMgp3dAoyNjIxNTMKNApxc2VjCjI2MjE1MwoyCnZzCjI2MjE1MwoyCmFtCjI2MjE1Mwo0CmdlYXIKMjYyMTUzCjQKY2FyYgoyNTQKMTAyNgo1MTEKMTYKMQoyNjIxNTMKNwpjb2x1bW5zCjI1NAoAAAEAAAByAAAACwAAAOABAACkAQAAdAEAAEgBAAAYAQAA7AAAALwAAACQAAAAZAAAADQAAAAEAAAAXP7//wAAAQMQAAAAGAAAAAQAAAAAAAAABAAAAGNhcmIAAAAATv7//wAAAgCI/v//AAABAxAAAAAYAAAABAAAAAAAAAAEAAAAZ2VhcgAAAAB6/v//AAACALT+//8AAAEDEAAAABQAAAAEAAAAAAAAAAIAAABhbQAAov7//wAAAgDc/v//AAABAxAAAAAUAAAABAAAAAAAAAACAAAAdnMAAMr+//8AAAIABP///wAAAQMQAAAAGAAAAAQAAAAAAAAABAAAAHFzZWMAAAAA9v7//wAAAgAw////AAABAxAAAAAUAAAABAAAAAAAAAACAAAAd3QAAB7///8AAAIAWP///wAAAQMQAAAAGAAAAAQAAAAAAAAABAAAAGRyYXQAAAAASv///wAAAgCE////AAABAxAAAAAUAAAABAAAAAAAAAACAAAAaHAAAHL///8AAAIArP///wAAAQMQAAAAGAAAAAQAAAAAAAAABAAAAGRpc3AAAAAAnv///wAAAgDY////AAABAxAAAAAUAAAABAAAAAAAAAADAAAAY3lsAMb///8AAAIAEAAUAAgABgAHAAwAAAAQABAAAAAAAAEDEAAAABwAAAAEAAAAAAAAAAMAAABtcGcAAAAGAAgABgAGAAAAAAACAP////9oAgAAFAAAAAAAAAAMABYABgAFAAgADAAMAAAAAAMEABgAAAAACwAAAAAAAAAACgAYAAwABAAIAAoAAAB8AQAAEAAAACAAAAAAAAAAAAAAABYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAABAAAAAAAAAAIAAAAAAAAAAAAAAAAAAAACAAAAAAAAAAEAAAAAAAAAAwAAAAAAAAAAAAAAAAAAAAMAAAAAAAAAAQAAAAAAAAAEAAAAAAAAAAAAAAAAAAAABAAAAAAAAAABAAAAAAAAAAUAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAEAAAAAAAAABgAAAAAAAAAAAAAAAAAAAAYAAAAAAAAAAQAAAAAAAAAHAAAAAAAAAAAAAAAAAAAABwAAAAAAAAABAAAAAAAAAAgAAAAAAAAAAAAAAAAAAAAIAAAAAAAAAAEAAAAAAAAACQAAAAAAAAAAAAAAAAAAAAkAAAAAAAAAAQAAAAAAAAAKAAAAAAAAAAAAAAAAAAAACgAAAAAAAAABAAAAAAAAAAAAAAsAAAAgAAAAAAAAAAAAAAAAAAAAIAAAAAAAAAAAAAAAAAAAACAAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAAAAAAIAAAAAAAAAAAAAAAAAAAACAAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAAAAAAIAAAAAAAAAAAAAAAAAAAACAAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAAAAADVAAAAAAAAANUDNzMzMzMw2QGZmZmZmZjVAMzMzMzOzMkCamZmZmRkyQJqZmZmZmSxAZmZmZmZmOEDNzMzMzMw2QDMzMzMzMzNAzczMzMzMMUBmZmZmZmYwQM3MzMzMTDFAZmZmZmZmLkDNzMzMzMwkQM3MzMzMzCRAZmZmZmZmLUAzMzMzMzNAQGZmZmZmZj5AMzMzMzPzQEAAAAAAAIA1QAAAAAAAAC9AZmZmZmZmLkCamZmZmZkqQDMzMzMzMzNAzczMzMxMO0AAAAAAAAA6QGZmZmZmZj5AmpmZmZmZL0AzMzMzM7MzQAAAAAAAAC5AZmZmZmZmNUAAAAAAAAAYQAAAAAAAABhAAAAAAAAAEEAAAAAAAAAYQAAAAAAAACBAAAAAAAAAGEAAAAAAAAAgQAAAAAAAABBAAAAAAAAAEEAAAAAAAAAYQAAAAAAAABhAAAAAAAAAIEAAAAAAAAAgQAAAAAAAACBAAAAAAAAAIEAAAAAAAAAgQAAAAAAAACBAAAAAAAAAEEAAAAAAAAAQQAAAAAAAABBAAAAAAAAAEEAAAAAAAAAgQAAAAAAAACBAAAAAAAAAIEAAAAAAAAAgQAAAAAAAABBAAAAAAAAAEEAAAAAAAAAQQAAAAAAAACBAAAAAAAAAGEAAAAAAAAAgQAAAAAAAABBAAAAAAAAAZEAAAAAAAABkQAAAAAAAAFtAAAAAAAAgcEAAAAAAAIB2QAAAAAAAIGxAAAAAAACAdkBmZmZmZlZiQJqZmZmZmWFAMzMzMzPzZEAzMzMzM/NkQM3MzMzMPHFAzczMzMw8cUDNzMzMzDxxQAAAAAAAgH1AAAAAAADAfEAAAAAAAIB7QM3MzMzMrFNAzczMzMzsUkBmZmZmZsZRQGZmZmZmBl5AAAAAAADgc0AAAAAAAABzQAAAAAAA4HVAAAAAAAAAeUAAAAAAAMBTQDMzMzMzE15AZmZmZmbGV0AAAAAAAPB1QAAAAAAAIGJAAAAAAADQckAAAAAAAEBeQAAAAAAAgFtAAAAAAACAW0AAAAAAAEBXQAAAAAAAgFtAAAAAAADgZUAAAAAAAEBaQAAAAAAAoG5AAAAAAAAAT0AAAAAAAMBXQAAAAAAAwF5AAAAAAADAXkAAAAAAAIBmQAAAAAAAgGZAAAAAAACAZkAAAAAAAKBpQAAAAAAA4GpAAAAAAADAbEAAAAAAAIBQQAAAAAAAAEpAAAAAAABAUEAAAAAAAEBYQAAAAAAAwGJAAAAAAADAYkAAAAAAAKBuQAAAAAAA4GVAAAAAAACAUEAAAAAAAMBWQAAAAAAAQFxAAAAAAACAcEAAAAAAAOBlQAAAAAAA8HRAAAAAAABAW0AzMzMzMzMPQDMzMzMzMw9AzczMzMzMDkCkcD0K16MIQDMzMzMzMwlAFK5H4XoUBkCuR+F6FK4JQIXrUbgehQ1AXI/C9ShcD0Bcj8L1KFwPQFyPwvUoXA9Aj8L1KFyPCECPwvUoXI8IQI/C9ShcjwhAcT0K16NwB0AAAAAAAAAIQNejcD0K1wlAUrgehetREEC4HoXrUbgTQOF6FK5H4RBAmpmZmZmZDUAUrkfhehQGQDMzMzMzMwlA16NwPQrXDUCkcD0K16MIQFK4HoXrURBAuB6F61G4EUApXI/C9SgOQOF6FK5H4RBA9ihcj8L1DEBSuB6F61EMQHE9CtejcBBA9ihcj8L1BEAAAAAAAAAHQI/C9ShcjwJAuB6F61G4CUCF61G4HoULQK5H4XoUrgtAj8L1KFyPDECF61G4HoUJQDMzMzMzMwlAhetRuB6FC0CF61G4HoULQEjhehSuRxBA16NwPQrXDUA9CtejcD0OQAAAAAAAABVAGQRWDi2yFUDhehSuR2EVQJqZmZmZmQFA16NwPQrX+T9cj8L1KFz9P7gehetRuANAKVyPwvUoDEB7FK5H4XoLQLgehetRuA5Aw/UoXI/CDkD2KFyPwvX+Px+F61G4HgFAaJHtfD81+D9cj8L1KFwJQClcj8L1KAZAj8L1KFyPDEA9CtejcD0GQPYoXI/CdTBAhetRuB4FMUBcj8L1KJwyQHE9CtejcDNAhetRuB4FMUC4HoXrUTg0QK5H4XoUri9AAAAAAAAANEBmZmZmZuY2QM3MzMzMTDJAZmZmZmbmMkBmZmZmZmYxQJqZmZmZmTFAAAAAAAAAMkB7FK5H4foxQFK4HoXr0TFA7FG4HoVrMUC4HoXrUXgzQIXrUbgehTJAZmZmZmbmM0DD9ShcjwI0QB+F61G43jBAzczMzMxMMUBSuB6F69EuQM3MzMzMDDFAZmZmZmbmMkAzMzMzM7MwQGZmZmZm5jBAAAAAAAAALUAAAAAAAAAvQDMzMzMzMy1AmpmZmZmZMkAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA8D8AAAAAAADwPwAAAAAAAAAAAAAAAAAA8D8AAAAAAAAAAAAAAAAAAPA/AAAAAAAA8D8AAAAAAADwPwAAAAAAAPA/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA8D8AAAAAAADwPwAAAAAAAPA/AAAAAAAA8D8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAPA/AAAAAAAAAAAAAAAAAADwPwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAPA/AAAAAAAA8D8AAAAAAADwPwAAAAAAAPA/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAPA/AAAAAAAA8D8AAAAAAADwPwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADwPwAAAAAAAPA/AAAAAAAA8D8AAAAAAADwPwAAAAAAAPA/AAAAAAAA8D8AAAAAAADwPwAAAAAAABBAAAAAAAAAEEAAAAAAAAAQQAAAAAAAAAhAAAAAAAAACEAAAAAAAAAIQAAAAAAAAAhAAAAAAAAAEEAAAAAAAAAQQAAAAAAAABBAAAAAAAAAEEAAAAAAAAAIQAAAAAAAAAhAAAAAAAAACEAAAAAAAAAIQAAAAAAAAAhAAAAAAAAACEAAAAAAAAAQQAAAAAAAABBAAAAAAAAAEEAAAAAAAAAIQAAAAAAAAAhAAAAAAAAACEAAAAAAAAAIQAAAAAAAAAhAAAAAAAAAEEAAAAAAAAAUQAAAAAAAABRAAAAAAAAAFEAAAAAAAAAUQAAAAAAAABRAAAAAAAAAEEAAAAAAAAAQQAAAAAAAABBAAAAAAAAA8D8AAAAAAADwPwAAAAAAAABAAAAAAAAA8D8AAAAAAAAQQAAAAAAAAABAAAAAAAAAAEAAAAAAAAAQQAAAAAAAABBAAAAAAAAACEAAAAAAAAAIQAAAAAAAAAhAAAAAAAAAEEAAAAAAAAAQQAAAAAAAABBAAAAAAAAA8D8AAAAAAAAAQAAAAAAAAPA/AAAAAAAA8D8AAAAAAAAAQAAAAAAAAABAAAAAAAAAEEAAAAAAAAAAQAAAAAAAAPA/AAAAAAAAAEAAAAAAAAAAQAAAAAAAABBAAAAAAAAAGEAAAAAAAAAgQAAAAAAAAABA/////wAAAAA=","metadata":[{"name":"mpg","type":"numeric","unique_values":25,"label":null},{"name":"cyl","type":"numeric","unique_values":3,"label":null},{"name":"disp","type":"numeric","unique_values":27,"label":null},{"name":"hp","type":"numeric","unique_values":22,"label":null},{"name":"drat","type":"numeric","unique_values":22,"label":null},{"name":"wt","type":"numeric","unique_values":29,"label":null},{"name":"qsec","type":"numeric","unique_values":30,"label":null},{"name":"vs","type":"numeric","unique_values":2,"label":null},{"name":"am","type":"numeric","unique_values":2,"label":null},{"name":"gear","type":"numeric","unique_values":3,"label":null},{"name":"carb","type":"numeric","unique_values":6,"label":null}],"dataset_name":"mtcars","options":{"advanced_filter":true,"show_labels":true,"column_picker":true,"allow_export":true,"theme":"auto","na_string":"NA","hidden_columns":[],"header_summary":true,"header_density":"auto","row_density":"standard"}},"evals":[],"jsHooks":[]}</script>
```

When Quarto renders to HTML (quarto render report.qmd), the widget embeds inside the page container.

4. Downloadable Sample HTML Reports

To see what standalone HTML reports generated by save_dtsmartr() look and behave like offline, you can download these pre-compiled samples:

🚗 Download mtcars Sample HTML Report (mtcars_report.html) (Lightweight, self-contained single file)
📋 Download ADSL Clinical Sample HTML Report (adsl_report.html) (Lightweight clinical dataset: 306 rows × 54 columns, self-contained single file)
🧪 Download ADLB Clinical Sample HTML Report (adlb_report.zip) (Standard clinical dataset: 83,652 rows × 115 columns, packaged as a ZIP containing the self-contained HTML file)
🔬 Download Double-Sized ADLB Performance Report (adlb_large_report.zip) (Heavy clinical dataset: 167,304 rows × 115 columns, packaged as a ZIP containing the HTML and its assets folder for optimal load performance)

Simply download, unzip (for the zipped reports), open the .html file locally in any modern web browser, and test all scrolling, column anchoring, and reordering features offline!

5. Live Embedded Integration Preview

Here is an actual live rendering of dtsmartr embedded inside the R Markdown page container of this article, showing how it looks inside your generated reports:

library(dtsmartr)
dtsmartr(mtcars)

1. Standalone HTML Reports (save_dtsmartr)