To-Do List

In this demo, you can view all to-do items, add an item, and change the status of any item to complete. Note: You will only have access to the Status column if you are logged-in. Refresh the page to toggle the Status a second time.

This table is sortable - just click on any header to see the items sort. If you would like to make your custom display sortable, you can download this third-party script, upload it to your site and include it on the page. Then trigger the script with something like this:

<script type="text/javascript">jQuery('#to-do-list').tablesorter();</script>

Status	Item Name	Due Date	Priority	Details
	Sort	January 31, 2030	Urgent	Item Details
	2	March 2, 2021	Normal	Item Details
	test1	February 26, 2021	Urgent	Item Details
	test2	February 25, 2021	Normal	Item Details
	jkhh	February 11, 2021	Normal	Item Details
	test	February 1, 2021	Urgent	Item Details
	Wash the dog	January 23, 2021	Normal
	Sample	January 19, 2021	Urgent	Item Details
	test	January 19, 2021	Normal	Item Details
	abc	January 14, 2021	Normal