{"id":3388,"date":"2018-03-05T03:52:23","date_gmt":"2018-03-05T03:52:23","guid":{"rendered":"http:\/\/stopdesign.cn\/demo\/?page_id=3388"},"modified":"2018-03-07T06:36:44","modified_gmt":"2018-03-07T06:36:44","slug":"data-table","status":"publish","type":"page","link":"https:\/\/stopdesign.cn\/demo\/data-table\/","title":{"rendered":"Data Table"},"content":{"rendered":"<section class=\"wpb-content-wrapper\"><p>[vc_row full_width=&#8221;stretch_row&#8221; css=&#8221;.vc_custom_1520404601169{padding-top: 60px !important;padding-bottom: 120px !important;background-color: #ccd1d9 !important;}&#8221;][vc_column][vc_row_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_empty_space height=&#8221;12px&#8221;]<div class=\"cq-datatable   cq-datatable-medium cq-datatable-darkgray\"><div class=\"cq-datatable-row cq-datatable-header cq-datatable-bg-bluejeans\"><div class=\"cq-datatable-cell\" data-title=\"Name\"> Name <\/div><div class=\"cq-datatable-cell\" data-title=\"Job\"> Job <\/div><div class=\"cq-datatable-cell\" data-title=\"Date\"> Date <\/div><div class=\"cq-datatable-cell\" data-title=\"Location\"> Location <\/div><\/div><div class=\"cq-datatable-row cq-datatable-data\"><div class=\"cq-datatable-cell\"> John Smith <\/div><div class=\"cq-datatable-cell\"> Web Developer <\/div><div class=\"cq-datatable-cell\"> 2018 <\/div><div class=\"cq-datatable-cell\"> New York <\/div><\/div><div class=\"cq-datatable-row cq-datatable-data\"><div class=\"cq-datatable-cell\"> Joyce Bradley <\/div><div class=\"cq-datatable-cell\"> Web Designer <\/div><div class=\"cq-datatable-cell\"> 2015~2017 <\/div><div class=\"cq-datatable-cell\"> CA <\/div><\/div><div class=\"cq-datatable-row cq-datatable-data\"><div class=\"cq-datatable-cell\"> Doris Marshall <\/div><div class=\"cq-datatable-cell\"> Photographer <\/div><div class=\"cq-datatable-cell\"> 2016~2017 <\/div><div class=\"cq-datatable-cell\"> LA <\/div><\/div><div class=\"cq-datatable-row cq-datatable-data\"><div class=\"cq-datatable-cell\"> Joseph Davidson <\/div><div class=\"cq-datatable-cell\"> Front-end Developer <\/div><div class=\"cq-datatable-cell\"> 2014~2017 <\/div><div class=\"cq-datatable-cell\"> UK <\/div><\/div><div class=\"cq-datatable-row cq-datatable-data\"><div class=\"cq-datatable-cell\"> Louis Newman <\/div><div class=\"cq-datatable-cell\"> Developer <\/div><div class=\"cq-datatable-cell\"> 2016~2017 <\/div><div class=\"cq-datatable-cell\"> Paris <\/div><\/div><div class=\"cq-datatable-row cq-datatable-data\"><div class=\"cq-datatable-cell\"> Mary Brewer <\/div><div class=\"cq-datatable-cell\"> Officer <\/div><div class=\"cq-datatable-cell\"> 2017 <\/div><div class=\"cq-datatable-cell\"> US <\/div><\/div>\n<\/div>[vc_empty_space height=&#8221;12px&#8221;][\/vc_column_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_column_text]<\/p>\n<h3><span style=\"color: #333333; font-size: 1.8em;\">Basic Demo<\/span><\/h3>\n<p><span style=\"color: #333333; font-size: 1.2em;\">I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/span><\/p>\n<p><span style=\"color: #333333; font-size: 1.2em;\">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.<\/span>[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221; css=&#8221;.vc_custom_1457880375882{padding-top: 60px !important;padding-bottom: 120px !important;background-color: #656d78 !important;}&#8221;][vc_column][vc_row_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_empty_space height=&#8221;12px&#8221;][vc_column_text]<\/p>\n<h3><span style=\"color: #fff; font-size: 1.8em;\">Optional header background style<\/span><\/h3>\n<p><span style=\"color: #efefef; font-size: 1.2em;\">I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/span><\/p>\n<p><span style=\"color: #efefef; font-size: 1.2em;\">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.<\/span><\/p>\n<p><span style=\"color: #efefef; font-size: 1.2em;\">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.<\/span>[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_empty_space height=&#8221;12px&#8221;]<div class=\"cq-datatable   cq-datatable-medium cq-datatable-gray\"><div class=\"cq-datatable-row cq-datatable-header cq-datatable-bg-grapefruit\"><div class=\"cq-datatable-cell\" data-title=\"Company\"> Company <\/div><div class=\"cq-datatable-cell\" data-title=\"Contact\"> Contact <\/div><div class=\"cq-datatable-cell\" data-title=\"Location\"> Location <\/div><\/div><div class=\"cq-datatable-row cq-datatable-data\"><div class=\"cq-datatable-cell\"> Alfreds Futterkiste <\/div><div class=\"cq-datatable-cell\"> Maria Anders <\/div><div class=\"cq-datatable-cell\"> Germany <\/div><\/div><div class=\"cq-datatable-row cq-datatable-data\"><div class=\"cq-datatable-cell\"> Berglunds snabbk\u00f6p <\/div><div class=\"cq-datatable-cell\"> Christina Berglund <\/div><div class=\"cq-datatable-cell\"> Sweden <\/div><\/div><div class=\"cq-datatable-row cq-datatable-data\"><div class=\"cq-datatable-cell\"> Centro comercial Moctezuma <\/div><div class=\"cq-datatable-cell\"> Francisco Chang <\/div><div class=\"cq-datatable-cell\"> Mexico <\/div><\/div><div class=\"cq-datatable-row cq-datatable-data\"><div class=\"cq-datatable-cell\"> Ernst Handel <\/div><div class=\"cq-datatable-cell\"> Roland Mendel <\/div><div class=\"cq-datatable-cell\"> Austria <\/div><\/div><div class=\"cq-datatable-row cq-datatable-data\"><div class=\"cq-datatable-cell\"> Island Trading <\/div><div class=\"cq-datatable-cell\"> Helen Bennett <\/div><div class=\"cq-datatable-cell\"> UK <\/div><\/div><div class=\"cq-datatable-row cq-datatable-data\"><div class=\"cq-datatable-cell\"> K\u00f6niglich Essen <\/div><div class=\"cq-datatable-cell\"> Philip Cramer <\/div><div class=\"cq-datatable-cell\"> Germany <\/div><\/div>\n<\/div>[\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221; css=&#8221;.vc_custom_1457880411956{padding-top: 100px !important;padding-bottom: 120px !important;}&#8221;][vc_column][vc_row_inner][vc_column_inner]<div class=\"cq-datatable   cq-datatable-large cq-datatable-grass\"><div class=\"cq-datatable-row cq-datatable-header cq-datatable-bg-sunflower\"><div class=\"cq-datatable-cell\" data-title=\"Firstname\"> Firstname <\/div><div class=\"cq-datatable-cell\" data-title=\"Lastname\"> Lastname <\/div><div class=\"cq-datatable-cell\" data-title=\"Saving\"> Saving <\/div><div class=\"cq-datatable-cell\" data-title=\"Points\"> Points <\/div><div class=\"cq-datatable-cell\" data-title=\"Date\"> Date <\/div><\/div><div class=\"cq-datatable-row cq-datatable-data\"><div class=\"cq-datatable-cell\"> John <\/div><div class=\"cq-datatable-cell\"> Smith <\/div><div class=\"cq-datatable-cell\"> $100 <\/div><div class=\"cq-datatable-cell\"> 84 <\/div><div class=\"cq-datatable-cell\"> 2017 <\/div><\/div><div class=\"cq-datatable-row cq-datatable-data\"><div class=\"cq-datatable-cell\"> Eve <\/div><div class=\"cq-datatable-cell\"> Jackson <\/div><div class=\"cq-datatable-cell\"> $103 <\/div><div class=\"cq-datatable-cell\"> 88 <\/div><div class=\"cq-datatable-cell\"> 2016 <\/div><\/div><div class=\"cq-datatable-row cq-datatable-data\"><div class=\"cq-datatable-cell\"> Adam <\/div><div class=\"cq-datatable-cell\"> Johnson <\/div><div class=\"cq-datatable-cell\"> $111 <\/div><div class=\"cq-datatable-cell\"> 75 <\/div><div class=\"cq-datatable-cell\"> 2015 <\/div><\/div><div class=\"cq-datatable-row cq-datatable-data\"><div class=\"cq-datatable-cell\"> Mary <\/div><div class=\"cq-datatable-cell\"> Brewer <\/div><div class=\"cq-datatable-cell\"> $99 <\/div><div class=\"cq-datatable-cell\"> 69 <\/div><div class=\"cq-datatable-cell\"> 2014 <\/div><\/div><div class=\"cq-datatable-row cq-datatable-data\"><div class=\"cq-datatable-cell\"> Nancy <\/div><div class=\"cq-datatable-cell\"> Harris <\/div><div class=\"cq-datatable-cell\"> $89 <\/div><div class=\"cq-datatable-cell\"> 76 <\/div><div class=\"cq-datatable-cell\"> 2013 <\/div><\/div><div class=\"cq-datatable-row cq-datatable-data\"><div class=\"cq-datatable-cell\"> Paul <\/div><div class=\"cq-datatable-cell\"> Burns <\/div><div class=\"cq-datatable-cell\"> $84 <\/div><div class=\"cq-datatable-cell\"> 88 <\/div><div class=\"cq-datatable-cell\"> 2012 <\/div><\/div>\n<\/div>[\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221; css=&#8221;.vc_custom_1457880008491{padding-top: 200px !important;padding-bottom: 200px !important;background-color: #4dd0e1 !important;}&#8221;][vc_column][vc_row_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_empty_space height=&#8221;12px&#8221;]<div class=\"cq-datatable   cq-datatable-medium cq-datatable-gray\"><div class=\"cq-datatable-row cq-datatable-header cq-datatable-bg-aqua\"><div class=\"cq-datatable-cell\" data-title=\"Hello column 1\"> Hello column 1 <\/div><div class=\"cq-datatable-cell\" data-title=\"Column 2\"> Column 2 <\/div><div class=\"cq-datatable-cell\" data-title=\"Column 3\"> Column 3 <\/div><div class=\"cq-datatable-cell\" data-title=\"Column 4\"> Column 4 <\/div><\/div><div class=\"cq-datatable-row cq-datatable-data\"><div class=\"cq-datatable-cell\"> Hello data 1 <\/div><div class=\"cq-datatable-cell\"> data 2 <\/div><div class=\"cq-datatable-cell\"> data 3 <\/div><div class=\"cq-datatable-cell\"> data 4 <\/div><\/div><div class=\"cq-datatable-row cq-datatable-data\"><div class=\"cq-datatable-cell\"> Hello data 1 <\/div><div class=\"cq-datatable-cell\"> data 2 <\/div><div class=\"cq-datatable-cell\"> data 3 <\/div><div class=\"cq-datatable-cell\"> data 4 <\/div><\/div><div class=\"cq-datatable-row cq-datatable-data\"><div class=\"cq-datatable-cell\"> Hello data 1 <\/div><div class=\"cq-datatable-cell\"> data 2 <\/div><div class=\"cq-datatable-cell\"> data 3 <\/div><div class=\"cq-datatable-cell\"> data 4 <\/div><\/div><div class=\"cq-datatable-row cq-datatable-data\"><div class=\"cq-datatable-cell\"> Hello data 1 <\/div><div class=\"cq-datatable-cell\"> data 2 <\/div><div class=\"cq-datatable-cell\"> data 3 <\/div><div class=\"cq-datatable-cell\"> data 4 <\/div><\/div><div class=\"cq-datatable-row cq-datatable-data\"><div class=\"cq-datatable-cell\"> Hello data 1 <\/div><div class=\"cq-datatable-cell\"> data 2 <\/div><div class=\"cq-datatable-cell\"> data 3 <\/div><div class=\"cq-datatable-cell\"> data 4 <\/div><\/div><div class=\"cq-datatable-row cq-datatable-data\"><div class=\"cq-datatable-cell\"> Hello data 1 <\/div><div class=\"cq-datatable-cell\"> data 2 <\/div><div class=\"cq-datatable-cell\"> data 3 <\/div><div class=\"cq-datatable-cell\"> data 4 <\/div><\/div>\n<\/div>[\/vc_column_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_empty_space height=&#8221;12px&#8221;][vc_column_text]<\/p>\n<h3><span style=\"font-size: 1.8em;\">Main Features:<\/span><\/h3>\n<ol>\n<li><span style=\"color: #333333;\">Built-in header background with customizable color option.<\/span><\/li>\n<li><span style=\"color: #333333;\">Built-in row style.<\/span><\/li>\n<li><span style=\"color: #333333;\">Support up to 10 columns.<\/span><\/li>\n<li><span style=\"color: #333333;\">Optional width and cell padding.<\/span><\/li>\n<li><span style=\"color: #333333;\">Responsive.<\/span><\/li>\n<li><span style=\"color: #333333;\">And more&#8230;<\/span><\/li>\n<\/ol>\n<p>[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row]<\/p>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>[vc_row full_width=&#8221;stretch_row&#8221; css=&#8221;.vc_custom_1520404601169{padding-top: 60px !important;padding-bottom: 120px !important;background-color: #ccd1d9 !important;}&#8221;][vc_column][vc_row_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_empty_space height=&#8221;12px&#8221;][vc_empty_space height=&#8221;12px&#8221;][\/vc_column_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_column_text] Basic Demo I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/pages\/3388"}],"collection":[{"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/comments?post=3388"}],"version-history":[{"count":25,"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/pages\/3388\/revisions"}],"predecessor-version":[{"id":3429,"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/pages\/3388\/revisions\/3429"}],"wp:attachment":[{"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/media?parent=3388"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}