We can use the JavaScript library DataTables to generate enhanced tables in HTML. In the example below, we create a table for the mtcars
data:
::: {#mtcars-table}
mtcars
:::
Note we assigned an id
to the table, and next we use the DataTables library to initialize the table and you will get an interactive table.
window.addEventListener('load', () => { $('#mtcars-table > table').DataTable(); });
By comparison, below is an ordinary table:
mtcars
This vignette is only a toy example. I'd recommend you to use the DT package instead: https://github.com/rstudio/DT
Add the following code to your website.
For more information on customizing the embed code, read Embedding Snippets.