{"id":3926,"date":"2020-04-11T09:32:26","date_gmt":"2020-04-11T09:32:26","guid":{"rendered":"http:\/\/wordpress.creativegigs.net\/docly\/docs\/rogan-wordpress-theme-documentation\/blocks\/table\/"},"modified":"2022-08-31T21:18:11","modified_gmt":"2022-08-31T21:18:11","slug":"table","status":"publish","type":"docs","link":"https:\/\/docaccounter.codice01.com.br\/index.php\/docs\/docly-documentation\/content\/table\/","title":{"rendered":"Table Widget"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"3926\" class=\"elementor elementor-3926\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-84d8656 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"84d8656\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9829179\" data-id=\"9829179\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-083e322 elementor-widget elementor-widget-text-editor\" data-id=\"083e322\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.7.4 - 31-08-2022 *\/\n.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#818a91;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#818a91;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}<\/style>\t\t\t\t<p>A\u00a0<b>table<\/b>\u00a0is a collection of related data held in a\u00a0<a title=\"Table (information)\" href=\"https:\/\/en.wikipedia.org\/wiki\/Table_(information)\">table<\/a>\u00a0format within a\u00a0<a title=\"Database\" href=\"https:\/\/en.wikipedia.org\/wiki\/Database\">database<\/a>. It consists of\u00a0<a title=\"Column (database)\" href=\"https:\/\/en.wikipedia.org\/wiki\/Column_(database)\">columns<\/a>\u00a0and\u00a0<a title=\"Row (database)\" href=\"https:\/\/en.wikipedia.org\/wiki\/Row_(database)\">rows<\/a>.<\/p><p>In\u00a0<a title=\"Relational database\" href=\"https:\/\/en.wikipedia.org\/wiki\/Relational_database\">relational databases<\/a>, and\u00a0<a class=\"mw-redirect\" title=\"Flat file database\" href=\"https:\/\/en.wikipedia.org\/wiki\/Flat_file_database\">flat file databases<\/a>, a\u00a0<i>table<\/i>\u00a0is a set of data elements (values) using a model of vertical\u00a0<a title=\"Column (database)\" href=\"https:\/\/en.wikipedia.org\/wiki\/Column_(database)\">columns<\/a>\u00a0(identifiable by name) and horizontal\u00a0<a title=\"Row (database)\" href=\"https:\/\/en.wikipedia.org\/wiki\/Row_(database)\">rows<\/a>, the\u00a0<a class=\"new\" title=\"Cell (database) (page does not exist)\" href=\"https:\/\/en.wikipedia.org\/w\/index.php?title=Cell_(database)&amp;action=edit&amp;redlink=1\">cell<\/a>\u00a0being the unit where a row and column intersect.<sup id=\"cite_ref-1\" class=\"reference\"><a href=\"https:\/\/en.wikipedia.org\/wiki\/Table_(database)#cite_note-1\">[<\/a><\/sup><\/p>\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\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3ffa7f7a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3ffa7f7a\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-50f366a0\" data-id=\"50f366a0\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3f3097fe elementor-widget elementor-widget-heading\" data-id=\"3f3097fe\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.7.4 - 31-08-2022 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><h2 class=\"elementor-heading-title elementor-size-default\">Configuration Options<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-73693e5f elementor-widget elementor-widget-text-editor\" data-id=\"73693e5f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Since Docly is based on Bootstrap 4, so you can safley use Bootstrap&#8217;s table classes to style your table. We also added more table styles and functionality to our template.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-34dfc800 elementor-widget elementor-widget-docly-data-table\" data-id=\"34dfc800\" data-element_type=\"widget\" data-widget_type=\"docly-data-table.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t        <div class=\"table_shortcode-wrap\" data-table_id=\"34dfc800\">\n            <table class=\"table doc-data-table table_shortcode\" id=\"table_shortcode-34dfc800\">\n                <thead>\n                <tr class=\"table-header\">\n\t\t\t\t\t                        <th class=\"\" id=\"\" colspan=\"\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"data-table-header-text\">Name<\/span><\/th>\n\t\t\t\t\t\t                        <th class=\"\" id=\"\" colspan=\"\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"data-table-header-text\"><\/span><\/th>\n\t\t\t\t\t\t                <\/tr>\n                <\/thead>\n                <tbody>\n\t\t\t\t                    <tr>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"th\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">background Color<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">The background color for the main area of the chart. Can be either a simple HTML color string, for example: '<strong>red<\/strong>' or '#00cc00', or an object with the following properties.<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                    <\/tr>\n\t\t\t\t                    <tr>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"th\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">background Color.stroke\t<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">The color of the chart border, as an HTML color string.\n<br><br><b>Type:<\/b>\u00a0string<\/div>\n<b>Default:<\/b>\u00a0'#666'<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                    <\/tr>\n\t\t\t\t                    <tr>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"th\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">background Color.stroke Width\t<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\"><p>The border width, in pixels.<\/p><p><b>Type:<\/b>\u00a0number<br \/><b>Default:<\/b>\u00a00<\/p><\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                    <\/tr>\n\t\t\t\t                    <tr>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"th\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">background Color.fill<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\"><p>The chart fill color, as an HTML color string.<\/p><p><strong>Type:<\/strong> string<br \/><strong>Default:<\/strong> 'white'<\/p><\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                    <\/tr>\n\t\t\t\t                    <tr>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"th\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">chartArea<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\"><p>An object with members to configure the placement and size of the chart area (where the chart itself is drawn, excluding axis and legends). Two formats are supported: a number, or a number followed by %. A simple number is a value in pixels; a number followed by % is a percentage. Example:\u00a0<code dir=\"ltr\" translate=\"no\">chartArea:{left:20,top:0,width:'50%',height:'75%'}<\/code><\/p><div><b>Type:<\/b>\u00a0object<\/div><div><b>Default:<\/b>\u00a0null<\/div><\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                    <\/tr>\n\t\t\t\t                    <tr>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"th\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">chartArea.backgroundColor<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\"><div>Chart area background color. When a string is used, it can be either a hex string (e.g., '#fdc') or an English color name. When an object is used, the following properties can be provided:<\/div><ul><li><code dir=\"ltr\" translate=\"no\">stroke<\/code>: the color, provided as a hex string or English color name.<\/li><li><code dir=\"ltr\" translate=\"no\">strokeWidth<\/code>: if provided, draws a border around the chart area of the given width (and with the color of\u00a0<code dir=\"ltr\" translate=\"no\">stroke<\/code>).<\/li><\/ul><div><b>Type:<\/b>\u00a0string or object<\/div><div><b>Default:<\/b>\u00a0'white'<\/div><\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                    <\/tr>\n\t\t\t\t                    <tr>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"th\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">chartArea.left<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\"><p>How far to draw the chart from the left border.<\/p><div><b>Type:<\/b>\u00a0number or string<\/div><div><b>Default:<\/b>\u00a0auto<\/div><\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                    <\/tr>\n\t\t\t\t                    <tr>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"th\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">chartArea.top<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">How far to draw the chart from the top border.\n<br><br>\n<b>Type:<\/b>\u00a0number or string\n<br><b>Default:<\/b>\u00a0auto<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                    <\/tr>\n\t\t\t\t                <\/tbody>\n            <\/table>\n        <\/div>\n\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\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c2827b0 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c2827b0\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a5be1a6\" data-id=\"a5be1a6\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c780dea elementor-widget elementor-widget-heading\" data-id=\"c780dea\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Default Tables<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-142d70a elementor-widget elementor-widget-text-editor\" data-id=\"142d70a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Since Docly is based on Bootstrap 4, so you can safley use Bootstrap&#8217;s table classes to style your table. We also added more table styles and functionality to our template.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-adc3322 elementor-widget elementor-widget-docly-data-table\" data-id=\"adc3322\" data-element_type=\"widget\" data-widget_type=\"docly-data-table.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t        <div class=\"table_shortcode-wrap\" data-table_id=\"adc3322\">\n            <table class=\"table doc-data-table table_shortcode\" id=\"table_shortcode-adc3322\">\n                <thead>\n                <tr class=\"table-header\">\n\t\t\t\t\t                        <th class=\"\" id=\"\" colspan=\"\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"data-table-header-text\">Sample ID<\/span><\/th>\n\t\t\t\t\t\t                        <th class=\"\" id=\"\" colspan=\"\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"data-table-header-text\">Reading #1<\/span><\/th>\n\t\t\t\t\t\t                        <th class=\"\" id=\"\" colspan=\"\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"data-table-header-text\">Reading #2<\/span><\/th>\n\t\t\t\t\t\t                        <th class=\"\" id=\"\" colspan=\"\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"data-table-header-text\">Reading #3<\/span><\/th>\n\t\t\t\t\t\t                        <th class=\"\" id=\"\" colspan=\"\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"data-table-header-text\">Reading #4<\/span><\/th>\n\t\t\t\t\t\t                <\/tr>\n                <\/thead>\n                <tbody>\n\t\t\t\t                    <tr>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"th\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">Manually<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">555<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">475<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">756<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">155<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                    <\/tr>\n\t\t\t\t                    <tr>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"th\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">Shortcuts<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">478<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">754<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">124<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">688<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                    <\/tr>\n\t\t\t\t                    <tr>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"th\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">Content<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">987<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">10<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">745<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">4187<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                    <\/tr>\n\t\t\t\t                    <tr>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"th\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">Pomodoro timer \t<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">4187<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">688<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">478<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">756<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                    <\/tr>\n\t\t\t\t                    <tr>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"th\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">Keyboard<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">4455<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">654<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">784<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">657<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                    <\/tr>\n\t\t\t\t                    <tr>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"th\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">Manually<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">784<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">784<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">621<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">157<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                    <\/tr>\n\t\t\t\t                    <tr>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"th\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">Timeline<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">884<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">254<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">105<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">356<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                    <\/tr>\n\t\t\t\t                    <tr>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"th\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">Pomodoro<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">356<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">884<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">465<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">644<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                    <\/tr>\n\t\t\t\t                <\/tbody>\n            <\/table>\n        <\/div>\n\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\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-46bcff0 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"46bcff0\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b7ac784\" data-id=\"b7ac784\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e9ca9c5 elementor-widget elementor-widget-heading\" data-id=\"e9ca9c5\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Basic Tables<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-29c4727 elementor-widget elementor-widget-text-editor\" data-id=\"29c4727\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Since Docly is based on Bootstrap 4, so you can safley use Bootstrap&#8217;s table classes to style your table. We also added more table styles and functionality to our template.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-80a9ab3 elementor-widget elementor-widget-docly-data-table\" data-id=\"80a9ab3\" data-element_type=\"widget\" data-widget_type=\"docly-data-table.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t        <div class=\"table_shortcode-wrap\" data-table_id=\"80a9ab3\">\n            <table class=\"table doc-data-table basic_table_info\" id=\"table_shortcode-80a9ab3\">\n                <thead>\n                <tr class=\"table-header\">\n\t\t\t\t\t                        <th class=\"\" id=\"\" colspan=\"\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"data-table-header-text\">#<\/span><\/th>\n\t\t\t\t\t\t                        <th class=\"\" id=\"\" colspan=\"\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"data-table-header-text\">First Name<\/span><\/th>\n\t\t\t\t\t\t                        <th class=\"\" id=\"\" colspan=\"\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"data-table-header-text\">Last Name<\/span><\/th>\n\t\t\t\t\t\t                        <th class=\"\" id=\"\" colspan=\"\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"data-table-header-text\"> \tUsername<\/span><\/th>\n\t\t\t\t\t\t                        <th class=\"\" id=\"\" colspan=\"\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"data-table-header-text\">Email<\/span><\/th>\n\t\t\t\t\t\t                <\/tr>\n                <\/thead>\n                <tbody>\n\t\t\t\t                    <tr>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"th\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">Manually<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">555<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">475<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">756<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">155<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                    <\/tr>\n\t\t\t\t                    <tr>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"th\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">Shortcuts<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">478<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">754<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">124<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">688<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                    <\/tr>\n\t\t\t\t                    <tr>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"th\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">Content<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">987<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">10<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">745<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">4187<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                    <\/tr>\n\t\t\t\t                    <tr>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"th\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">Pomodoro timer \t<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">4187<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">688<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">478<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">756<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                    <\/tr>\n\t\t\t\t                    <tr>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"th\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">Keyboard<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">4455<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">654<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">784<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">657<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                    <\/tr>\n\t\t\t\t                    <tr>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"th\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">Manually<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">784<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">784<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">621<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">157<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                    <\/tr>\n\t\t\t\t                    <tr>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"th\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">Timeline<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">884<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">254<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">105<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">356<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                    <\/tr>\n\t\t\t\t                    <tr>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"th\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">Pomodoro<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">356<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">884<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">465<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">644<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                    <\/tr>\n\t\t\t\t                <\/tbody>\n            <\/table>\n        <\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-52bb837 elementor-widget elementor-widget-heading\" data-id=\"52bb837\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Dark Mode Table<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2b235f3 elementor-widget elementor-widget-text-editor\" data-id=\"2b235f3\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Since Docly is based on Bootstrap 4, so you can safley use Bootstrap&#8217;s table classes to style your table. We also added more table styles and functionality to our template.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7fea5e9 elementor-widget elementor-widget-docly-data-table\" data-id=\"7fea5e9\" data-element_type=\"widget\" data-widget_type=\"docly-data-table.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t        <div class=\"table_shortcode-wrap\" data-table_id=\"7fea5e9\">\n            <table class=\"table doc-data-table table-dark\" id=\"table_shortcode-7fea5e9\">\n                <thead>\n                <tr class=\"table-header\">\n\t\t\t\t\t                        <th class=\"\" id=\"\" colspan=\"\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"data-table-header-text\">#<\/span><\/th>\n\t\t\t\t\t\t                        <th class=\"\" id=\"\" colspan=\"\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"data-table-header-text\">First Name<\/span><\/th>\n\t\t\t\t\t\t                        <th class=\"\" id=\"\" colspan=\"\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"data-table-header-text\">Last Name<\/span><\/th>\n\t\t\t\t\t\t                        <th class=\"\" id=\"\" colspan=\"\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"data-table-header-text\"> \tUsername<\/span><\/th>\n\t\t\t\t\t\t                        <th class=\"\" id=\"\" colspan=\"\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"data-table-header-text\">Email<\/span><\/th>\n\t\t\t\t\t\t                <\/tr>\n                <\/thead>\n                <tbody>\n\t\t\t\t                    <tr>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"th\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">Manually<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">555<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">475<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">756<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">155<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                    <\/tr>\n\t\t\t\t                    <tr>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"th\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">Shortcuts<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">478<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">754<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">124<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">688<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                    <\/tr>\n\t\t\t\t                    <tr>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"th\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">Content<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">987<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">10<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">745<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">4187<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                    <\/tr>\n\t\t\t\t                    <tr>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"th\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">Pomodoro timer \t<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">4187<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">688<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">478<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">756<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                    <\/tr>\n\t\t\t\t                    <tr>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"th\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">Keyboard<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">4455<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">654<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">784<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">657<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                    <\/tr>\n\t\t\t\t                    <tr>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"th\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">Manually<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">784<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">784<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">621<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">157<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                    <\/tr>\n\t\t\t\t                    <tr>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"th\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">Timeline<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">884<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">254<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">105<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">356<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                    <\/tr>\n\t\t\t\t                    <tr>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"th\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">Pomodoro<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">356<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">884<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">465<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\"><div class=\"td-content\">644<\/div><\/div>\n                                    <\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                    <\/tr>\n\t\t\t\t                <\/tbody>\n            <\/table>\n        <\/div>\n\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\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>A\u00a0table\u00a0is a collection of related data held in a\u00a0table\u00a0format within a\u00a0database. It consists of\u00a0columns\u00a0and\u00a0rows. In\u00a0relational databases, and\u00a0flat file databases, a\u00a0table\u00a0is a set of data elements (values) using a model of vertical\u00a0columns\u00a0(identifiable by name) and horizontal\u00a0rows, the\u00a0cell\u00a0being the unit where a row and column intersect.[ Configuration Options Since Docly is based on Bootstrap 4, so you [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":3984,"menu_order":1,"comment_status":"open","ping_status":"closed","template":"","doc_tag":[32,34,44],"class_list":["post-3926","docs","type-docs","status-publish","hentry","doc_tag-content","doc_tag-doc","doc_tag-new","no-post-thumbnail"],"acf":[],"_links":{"self":[{"href":"https:\/\/docaccounter.codice01.com.br\/index.php\/wp-json\/wp\/v2\/docs\/3926","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docaccounter.codice01.com.br\/index.php\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/docaccounter.codice01.com.br\/index.php\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/docaccounter.codice01.com.br\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docaccounter.codice01.com.br\/index.php\/wp-json\/wp\/v2\/comments?post=3926"}],"version-history":[{"count":1,"href":"https:\/\/docaccounter.codice01.com.br\/index.php\/wp-json\/wp\/v2\/docs\/3926\/revisions"}],"predecessor-version":[{"id":8338,"href":"https:\/\/docaccounter.codice01.com.br\/index.php\/wp-json\/wp\/v2\/docs\/3926\/revisions\/8338"}],"up":[{"embeddable":true,"href":"https:\/\/docaccounter.codice01.com.br\/index.php\/wp-json\/wp\/v2\/docs\/3984"}],"wp:attachment":[{"href":"https:\/\/docaccounter.codice01.com.br\/index.php\/wp-json\/wp\/v2\/media?parent=3926"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/docaccounter.codice01.com.br\/index.php\/wp-json\/wp\/v2\/doc_tag?post=3926"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}