David Gray

Giving Your Data Table a Facelift

Blog Post created by David Gray on Oct 26, 2017

Much to my surprise several of my faculty have been Creating a Navigation Pill and not having trouble with dipping into the HTML for this purpose. This encouraged me to find another relatively simple way to spruce up the content, and using the style to enhance the appearance of tabular data is the result:


PDF: Data Table Facelift in Canvas

Video: Data Table Facelift in Canvas


Bottom line is to hop into the HTML editor, and add this to the table tag:

 class=”ic-Table ic-Table–hover-row ic-Table–striped”


Of course I also used this as a soapbox to stress not using tables for page layout, and the importance of setting headers in a data table.