hoangitk/xstate-table

XState-table

An experiment to create a table with behavior and to be able to re-use the code across frameworks. Every framework has its own template language, but the behavior code can be shared because it's using XState.

The table can:

• single select
• multiple select with ctrl
• select range with shift
• select multiple ranges with ctrl+shift
• multiple select via drag
• disable action buttons based on selection

Examples

• Angular
• React
• Svelte
• Vue

This repository

To run the code for a framework:

• first install the dependencies (with npm install or yarn) in the root folder (this step is needed to copy the xstate-table code)
• move to the specific folder and install the dependencies