Custom Data rendering and Data editing Using ag-Grid library

Features present in the Example:

1. Sorting - click on header to apply sort
2. Filtering - open column menu and apply filter
3. Custom data representation - the todo status (true/ false) represented using icons
4. Ediing - single click on todo title cell or status to go in edit mode.
5. Move columns - drag columns to chnage their position
6. Resize columns - click on divider between two columns to increase or decrease the width of the columns

Custom Editor