Shortcodes

[intense_table]

Description

Adds a styled table with column headers and data. There are three different table types: standard, condensed, and striped. You can also choose to show table borders. This shortcode is best used for basic tables.

Screenshots

table

Dialog

table

Attributes

AttributeTypeDialog TitleDescriptionDefaultAvailable Values
idtextIDoptional - used to set the client-side ID
columnshiddenColumnscomma separated list of column header text
datahiddenDatacomma separated list of table data. Number of data items should match columns.
typedropdownTypecondensedcondensed - Condensed
standard - Standard
striped - Striped
sourcedropdownSourcemanualmanual - Manual
file - File
heading_background_colorcolor_advancedHeading Background Coloroption colors - primary, error, info, inverse, muted, success, warning, link

web color - hex, rgb, rgba, hsl, hsla, color name (see wikipedia web colors)
heading_font_colorcolor_advancedHeading Font Coloroption colors - primary, error, info, inverse, muted, success, warning, link

web color - hex, rgb, rgba, hsl, hsla, color name (see wikipedia web colors)
borderedcheckboxBordered1 = true, 0 = false
filefileCSV Fileenter a WordPress attachment ID or a URLWordPress ID or any URL
delimitertextField Delimiter,
skip_empty_linescheckboxSkip Empty Lines11 = true, 0 = false
trim_fieldscheckboxTrim Fields11 = true, 0 = false
rtlhiddenright-to-left

Compatibility

The striped table type isn't compatible with Internet Explorer 8 and earlier and will display like a standard table.

Examples

[intense_row]
[intense_column size="6"]
<h2>Standard</h2>
[intense_table columns="Column 1, Column 2, Column 3" data="1,2,3,4,5,6,7,8,9" /]
[/intense_column]
[intense_column size="6"]
<h2>Striped</h2>
[intense_table type="striped" columns="Column 1, Column 2, Column 3" data="1,2,3,4,5,6,7,8,9" /]
[/intense_column]
[/intense_row]
[intense_row]
[intense_column size="6"]
<h2>Condensed</h2>
[intense_table type="condensed" columns="Column 1, Column 2, Column 3" data="1,2,3,4,5,6,7,8,9" /]
[/intense_column]
[intense_column size="6"]
<h2>Bordered</h2>
[intense_table bordered="true" columns="Column 1, Column 2, Column 3" data="1,2,3,4,5,6,7,8,9" /]
[/intense_column]
[/intense_row]