We can use the JavaScript library simple-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', () => {
  new simpleDatatables.DataTable('#mtcars-table > table');
});

By comparison, below is an ordinary table:

mtcars


yihui/knitr documentation built on April 14, 2025, 1:22 a.m.