Table Styling

The Table Styling shortcode for WordPress can be used to add styling options to a standard HTML table, like alternate row/column colors or first row/firs column colors. Check below for example implementations and shortcode documentation:

Table Styling Examples

Header 1 Header 2
Data 1 Data 2
Data 3 Data 4
Data 5 Data 6

Table Styling Shortcodes

Table Styling Shortcode
[x3m-tablestyle alternate-rows="#FAF1E6;#FDFAF6"]
< table HTML code here >
[/x3m-tablestyle]
The shortcode can be used to apply styling options to an HTML table, other than those available from the WP theme. Table Styling can create alternative row colors or alternative column colors, first row or first column color. Above example displays a table with alternate row colors.

If you need inspiration on alternate colors, check the color palletes to choose something that fits your website design.

Table Styling Documentation

Here are the shortcode option settings available for Table Styling:

Shortcode Settings Details
alternate-rows=”yellow;white”

optional

 This is used to set alternate colors for table rows. First color is applied to first row, second color is applied to second row.

Color names or HEX color codes can be used to set the desired color.

alternate-columns=”yellow;white”

optional

 This is used to set alternate colors for table columns. First color is applied to first column, second color is applied to second column.

Color names or HEX color codes can be used to set the desired color.

first-row=”yellow”

optional

 This is used to set color for first table row.

Color names or HEX color codes can be used to set the desired color.

first-column=”yellow”

optional

 This is used to set color for first table column.

Color names or HEX color codes can be used to set the desired color.

All table styling settings are optional. Any color styling can be applied individually or in connection with any of the other.