{"id":572,"date":"2016-03-10T10:23:53","date_gmt":"2016-03-10T10:23:53","guid":{"rendered":"http:\/\/theme.crumina.net\/polo\/?page_id=516"},"modified":"2021-02-01T11:19:12","modified_gmt":"2021-02-01T11:19:12","slug":"tables","status":"publish","type":"page","link":"https:\/\/polo.crumina.net\/features\/tables\/","title":{"rendered":"Tables"},"content":{"rendered":"

[vc_row][vc_column]

TABLES <\/h2>

You can create tables with basic styling that has horizontal dividers and small cell padding (8px by default),
\nby just adding the Bootstrap's class .table to the (table) element.<\/p><\/span><\/div><\/div>[vc_column_text]<\/p>\n

\n
\n
Basic Table<\/abbr><\/div>\n
\n\n\n\n\n\n\n\n\n\n\n
Row<\/th>\nFirst Name<\/th>\nLast Name<\/th>\nEmail<\/th>\n<\/tr>\n<\/thead>\n
1<\/td>\nJohn<\/td>\nCarter<\/td>\njohncarter@mail.com<\/td>\n<\/tr>\n
2<\/td>\nPeter<\/td>\nParker<\/td>\npeterparker@mail.com<\/td>\n<\/tr>\n
3<\/td>\nJohn<\/td>\nRambo<\/td>\njohnrambo@mail.com<\/td>\n<\/tr>\n
4<\/td>\nJuna<\/td>\nDoe<\/td>\njohnrambo@mail.com<\/td>\n<\/tr>\n
5<\/td>\nAlea<\/td>\nSmith<\/td>\njohnrambo@mail.com<\/td>\n<\/tr>\n
6<\/td>\nResa<\/td>\nParker<\/td>\njohnrambo@mail.com<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n
\n
Tables with Alternate Background (striped)<\/abbr><\/div>\n
\n\n\n\n\n\n\n\n\n\n\n
Row<\/th>\nFirst Name<\/th>\nLast Name<\/th>\nEmail<\/th>\n<\/tr>\n<\/thead>\n
1<\/td>\nJohn<\/td>\nCarter<\/td>\njohncarter@mail.com<\/td>\n<\/tr>\n
2<\/td>\nPeter<\/td>\nParker<\/td>\npeterparker@mail.com<\/td>\n<\/tr>\n
3<\/td>\nJohn<\/td>\nRambo<\/td>\njohnrambo@mail.com<\/td>\n<\/tr>\n
4<\/td>\nJuna<\/td>\nDoe<\/td>\njohnrambo@mail.com<\/td>\n<\/tr>\n
5<\/td>\nAlea<\/td>\nSmith<\/td>\njohnrambo@mail.com<\/td>\n<\/tr>\n
6<\/td>\nResa<\/td>\nParker<\/td>\njohnrambo@mail.com<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n
\n
Table with Borders<\/abbr><\/div>\n
\n\n\n\n\n\n\n\n\n\n\n
Row<\/th>\nFirst Name<\/th>\nLast Name<\/th>\nEmail<\/th>\n<\/tr>\n<\/thead>\n
1<\/td>\nJohn<\/td>\nCarter<\/td>\njohncarter@mail.com<\/td>\n<\/tr>\n
2<\/td>\nPeter<\/td>\nParker<\/td>\npeterparker@mail.com<\/td>\n<\/tr>\n
3<\/td>\nJohn<\/td>\nRambo<\/td>\njohnrambo@mail.com<\/td>\n<\/tr>\n
4<\/td>\nJuna<\/td>\nDoe<\/td>\njohnrambo@mail.com<\/td>\n<\/tr>\n
5<\/td>\nAlea<\/td>\nSmith<\/td>\njohnrambo@mail.com<\/td>\n<\/tr>\n
6<\/td>\nResa<\/td>\nParker<\/td>\njohnrambo@mail.com<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n
\n
Hover State on Table Rows<\/abbr><\/div>\n
\n\n\n\n\n\n\n\n\n\n\n
Row<\/th>\nFirst Name<\/th>\nLast Name<\/th>\nEmail<\/th>\n<\/tr>\n<\/thead>\n
1<\/td>\nJohn<\/td>\nCarter<\/td>\njohncarter@mail.com<\/td>\n<\/tr>\n
2<\/td>\nPeter<\/td>\nParker<\/td>\npeterparker@mail.com<\/td>\n<\/tr>\n
3<\/td>\nJohn<\/td>\nRambo<\/td>\njohnrambo@mail.com<\/td>\n<\/tr>\n
4<\/td>\nJuna<\/td>\nDoe<\/td>\njohnrambo@mail.com<\/td>\n<\/tr>\n
5<\/td>\nAlea<\/td>\nSmith<\/td>\njohnrambo@mail.com<\/td>\n<\/tr>\n
6<\/td>\nResa<\/td>\nParker<\/td>\njohnrambo@mail.com<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n
\n
Condensed Table<\/abbr><\/div>\n
\n\n\n\n\n\n\n\n\n\n\n
Row<\/th>\nFirst Name<\/th>\nLast Name<\/th>\nEmail<\/th>\n<\/tr>\n<\/thead>\n
1<\/td>\nJohn<\/td>\nCarter<\/td>\njohncarter@mail.com<\/td>\n<\/tr>\n
2<\/td>\nPeter<\/td>\nParker<\/td>\npeterparker@mail.com<\/td>\n<\/tr>\n
3<\/td>\nJohn<\/td>\nRambo<\/td>\njohnrambo@mail.com<\/td>\n<\/tr>\n
4<\/td>\nJuna<\/td>\nDoe<\/td>\njohnrambo@mail.com<\/td>\n<\/tr>\n
5<\/td>\nAlea<\/td>\nSmith<\/td>\njohnrambo@mail.com<\/td>\n<\/tr>\n
6<\/td>\nResa<\/td>\nParker<\/td>\njohnrambo@mail.com<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n
\n
Emphasis Classes on Table Rows<\/abbr><\/div>\n
\n
\n\n\n\n<\/colgroup>\n\n\n\n\n\n\n\n\n
Class<\/th>\nDescription<\/th>\n<\/tr>\n<\/thead>\n
.active<\/code><\/th>\nApplies the hover color to a particular row or cell<\/td>\n<\/tr>\n
.success<\/code><\/th>\nIndicates a successful or positive action<\/td>\n<\/tr>\n
.info<\/code><\/th>\nIndicates a neutral informative change or action<\/td>\n<\/tr>\n
.warning<\/code><\/th>\nIndicates a warning that might need attention<\/td>\n<\/tr>\n
.danger<\/code><\/th>\nIndicates a dangerous or potentially negative action<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n
\n
\n\n\n\n\n\n\n\n\n\n\n\n\n\n
#<\/th>\nColumn heading<\/th>\nColumn heading<\/th>\nColumn heading<\/th>\n<\/tr>\n<\/thead>\n
1<\/th>\nColumn content<\/td>\nColumn content<\/td>\nColumn content<\/td>\n<\/tr>\n
2<\/th>\nColumn content<\/td>\nColumn content<\/td>\nColumn content<\/td>\n<\/tr>\n
3<\/th>\nColumn content<\/td>\nColumn content<\/td>\nColumn content<\/td>\n<\/tr>\n
4<\/th>\nColumn content<\/td>\nColumn content<\/td>\nColumn content<\/td>\n<\/tr>\n
5<\/th>\nColumn content<\/td>\nColumn content<\/td>\nColumn content<\/td>\n<\/tr>\n
6<\/th>\nColumn content<\/td>\nColumn content<\/td>\nColumn content<\/td>\n<\/tr>\n
7<\/th>\nColumn content<\/td>\nColumn content<\/td>\nColumn content<\/td>\n<\/tr>\n
8<\/th>\nColumn content<\/td>\nColumn content<\/td>\nColumn content<\/td>\n<\/tr>\n
9<\/th>\nColumn content<\/td>\nColumn content<\/td>\nColumn content<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n
\n<\/div>\n<\/section>\n

[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/section>","protected":false},"excerpt":{"rendered":"

[vc_row][vc_column][vc_column_text] Basic Table Row First Name Last Name Email 1 John Carter johncarter@mail.com 2 Peter Parker peterparker@mail.com 3 John Rambo johnrambo@mail.com 4 Juna Doe johnrambo@mail.com 5 Alea Smith johnrambo@mail.com 6 Resa Parker johnrambo@mail.com Tables with Alternate Background (striped) Row First Name Last Name Email 1 John Carter johncarter@mail.com 2 Peter Parker peterparker@mail.com 3 John Rambo […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/polo.crumina.net\/features\/wp-json\/wp\/v2\/pages\/572"}],"collection":[{"href":"https:\/\/polo.crumina.net\/features\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/polo.crumina.net\/features\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/polo.crumina.net\/features\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/polo.crumina.net\/features\/wp-json\/wp\/v2\/comments?post=572"}],"version-history":[{"count":0,"href":"https:\/\/polo.crumina.net\/features\/wp-json\/wp\/v2\/pages\/572\/revisions"}],"wp:attachment":[{"href":"https:\/\/polo.crumina.net\/features\/wp-json\/wp\/v2\/media?parent=572"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}