Certara Table
This uses GridJS internally. For
HTML in cells in a plain HTML page, load a <script type="module"> and
import html (and h for virtual DOM formatters) from this
package’s ESM entry (see script commented out in source code). Sanitize untrusted values before passing them to html(). The
row-selection plugin (RowSelection) is bundled and exported from
@certara/certara-ui, so no separate Grid.js selection dependency is required — see the first example below. Its header cell renders a
Select All checkbox (with indeterminate state) that toggles every row on the current page.
All you can eat (with Checkbox Selection)
Add
Remove
Active
Inactive
Print
Copy
Download
Bare bones
Really simple table
From nested HTML Table
This example uses a nested HTML <table> as the data source. No JavaScript required for basic usage!
See GridJS docs.
| Product |
Category |
Price |
In Stock |
| Laptop Pro 15" |
Electronics |
$1,299.00 |
Yes |
| Wireless Mouse |
Accessories |
$49.99 |
Yes |
| USB-C Hub |
Accessories |
$79.00 |
No |
| Monitor 27" 4K |
Electronics |
$449.00 |
Yes |
| Mechanical Keyboard |
Accessories |
$129.00 |
Yes |
Existing table with from prop
Uses a reference to an existing table on the page using the from prop
| Name |
Email |
Status |
| Alice |
alice@example.com |
Active |
| Bob |
bob@example.com |
Inactive |
Record count only
Footer count without pagination controls.
Actions
Print
Copy
Download