Product Selector

Fusion 5.9
    Fusion 5.9

    Table

    Table of Contents

    Comparison Tables

    Different options for displaying tables on small screens. In terms of CSS, examples 1 and 2 are identical. Example 3 stacks, so is perhaps unsuitable for comparisons. Example 4 is more of a hybrid that is in line with our original sketches. Examples three and four both rely on data-title for the labels.

    Tested in latest Chrome, FireFox, Safari and Opera. IE10 and later works. IE9 should be possible with some effort.

    Tables

    Vertical Comparison

    Example

    Horizontal Comparison

    Example

    Stacked

    Example

    Stacked Comparison

    Example

    Combination Comparison

    Example