Skip to main content



Make sure to use the active-table-react package and define the element tag as ActiveTable. Troubleshooting.

Click for Live Example


Depending on your configuration, you may notice a "Failed to resolve component..." warning in the console. This can be fixed by following the simple steps outlined here.

Click for Live Example - Vue 3
Click for Live Example - Vue 2


Everything should work right out of the box for Svelte versions 4.2.2 or above. For older versions the only difference is that values for properties using camel cased names (camelCase) will need to be stringified.

Click for Live Example - Svelte
Click for Live Example - SvelteKit


Please add the CUSTOM_ELEMENTS_SCHEMA into your module's schemas array and import the component as import 'active-table';. See this blog for more information.

Click for Live Example


Make sure to declare a solid-js module when working with TypeScript and use hyphen-case syntax for properties that are accessed directly through markup.

Click for Live Example


Use the active-table-react package and lazy load it using Next's dynamic extension.

Click for Live Example

Vanilla JS

The Live Example demonstrates how to set values via properties (recommended) and attributes, which should also be used as a fallback approach for other frameworks. This example also demonstrates how to import the component via a CDN.

Click for Live Example


If your platform has not been listed and Vanilla JS approach does not work as fallback, or if you are having issues with any of the existing examples; please see github issues or create a new issue ticket and we will look into it as soon as possible.