Todo

Done

Add New Item

This demo is showcasing how cell renderers work and how to attach custom logic to the DataTable afterSetCell event.
It includes two interactive grids—one for pending tasks and one for completed tasks. Marking a task as done automatically moves it between the grids using the afterSetCell event handler.
The modal form for adding new tasks is generated dynamically based on the column definitions, creating a reactive form with proper input types and validation.