{"id":3926,"date":"2020-04-11T09:32:26","date_gmt":"2020-04-11T09:32:26","guid":{"rendered":"https:\/\/wordpress-theme.spider-themes.net\/docly\/docs\/rogan-wordpress-theme-documentation\/blocks\/table\/"},"modified":"2025-11-02T12:10:43","modified_gmt":"2025-11-02T12:10:43","slug":"table","status":"publish","type":"docs","link":"https:\/\/sangamap.store\/?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<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<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\t\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\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<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<div class=\"elementor-element elementor-element-adc3322 elementor%s-align-center eael-dt-th-align-left eael-dt-td-align-left 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\t\t\n        <div class=\"table-responsive\" data-table_id=\"adc3322\" data-custom_responsive=\"false\">\n            <table class=\"table table_shortcode sticky-header center\" id=\"docly-table-adc3322\">\n                <thead>\n                <tr class=\"table-header\">\n                                            <th class=\"\" id=\"\" colspan=\"\">\n                                                                                    <span class=\"data-table-header-text\">Sample ID<\/span>\n                        <\/th>\n                                                <th class=\"\" id=\"\" colspan=\"\">\n                                                                                    <span class=\"data-table-header-text\">Reading #1<\/span>\n                        <\/th>\n                                                <th class=\"\" id=\"\" colspan=\"\">\n                                                                                    <span class=\"data-table-header-text\">Reading #2<\/span>\n                        <\/th>\n                                                <th class=\"\" id=\"\" colspan=\"\">\n                                                                                    <span class=\"data-table-header-text\">Reading #3<\/span>\n                        <\/th>\n                                                <th class=\"\" id=\"\" colspan=\"\">\n                                                                                    <span class=\"data-table-header-text\">Reading #4<\/span>\n                        <\/th>\n                                        <\/tr>\n                <\/thead>\n                <tbody>\n                                    <tr>\n                                                                                            <td colspan=\"\" rowspan=\"\" class=\"th\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">Manually<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">555<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">475<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">756<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">155<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                    <\/tr>\n                                    <tr>\n                                                                                            <td colspan=\"\" rowspan=\"\" class=\"th\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">Shortcuts<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">478<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">754<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">124<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">688<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                    <\/tr>\n                                    <tr>\n                                                                                            <td colspan=\"\" rowspan=\"\" class=\"th\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">Content<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">987<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">10<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">745<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">4187<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                    <\/tr>\n                                    <tr>\n                                                                                            <td colspan=\"\" rowspan=\"\" class=\"th\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">Pomodoro timer \t<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">4187<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">688<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">478<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">756<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                    <\/tr>\n                                    <tr>\n                                                                                            <td colspan=\"\" rowspan=\"\" class=\"th\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">Keyboard<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">4455<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">654<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">784<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">657<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                    <\/tr>\n                                    <tr>\n                                                                                            <td colspan=\"\" rowspan=\"\" class=\"th\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">Manually<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">784<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">784<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">621<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">157<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                    <\/tr>\n                                    <tr>\n                                                                                            <td colspan=\"\" rowspan=\"\" class=\"th\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">Timeline<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">884<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">254<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">105<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">356<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                    <\/tr>\n                                    <tr>\n                                                                                            <td colspan=\"\" rowspan=\"\" class=\"th\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">Pomodoro<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">356<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">884<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">465<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">644<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                    <\/tr>\n                                <\/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<\/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<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\t<h2 class=\"elementor-heading-title elementor-size-default\">Basic Tables<\/h2>\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\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\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-80a9ab3 elementor%s-align-center eael-dt-th-align-left eael-dt-td-align-left 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\t\t\n        <div class=\"table-responsive\" data-table_id=\"80a9ab3\" data-custom_responsive=\"false\">\n            <table class=\"table basic_table_info  center\" id=\"docly-table-80a9ab3\">\n                <thead>\n                <tr class=\"table-header\">\n                                            <th class=\"\" id=\"\" colspan=\"\">\n                                                                                    <span class=\"data-table-header-text\">#<\/span>\n                        <\/th>\n                                                <th class=\"\" id=\"\" colspan=\"\">\n                                                                                    <span class=\"data-table-header-text\">First Name<\/span>\n                        <\/th>\n                                                <th class=\"\" id=\"\" colspan=\"\">\n                                                                                    <span class=\"data-table-header-text\">Last Name<\/span>\n                        <\/th>\n                                                <th class=\"\" id=\"\" colspan=\"\">\n                                                                                    <span class=\"data-table-header-text\"> \tUsername<\/span>\n                        <\/th>\n                                                <th class=\"\" id=\"\" colspan=\"\">\n                                                                                    <span class=\"data-table-header-text\">Email<\/span>\n                        <\/th>\n                                        <\/tr>\n                <\/thead>\n                <tbody>\n                                    <tr>\n                                                                                            <td colspan=\"\" rowspan=\"\" class=\"th\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">Manually<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">555<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">475<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">756<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">155<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                    <\/tr>\n                                    <tr>\n                                                                                            <td colspan=\"\" rowspan=\"\" class=\"th\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">Shortcuts<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">478<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">754<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">124<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">688<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                    <\/tr>\n                                    <tr>\n                                                                                            <td colspan=\"\" rowspan=\"\" class=\"th\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">Content<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">987<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">10<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">745<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">4187<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                    <\/tr>\n                                    <tr>\n                                                                                            <td colspan=\"\" rowspan=\"\" class=\"th\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">Pomodoro timer \t<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">4187<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">688<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">478<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">756<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                    <\/tr>\n                                    <tr>\n                                                                                            <td colspan=\"\" rowspan=\"\" class=\"th\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">Keyboard<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">4455<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">654<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">784<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">657<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                    <\/tr>\n                                    <tr>\n                                                                                            <td colspan=\"\" rowspan=\"\" class=\"th\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">Manually<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">784<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">784<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">621<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">157<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                    <\/tr>\n                                    <tr>\n                                                                                            <td colspan=\"\" rowspan=\"\" class=\"th\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">Timeline<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">884<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">254<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">105<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">356<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                    <\/tr>\n                                    <tr>\n                                                                                            <td colspan=\"\" rowspan=\"\" class=\"th\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">Pomodoro<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">356<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">884<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">465<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">644<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                    <\/tr>\n                                <\/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\t<h2 class=\"elementor-heading-title elementor-size-default\">Dark Mode Table<\/h2>\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\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\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7fea5e9 elementor%s-align-center eael-dt-th-align-left eael-dt-td-align-left 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\t\t\n        <div class=\"table-responsive\" data-table_id=\"7fea5e9\" data-custom_responsive=\"false\">\n            <table class=\"table table-striped table-dark  center\" id=\"docly-table-7fea5e9\">\n                <thead>\n                <tr class=\"table-header\">\n                                            <th class=\"\" id=\"\" colspan=\"\">\n                                                                                    <span class=\"data-table-header-text\">#<\/span>\n                        <\/th>\n                                                <th class=\"\" id=\"\" colspan=\"\">\n                                                                                    <span class=\"data-table-header-text\">First Name<\/span>\n                        <\/th>\n                                                <th class=\"\" id=\"\" colspan=\"\">\n                                                                                    <span class=\"data-table-header-text\">Last Name<\/span>\n                        <\/th>\n                                                <th class=\"\" id=\"\" colspan=\"\">\n                                                                                    <span class=\"data-table-header-text\"> \tUsername<\/span>\n                        <\/th>\n                                                <th class=\"\" id=\"\" colspan=\"\">\n                                                                                    <span class=\"data-table-header-text\">Email<\/span>\n                        <\/th>\n                                        <\/tr>\n                <\/thead>\n                <tbody>\n                                    <tr>\n                                                                                            <td colspan=\"\" rowspan=\"\" class=\"th\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">Manually<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">555<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">475<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">756<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">155<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                    <\/tr>\n                                    <tr>\n                                                                                            <td colspan=\"\" rowspan=\"\" class=\"th\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">Shortcuts<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">478<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">754<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">124<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">688<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                    <\/tr>\n                                    <tr>\n                                                                                            <td colspan=\"\" rowspan=\"\" class=\"th\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">Content<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">987<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">10<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">745<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">4187<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                    <\/tr>\n                                    <tr>\n                                                                                            <td colspan=\"\" rowspan=\"\" class=\"th\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">Pomodoro timer \t<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">4187<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">688<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">478<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">756<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                    <\/tr>\n                                    <tr>\n                                                                                            <td colspan=\"\" rowspan=\"\" class=\"th\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">Keyboard<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">4455<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">654<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">784<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">657<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                    <\/tr>\n                                    <tr>\n                                                                                            <td colspan=\"\" rowspan=\"\" class=\"th\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">Manually<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">784<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">784<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">621<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">157<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                    <\/tr>\n                                    <tr>\n                                                                                            <td colspan=\"\" rowspan=\"\" class=\"th\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">Timeline<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">884<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">254<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">105<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">356<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                    <\/tr>\n                                    <tr>\n                                                                                            <td colspan=\"\" rowspan=\"\" class=\"th\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">Pomodoro<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">356<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">884<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">465<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                                                                    <td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\n                                        <div class=\"td-content-wrapper\">\n                                            <div class=\"td-content\">644<\/div>\n                                        <\/div>\n                                    <\/td>\n                                                                                    <\/tr>\n                                <\/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<\/div>\n\t\t<\/section>\n\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.[ Sample ID Reading #1 Reading #2 Reading #3 Reading #4 Manually [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":3984,"menu_order":1,"comment_status":"open","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-3926","docs","type-docs","status-publish","hentry","no-post-thumbnail"],"acf":[],"_links":{"self":[{"href":"https:\/\/sangamap.store\/index.php?rest_route=\/wp\/v2\/docs\/3926","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sangamap.store\/index.php?rest_route=\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/sangamap.store\/index.php?rest_route=\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/sangamap.store\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sangamap.store\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3926"}],"version-history":[{"count":1,"href":"https:\/\/sangamap.store\/index.php?rest_route=\/wp\/v2\/docs\/3926\/revisions"}],"predecessor-version":[{"id":5563,"href":"https:\/\/sangamap.store\/index.php?rest_route=\/wp\/v2\/docs\/3926\/revisions\/5563"}],"up":[{"embeddable":true,"href":"https:\/\/sangamap.store\/index.php?rest_route=\/wp\/v2\/docs\/3984"}],"wp:attachment":[{"href":"https:\/\/sangamap.store\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3926"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/sangamap.store\/index.php?rest_route=%2Fwp%2Fv2%2Fdoc_tag&post=3926"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}