{"id":1560,"date":"2021-01-07T08:57:21","date_gmt":"2021-01-07T08:57:21","guid":{"rendered":"http:\/\/el.commonsupport.com\/newwp\/unico\/?page_id=1560"},"modified":"2021-01-08T10:28:52","modified_gmt":"2021-01-08T10:28:52","slug":"tables","status":"publish","type":"page","link":"http:\/\/el.commonsupport.com\/newwp\/unico\/tables\/","title":{"rendered":"Tables"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n
\n
\n\n
\n\n\n\n\n\n\n\n
#<\/th>\nFirst<\/th>\nLast<\/th>\nHandle<\/th>\n<\/tr>\n<\/thead>\n
1<\/th>\nMark<\/td>\nOtto<\/td>\n@mdo<\/td>\n<\/tr>\n
2<\/th>\nJacob<\/td>\nThornton<\/td>\n@fat<\/td>\n<\/tr>\n
3<\/th>\nLarry<\/td>\nthe Bird<\/td>\n@twitter<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n\n
\n

You can also invert the colors\u2014with light text on dark backgrounds\u2014with .table-dark<\/code>.<\/p>\n\n\n\n\n\n\n\n
#<\/th>\nFirst<\/th>\nLast<\/th>\nHandle<\/th>\n<\/tr>\n<\/thead>\n
1<\/th>\nMark<\/td>\nOtto<\/td>\n@mdo<\/td>\n<\/tr>\n
2<\/th>\nJacob<\/td>\nThornton<\/td>\n@fat<\/td>\n<\/tr>\n
3<\/th>\nLarry<\/td>\nthe Bird<\/td>\n@twitter<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n\n
\n

Table head options<\/h3>\n

Similar to tables and dark tables, use the modifier classes .thead-light<\/code> or .thead-dark<\/code> to make <thead><\/code>s appear light or dark gray.<\/p>\n\n\n\n\n\n\n\n\n
#<\/th>\nFirst<\/th>\nLast<\/th>\nHandle<\/th>\n<\/tr>\n<\/thead>\n
1<\/th>\nMark<\/td>\nOtto<\/td>\n@mdo<\/td>\n<\/tr>\n
2<\/th>\nJacob<\/td>\nThornton<\/td>\n@fat<\/td>\n<\/tr>\n
3<\/th>\nLarry<\/td>\nthe Bird<\/td>\n@twitter<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n\n
\n

Striped rows<\/h3>\n

Use .table-striped<\/code> to add zebra-striping to any table row within the <tbody><\/code>.<\/p>\n\n\n\n\n\n\n\n\n
#<\/th>\nFirst<\/th>\nLast<\/th>\nHandle<\/th>\n<\/tr>\n<\/thead>\n
1<\/th>\nMark<\/td>\nOtto<\/td>\n@mdo<\/td>\n<\/tr>\n
2<\/th>\nJacob<\/td>\nThornton<\/td>\n@fat<\/td>\n<\/tr>\n
3<\/th>\nLarry<\/td>\nthe Bird<\/td>\n@twitter<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n\n
\n

Striped Dark rows<\/h3>\n\n\n\n\n\n\n\n
#<\/th>\nFirst<\/th>\nLast<\/th>\nHandle<\/th>\n<\/tr>\n<\/thead>\n
1<\/th>\nMark<\/td>\nOtto<\/td>\n@mdo<\/td>\n<\/tr>\n
2<\/th>\nJacob<\/td>\nThornton<\/td>\n@fat<\/td>\n<\/tr>\n
3<\/th>\nLarry<\/td>\nthe Bird<\/td>\n@twitter<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n\n
\n

Bordered table<\/h3>\n

Add .table-bordered<\/code> for borders on all sides of the table and cells.<\/p>\n\n\n\n\n\n\n\n
#<\/th>\nFirst<\/th>\nLast<\/th>\nHandle<\/th>\n<\/tr>\n<\/thead>\n
1<\/th>\nMark<\/td>\nOtto<\/td>\n@mdo<\/td>\n<\/tr>\n
2<\/th>\nJacob<\/td>\nThornton<\/td>\n@fat<\/td>\n<\/tr>\n
3<\/th>\nLarry the Bird<\/td>\n@twitter<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n\n
\n\n\n\n\n\n\n\n
#<\/th>\nFirst<\/th>\nLast<\/th>\nHandle<\/th>\n<\/tr>\n<\/thead>\n
1<\/th>\nMark<\/td>\nOtto<\/td>\n@mdo<\/td>\n<\/tr>\n
2<\/th>\nJacob<\/td>\nThornton<\/td>\n@fat<\/td>\n<\/tr>\n
3<\/th>\nLarry the Bird<\/td>\n@twitter<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n\n
\n

Borderless table<\/h3>\n.table-borderless<\/code>\n\n\n\n\n\n\n\n\n
#<\/th>\nFirst<\/th>\nLast<\/th>\nHandle<\/th>\n<\/tr>\n<\/thead>\n
1<\/th>\nMark<\/td>\nOtto<\/td>\n@mdo<\/td>\n<\/tr>\n
2<\/th>\nJacob<\/td>\nThornton<\/td>\n@fat<\/td>\n<\/tr>\n
3<\/th>\nLarry the Bird<\/td>\n@twitter<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\t\n<\/div>\n\n
\n

Borderless Dark<\/h3>\n

.table-borderless<\/code> can also be used on dark tables.<\/p>\n\n\n\n\n\n\n\n\n
#<\/th>\nFirst<\/th>\nLast<\/th>\nHandle<\/th>\n<\/tr>\n<\/thead>\n
1<\/th>\nMark<\/td>\nOtto<\/td>\n@mdo<\/td>\n<\/tr>\n
2<\/th>\nJacob<\/td>\nThornton<\/td>\n@fat<\/td>\n<\/tr>\n
3<\/th>\nLarry the Bird<\/td>\n@twitter<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\t\n<\/div>\n\n
\n

Hoverable rows<\/h3>\n

Add .table-hover<\/code> to enable a hover state on table rows within a <tbody><\/code>.<\/p>\n\n\n\n\n\n\n\n\n
#<\/th>\nFirst<\/th>\nLast<\/th>\nHandle<\/th>\n<\/tr>\n<\/thead>\n
1<\/th>\nMark<\/td>\nOtto<\/td>\n@mdo<\/td>\n<\/tr>\n
2<\/th>\nJacob<\/td>\nThornton<\/td>\n@fat<\/td>\n<\/tr>\n
3<\/th>\nLarry the Bird<\/td>\n@twitter<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\t\n<\/div>\n\n
\n

Hoverable Dark rows<\/h3>\n

Add .table-hover.table-dark<\/code> to enable a hover state on table rows within a <tbody><\/code>.<\/p>\n\n\n\n\n\n\n\n\n
#<\/th>\nFirst<\/th>\nLast<\/th>\nHandle<\/th>\n<\/tr>\n<\/thead>\n
1<\/th>\nMark<\/td>\nOtto<\/td>\n@mdo<\/td>\n<\/tr>\n
2<\/th>\nJacob<\/td>\nThornton<\/td>\n@fat<\/td>\n<\/tr>\n
3<\/th>\nLarry the Bird<\/td>\n@twitter<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\t\n<\/div>\n\n<\/div>\n<\/div>\n<\/section>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t \n \n
\n
\n
\n
\n
\n

Sign up for 30 days trial!<\/h2>\n

No payment required, jump to get started.<\/p>\n Free Register!<\/a> <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n

<\/div>\n \n \n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"

# First Last Handle 1 Mark Otto @mdo 2 Jacob Thornton @fat 3 Larry the Bird @twitter You can also invert the colors\u2014with light text on dark backgrounds\u2014with .table-dark. # First Last Handle 1 Mark Otto @mdo 2 Jacob Thornton @fat 3 Larry the Bird @twitter Table head options Similar to tables and dark tables, […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"tpl-default-elementor.php","meta":{"footnotes":""},"class_list":["post-1560","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/el.commonsupport.com\/newwp\/unico\/wp-json\/wp\/v2\/pages\/1560","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/el.commonsupport.com\/newwp\/unico\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/el.commonsupport.com\/newwp\/unico\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/el.commonsupport.com\/newwp\/unico\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/el.commonsupport.com\/newwp\/unico\/wp-json\/wp\/v2\/comments?post=1560"}],"version-history":[{"count":10,"href":"http:\/\/el.commonsupport.com\/newwp\/unico\/wp-json\/wp\/v2\/pages\/1560\/revisions"}],"predecessor-version":[{"id":1919,"href":"http:\/\/el.commonsupport.com\/newwp\/unico\/wp-json\/wp\/v2\/pages\/1560\/revisions\/1919"}],"wp:attachment":[{"href":"http:\/\/el.commonsupport.com\/newwp\/unico\/wp-json\/wp\/v2\/media?parent=1560"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}