Do
To make tables easier to read
✓ Use headers
✓ Use clear labels
✓ Use fewer columns
✓ Right-align numerical data
✓ For long tables, consider alphabetical or numerical sorting and horizontal scrolling
✓ For directory lists on mobile, use a stacked layout and limit columns to two or choose a scrollable option
To make tables easier to read
✓ Use headers
✓ Use clear labels
✓ Use fewer columns
✓ Right-align numerical data
✓ For long tables, consider alphabetical or numerical sorting and horizontal scrolling
✓ For directory lists on mobile, use a stacked layout and limit columns to two or choose a scrollable option
Don't
🚩 Avoid using row sorting with merged cells, as it can lead to sorting issues. Cells with colspan or rowspan attributes may not sort correctly.
🚩 Avoid using row sorting with merged cells, as it can lead to sorting issues. Cells with colspan or rowspan attributes may not sort correctly.