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 |
- 1
- 2
- 3
- ...
- 13
- Next Page»