Tables

Basic Example

Heading 1	Heading 2	Heading 3
Value 1	Value 2	Value 3
Value 1	Value 2	Value 3
Value 1	Value 2	Value 3
Value 1	Value 2	Value 3

  <div class="responsive-table">
    <table>
      <tr>
        <th>...</th>
        ...
      </tr>
      <tr>
        <td>...</td>
        ...
      </tr>
    </table>
  </div>

Measures

Measures should be right aligned, this can be achieved by applying the measure class to the relevent cells.

Heading 1	Heading 2	Heading 3
Value 1	Value 2	999
Value 1	Value 2	999
Value 1	Value 2	999
Value 1	Value 2	999

  <div class="responsive-table">
    <table>
      <tr>
        <th class="measure">...</th>
        ...
      </tr>
      <tr>
        <td class="measure">...</td>
        ...
      </tr>
    </table>
  </div>

Checkbox Selectors

	Heading 2	Heading 3
	Value 2	999
	Value 2	999
	Value 2	999
	Value 2	999

  <div class="responsive-table">
    <table>
      <tr>
        <th class="selector"></th>
        ...
      </tr>
      <tr>
        <td class="measure">
          <div class="checkbox">
            <input type="checkbox">
            <label ></label>
          </div>
        </td>
        ...
      </tr>
    </table>
  </div>