px-tables-design
Overview
The Predix UI Tables module has some useful helpers for common <table>
patterns. This module is a fork of the inuitcss Table module.
Dependencies
The px-tables-design
module depends on two other Px modules:
Installation
Install this module and its dependencies using bower:
bower install --save px-tables-design
Once installed, @import
into your project's Sass file in its Base layer:
@import "px-tables-design/_base.tables.scss";
Usage
These flags are available and, if needed, should be set to true
prior to importing the module:
$inuit-enable-table--fixed
$inuit-enable-table--small
$inuit-enable-table--large
$inuit-enable-table--rows
$inuit-enable-table--columns
$inuit-enable-table--no-cells
The following variables are available for use in the module:
$inuit-table-border-width
$inuit-table-border-style
$inuit-table-border-color
Options
These classes are available if the variable flags listed above are set to true
:
table--fixed
: force tables into having equal-width columns.table--small
: tables with tightly packed cells.table--large
: tables with widely padded cells.table--rows
: add borders only totable
’s rows.table--columns
: add borders only totable
’s columns.table--no-cells
: remove borders around atable
.
View the full API here.