Theme

npm_versionnpm Paragon package page

Unstyled

Any Paragon component or export may be added to the code example.

Table-striped

Any Paragon component or export may be added to the code example.

Default heading

Any Paragon component or export may be added to the code example.

Responsive

Any Paragon component or export may be added to the code example.

Sortable

Any Paragon component or export may be added to the code example.

Fixed

Any Paragon component or export may be added to the code example.

Row header

Any Paragon component or export may be added to the code example.

Theme Variables (SCSS)#

$table-cell-padding: .75rem !default;
$table-cell-padding-sm: .3rem !default;
$table-color: $body-color !default;
$table-bg: null !default;
$table-accent-bg: rgba($black, .05) !default;
$table-hover-color: $table-color !default;
$table-hover-bg: rgba($black, .075) !default;
$table-active-bg: $table-hover-bg !default;
$table-border-width: $border-width !default;
$table-border-color: $border-color !default;
$table-head-bg: theme-color("gray", "background") !default;
$table-head-color: theme-color("gray", "text") !default;
$table-dark-color: $white !default;
$table-dark-bg: theme-color("gray", "hover") !default;
$table-dark-accent-bg: rgba($white, .05) !default;
$table-dark-hover-color: $table-dark-color !default;
$table-dark-hover-bg: rgba($white, .075) !default;
$table-dark-border-color: lighten($table-dark-bg, 7.5%) !default;
$table-dark-color: $white !default;
$table-striped-order: odd !default;
$table-caption-color: $text-muted !default;
$table-bg-level: -9 !default;
$table-border-level: -6 !default;