Tables

Learn how to handle HTML tables for acessibility, simplification, responsiveness and more.

• Layout
• Simple
• Complex
• Techniques for coding complex tables
• Simplifying
• Responsive
• Tables notes
• Citation in tables
• Empty cells
• Imbricated
• Grouping and summarize group of data
• Table usability concept
• WET table validator
• WET 3.1 table documentation

Simplify tables and code them mobile friendly

Discover a structured method simplifying tables by increasing your knowledge about under-exploited table elements in order to optimize them for mobile devices. As presented at the Web Experience Toolkit Codefest 4.

• Under-exploited table elements
  • Tables elements
  • Invoice example
• Code complexes tables
• Simplification
• Example on how a table could be simplified
• Demo of Responsive tables

Techniques for coding complex table

• Defining a Key Cell
• Defining a Data Row Group
• Summaries a Data Row Group
• Structuring the Header Row
• Describing a Row Header Cell
• Describing a Row Group Header Cell
• Defining Column Group Header
• Structuring the Header Column Cell
• Defining a Data Column Group
• Summaries a Data Column Group
• Describing a Column Header Cell
• Defining a Layout Cell

Date modified:

2017-03-28