Tabled

This module activates the Tabled plugin
to attempt to transform data tables in your content to be more accessible.

Installation

• Install this module and its dependencies using the official
  Backdrop CMS instructions

Usage

• Simply enable the module to activate the plugin. Activation will be
  attempted for all tables except those that have been given the class
  untabled, only on non-admin pages. Additional jQuery style selectors to
  exclude can be added at Administer > Configuration > User interface > Tabled
  (admin/config/user-interface/tabled).
• If the table cannot be converted into Tabled format due to unmet
  requirements or faulty HTML code, it will be given the class tabled--stacked
  and displayed using "Stacked rows" mode on smaller widths.
• Tabled uses some CSS custom properties / variables that can be overridden in
  your theme or custom CSS.

:root {
  // This is the width for most columns, adjust this value as needed.
  --tabled-column-min-width: 163px;
  // If the cell height surpasses the threshold, the width is changed to this
  // larger size. (using JS)
  --tabled-column-min-width-large: 300px;
  --tabled-column-min-width-small: 80px;

  --tabled-v-space-4xs: 1rem;
  --tabled-v-space-3xs: 1.5rem;
  --tabled-v-space-2xs: 2rem;
  --tabled-v-space-xs: 2.5rem;
  --tabled-v-space-s: 3rem;

  --tabled-color-white: #ffffff;
  --tabled-color-black: #000000;
  --tabled-color-50: #f6f8f9;
  --tabled-color-150: #dde4e9;
  --tabled-color-500: #3f6076;
  --tabled-color-600: #19405b;
  --tabled-color-700: #15354c;
  --tabled-color-ascent: #e0a624;
  --tabled-color-focus: #3d8eff;
  --tabled-color-disabled: #a1a1a1;
  --tabled-color-border: var(--tabled-color-700);
}

Issues

Bugs, UI-config requests and other feature requests should be reported in the
Issue Queue

Current Maintainers

• Laryn Kragt Bakker
• Collaboration and co-maintainers welcome!

Credits

• Created for Backdrop CMS by Laryn Kragt Bakker
• Backdrop development is supported by Aten Design Group
• The Tabled plugin was developed and is maintained by a team at
  Lullabot, including
  Javier Reartes, Stephanie Ganzer and Kat Shaw.
  The plugin is released under the GPL v2 license.

License

This project is GPL v2 software. See the LICENSE.txt file in this directory for
complete text.