{"id":1966,"date":"2016-01-06T14:53:01","date_gmt":"2016-01-06T14:53:01","guid":{"rendered":"http:\/\/tn.joomexp.com\/wordpress\/wp-celsius\/?page_id=1966"},"modified":"2016-01-06T14:53:01","modified_gmt":"2016-01-06T14:53:01","slug":"tables-2","status":"publish","type":"page","link":"https:\/\/demo.exptheme.com\/celsius\/tables-2\/","title":{"rendered":"Tables"},"content":{"rendered":"<p>[vc_row animation=&#8221;&#8221; panel_style=&#8221;&#8221; css=&#8221;.vc_custom_1455678827756{margin-bottom: 50px !important;}&#8221;][vc_column][vc_custom_heading text=&#8221;TABLES&#8221; font_container=&#8221;tag:h2|line_height:40px&#8221; use_theme_fonts=&#8221;yes&#8221; letter_spacing=&#8221; 1px&#8221; layout_style=&#8221;uk-module-title-alt&#8221; align=&#8221;wp-celsius-heading-left&#8221; animation=&#8221;&#8221; css=&#8221;.vc_custom_1455678817805{margin-bottom: 30px !important;}&#8221;][vc_column_text css=&#8221;.vc_custom_1453884055024{margin-bottom: 15px !important;}&#8221;]To create clean formatted tables using uikit style, add the<code>uk-table<\/code> class to a table. The table rows will be separated by lines.[\/vc_column_text][vc_column_text css=&#8221;.vc_custom_1452094817532{margin-bottom: 50px !important;}&#8221;]<\/p>\n<table class=\"uk-table\">\n<caption>Table caption<\/caption>\n<thead>\n<tr>\n<th>Table Heading<\/th>\n<th>Table Heading<\/th>\n<th>Table Heading<\/th>\n<\/tr>\n<\/thead>\n<tfoot>\n<tr>\n<td>Table Footer<\/td>\n<td>Table Footer<\/td>\n<td>Table Footer<\/td>\n<\/tr>\n<\/tfoot>\n<tbody>\n<tr>\n<td>Table Data<\/td>\n<td>Table Data<\/td>\n<td>Table Data<\/td>\n<\/tr>\n<tr>\n<td>Table Data<\/td>\n<td>Table Data<\/td>\n<td>Table Data<\/td>\n<\/tr>\n<tr>\n<td>Table Data<\/td>\n<td>Table Data<\/td>\n<td>Table Data<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>[\/vc_column_text][vc_custom_heading text=&#8221;STYLE VARIATION&#8221; font_container=&#8221;tag:h2&#8243; use_theme_fonts=&#8221;yes&#8221; letter_spacing=&#8221; 1px&#8221; layout_style=&#8221;uk-module-title&#8221; align=&#8221;wp-celsius-heading-left&#8221; animation=&#8221;&#8221;][vc_column_text]You can add more styling to the table by using a combination of classes to improve the visual appearance of your table.<\/p>\n<table class=\"uk-table uk-table-hover uk-table-striped\">\n<thead>\n<tr>\n<th><i class=\"uk-icon-gear\"><\/i> Settings<\/th>\n<th><i class=\"uk-icon-leaf\"><\/i> Productivity<\/th>\n<th><i class=\"uk-icon-usd\"><\/i> Totals<\/th>\n<\/tr>\n<\/thead>\n<tfoot>\n<tr>\n<td>Totals<\/td>\n<td><\/td>\n<td>$ 49,000.00<\/td>\n<\/tr>\n<\/tfoot>\n<tbody>\n<tr>\n<td class=\"uk-width-2-10\">Table Data<\/td>\n<td class=\"uk-width-5-10\">Table Data<\/td>\n<td class=\"uk-width-3-10\">$ 10,000.00<\/td>\n<\/tr>\n<tr>\n<td class=\"uk-width-2-10\">Table Data<\/td>\n<td class=\"uk-width-5-10\">Table Data<\/td>\n<td class=\"uk-width-3-10\">$ 15,000.00<\/td>\n<\/tr>\n<tr>\n<td class=\"uk-width-2-10\">Table Data<\/td>\n<td class=\"uk-width-5-10\">Table Data<\/td>\n<td class=\"uk-width-3-10\">$ 24,000.00<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row animation=&#8221;&#8221; panel_style=&#8221;&#8221; css=&#8221;.vc_custom_1455678827756{margin-bottom: 50px !important;}&#8221;][vc_column][vc_custom_heading text=&#8221;TABLES&#8221; font_container=&#8221;tag:h2|line_height:40px&#8221; use_theme_fonts=&#8221;yes&#8221; letter_spacing=&#8221; 1px&#8221; layout_style=&#8221;uk-module-title-alt&#8221; align=&#8221;wp-celsius-heading-left&#8221; animation=&#8221;&#8221; css=&#8221;.vc_custom_1455678817805{margin-bottom: 30px !important;}&#8221;][vc_column_text css=&#8221;.vc_custom_1453884055024{margin-bottom: 15px !important;}&#8221;]To create clean formatted tables using uikit style, add theuk-table class&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1966","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.exptheme.com\/celsius\/wp-json\/wp\/v2\/pages\/1966","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.exptheme.com\/celsius\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.exptheme.com\/celsius\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.exptheme.com\/celsius\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.exptheme.com\/celsius\/wp-json\/wp\/v2\/comments?post=1966"}],"version-history":[{"count":0,"href":"https:\/\/demo.exptheme.com\/celsius\/wp-json\/wp\/v2\/pages\/1966\/revisions"}],"wp:attachment":[{"href":"https:\/\/demo.exptheme.com\/celsius\/wp-json\/wp\/v2\/media?parent=1966"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}