{"id":78041,"date":"2022-03-22T08:44:19","date_gmt":"2022-03-22T08:44:19","guid":{"rendered":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/?page_id=78041"},"modified":"2023-08-29T14:17:14","modified_gmt":"2023-08-29T14:17:14","slug":"data-table","status":"publish","type":"page","link":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/data-table\/","title":{"rendered":"Data Table block for Gutenberg"},"content":{"rendered":"\n
<\/div>
\n
\n

Data Table
GUTENBERG<\/span> block<\/h1>

Designed so you can create visually captivating &
easily customizable tables containing your information<\/p><\/div><\/div>\n\n\n\n

<\/div>
\n
\n
TRY QI BLOCKS<\/span><\/a><\/div>\n\n\n\n
YOUTUBE TUTORIAL<\/span> <\/path><\/g><\/svg><\/span><\/span><\/a><\/div>\n<\/div><\/div>\n<\/div><\/section>\n<\/div><\/div>\n\n\n\n
\n
\"a\"<\/div><\/div><\/div>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n
<\/div>
\n
\n
Provide content for<\/span><\/h5>

Headings & items<\/h2><\/div><\/div>\n\n\n\n
<\/div>
Name<\/h5><\/div>
Address<\/h5><\/div>
City<\/h5><\/div>
Zip code<\/h5><\/div>
Country<\/h5><\/div><\/div>
1<\/div>
Yomika<\/div>
1727 Demorie Ave NW<\/div>
Cullman<\/div>
35055<\/div>
Alabama<\/div><\/div>
2<\/div>
Lolita<\/div>
705 SW 36th St Ter<\/div>
Blue Springs<\/div>
64015<\/div>
Missouri<\/div><\/div>
3<\/div>
Drake<\/div>
192 Private 1500 Rd<\/div>
Enterprise<\/div>
36330<\/div>
Alabama<\/div><\/div>
4<\/div>
Michael<\/div>
2018 County 1678 Rd<\/div>
Cullman<\/div>
37174<\/div>
Alabama<\/div><\/div>
5<\/div>
Sophia<\/div>
6899 Bitternut Ln<\/div>
Plainfield<\/div>
46168<\/div>
Indiana<\/div><\/div>
6<\/div>
Roberto<\/div>
1123 10th Ave SE<\/div>
Decatur<\/div>
35601<\/div>
Alabama<\/div><\/div>
7<\/div>
Anne<\/div>
883 23rd Rd<\/div>
Oakland<\/div>
68045<\/div>
Nebraska<\/div><\/div>
8<\/div>
Minareta<\/div>
27 E Hazel Mountain Rd<\/div>
Cleveland<\/div>
24225<\/div>
Virginia<\/div><\/div><\/div>
<\/div>
Name<\/h5><\/div>
Address<\/h5><\/div>
City<\/h5><\/div>
Zip code<\/h5><\/div>
Country<\/h5><\/div><\/div>
9<\/div>
Mia<\/div>
92 Private 1500 Rd<\/div>
New York<\/div>
10001<\/div>
New York<\/div><\/div>
10<\/div>
Phillip<\/div>
6899 Bitternut Ln<\/div>
Chicago<\/div>
60601<\/div>
Illinois<\/div><\/div>
11<\/div>
John<\/div>
51 Demorie Ave NW<\/div>
Boston<\/div>
02101<\/div>
Massachusetts<\/div><\/div>
12<\/div>
Dolores<\/div>
448 W Williams Ave<\/div>
Fallon<\/div>
89406<\/div>
Nevada<\/div><\/div>
13<\/div>
Marco<\/div>
6899 Bitternut Ln<\/div>
Plainfield<\/div>
46168<\/div>
Indiana<\/div><\/div>
14<\/div>
Monica<\/div>
51 E Hazel Mountain Rd<\/div>
Cleveland<\/div>
24225<\/div>
Virginia<\/div><\/div>
15<\/div>
Dereck<\/div>
1123 10th Ave SE<\/div>
Decatur<\/div>
35601<\/div>
Alabama<\/div><\/div>
16<\/div>
Hellen<\/div>
28 W Williams Ave<\/div>
Fallon<\/div>
89406<\/div>
Nevada<\/div><\/div><\/div><\/div>
<\/path><\/g><\/svg><\/span>1<\/span>2<\/span><\/path><\/g><\/svg><\/span><\/div><\/div><\/div>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n
<\/div>
\n
\n
You can feature both<\/span><\/h5>

Item images & text<\/h2><\/div><\/div>\n\n\n\n

GARDENING<\/h4><\/div>

COOKING<\/h4><\/div>

YOGA<\/h4><\/div>

WRITING<\/h4><\/div>

PLAYING<\/h4><\/div><\/div>
\"a\"\/<\/div>
\"a\"\/<\/div>
\"a\"\/<\/div>
\"a\"\/<\/div>
\"a\"\/<\/div><\/div>
Garden<\/a><\/div>
Cakes<\/a><\/div>
Vinyasa<\/a><\/div>
Descriptive<\/a><\/div>
Guitar<\/a><\/div><\/div>
Room<\/a><\/div>
Meet & Fish<\/a><\/div>
Hatha<\/a><\/div>
Expository<\/a><\/div>
Violine<\/a><\/div><\/div>
Decoration<\/a><\/div>
Pastries<\/a><\/div>
Ashtanga<\/a><\/div>
Persuasive<\/a><\/div>
Piano<\/a><\/div><\/div>
Wedding<\/a><\/div>
Soups<\/a><\/div>
Bikram<\/a><\/div>
Reflective<\/a><\/div>
Saxophone<\/a><\/div><\/div>
Accessories<\/a><\/div>
Appetiezers<\/a><\/div>
Iyengar<\/a><\/div>
Personal<\/a><\/div>
Drums<\/a><\/div><\/div><\/div>

GARDENING<\/h4><\/div>

COOKING<\/h4><\/div>

YOGA<\/h4><\/div>

WRITING<\/h4><\/div>

PLAYING<\/h4><\/div><\/div>
\"a\"\/<\/div>
\"a\"\/<\/div>
\"a\"\/<\/div>
\"a\"\/<\/div>
\"a\"\/<\/div><\/div>
Flowers<\/a><\/div>
Spaghetti<\/a><\/div>
Prenatal<\/a><\/div>
Narrative<\/a><\/div>
Cello<\/a><\/div><\/div>
Balcony<\/a><\/div>
Bread<\/a><\/div>
Kripalu<\/a><\/div>
Storytelling<\/a><\/div>
Trumpet<\/a><\/div><\/div>
Events<\/a><\/div>
Donuts<\/a><\/div>
Kundalini<\/a><\/div>
Creative<\/a><\/div>
Flute<\/a><\/div><\/div>
Plants<\/a><\/div>
Vegetables<\/a><\/div>
Sivananda<\/a><\/div>
Journalism<\/a><\/div>
Accordion<\/a><\/div><\/div>
Exterior<\/a><\/div>
Risotto<\/a><\/div>
Restorative<\/a><\/div>
Analytical<\/a><\/div>
Contrabass<\/a><\/div><\/div><\/div><\/div>
<\/path><\/g><\/svg><\/span>1<\/span>2<\/span><\/path><\/g><\/svg><\/span><\/div><\/div><\/div>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n
<\/div>
\n
\n
Include image patterns<\/span><\/h5>

Table background<\/h2><\/div><\/div>\n\n\n\n

<\/h4><\/div>

position<\/h4><\/div>

Office<\/h4><\/div>

Salary<\/h4><\/div><\/div>
<\/div>
\"a\"\/<\/div>
\"a\"\/<\/div>
\"a\"\/<\/div><\/div>
Phil Bailey<\/div>
Developer<\/div>
Berlin<\/div>
$3800<\/div><\/div>
Dan Dickens<\/div>
Credit Analyst<\/div>
Paris<\/div>
$5500<\/div><\/div>
Angela Allan<\/div>
IT Director<\/div>
Munich<\/div>
$10000<\/div><\/div>
Irene Dyer<\/div>
Asset Manager<\/div>
New York<\/div>
$7000<\/div><\/div>
Isaac Fisher<\/div>
Brand Manager<\/div>
London<\/div>
$4550<\/div><\/div>
Matt Lambert<\/div>
Copywriter<\/div>
Lisboa<\/div>
$5000<\/div><\/div><\/div><\/div><\/div><\/div>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n
<\/div>
\n
\n
Easily incorporate<\/span><\/h5>

Images in rows<\/h2><\/div><\/div>\n\n\n\n

<\/h4><\/div>

Name<\/h4><\/div>

Address<\/h4><\/div>

City<\/h4><\/div>

Country<\/h4><\/div><\/div>
\"a\"<\/div>
Lolita<\/a><\/div>
W Walnut St<\/a><\/div>

Blue Springs<\/div>
Missouri<\/a><\/div><\/div>
\"a\"<\/div>
Michael<\/a><\/div>
Plainfield<\/a><\/div>
Item Text<\/div>

Indiana<\/div><\/div>
\"a\"<\/div>
Maria<\/a><\/div>
Item Text<\/div>

Cleveland<\/div>
Virginia<\/a><\/div><\/div><\/div>

<\/h4><\/div>

Name<\/h4><\/div>

Address<\/h4><\/div>

City<\/h4><\/div>

Country<\/h4><\/div><\/div>
\"a\"<\/div>
Damiano<\/a><\/div>
192 Private 1500 Rd<\/a><\/div>
Enterprise<\/a><\/div>
Alabama<\/a><\/div><\/div>
\"a\"<\/div>
Lisa<\/a><\/div>
448 W Williams Ave<\/a><\/a><\/div>
Item Text<\/div>
Nevada<\/a><\/div><\/div>
\"a\"<\/div>
Doroty<\/a><\/div>
6899 Bitternut Ln<\/a><\/div>
Chicago<\/a><\/div>
Nevada<\/a><\/div><\/div><\/div>

<\/h4><\/div>

Name<\/h4><\/div>

Address<\/h4><\/div>

City<\/h4><\/div>

Country<\/h4><\/div><\/div>
\"a\"<\/div>
Diana<\/div>
1727 Demorie Ave NW<\/div>
Cullman<\/div>

Alabama<\/div><\/div>
\"a\"<\/div>
Sergio<\/a><\/div>
883 23rd Rd<\/a><\/div>
Oakland<\/a><\/div>
Nebraska<\/a><\/div><\/div><\/div><\/div>
<\/path><\/g><\/svg><\/span>1<\/span>2<\/span>3<\/span><\/path><\/g><\/svg><\/span><\/div><\/div><\/div>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n
<\/div>
\n
\n
Cell text & background<\/span><\/h5>

Data table colors<\/h2><\/div><\/div>\n\n\n\n

Name<\/h4><\/div>

Eyes color<\/h4><\/div>

Hair color<\/h4><\/div>

Height<\/h4><\/div><\/div>
Yomika<\/div>
Hazel<\/div>
Ginger<\/div>
168cm<\/div><\/div>
Lolita<\/div>
Dark brown<\/div>
Red<\/div>
160cm<\/div><\/div>
Drake<\/div>
Green<\/div>
Black<\/div>
190cm<\/div><\/div>
Michael<\/div>
Light blue<\/div>
Brown<\/div>
185cm<\/div><\/div>
Sophia<\/div>
Black<\/div>
Blue<\/div>
178cm<\/div><\/div>
Roberto<\/div>
Amber<\/div>
Black<\/div>
196cm<\/div><\/div>
Anne<\/div>
Green<\/div>
Pink<\/div>
161cm<\/div><\/div>
Minareta<\/div>
Blue-gray<\/div>
Brown<\/div>
155cm<\/div><\/div><\/div>

Name<\/h4><\/div>

Eyes color<\/h4><\/div>

Hair color<\/h4><\/div>

Height<\/h4><\/div><\/div>
John<\/div>
Black<\/div>
Black<\/div>
178cm<\/div><\/div>
Tamara<\/div>
Blue<\/div>
Brown<\/div>
175cm<\/div><\/div>
Jessica<\/div>
Brown<\/div>
Ginger<\/div>
169cm<\/div><\/div>
Mateo<\/div>
Item Text<\/div>
Brown<\/div>
190cm<\/div><\/div>
Cristina<\/div>
Green<\/div>
Black<\/div>
170cm<\/div><\/div>
Melanie<\/div>
Light-blue<\/div>
Pink<\/div>
175cm<\/div><\/div>
Marco<\/div>
Amber<\/div>
Black<\/div>
182cm<\/div><\/div>
Linda<\/div>
Hazel<\/div>
Ginger<\/div>
160cm<\/div><\/div><\/div><\/div>
<\/path><\/g><\/svg><\/span>1<\/span>2<\/span><\/path><\/g><\/svg><\/span><\/div><\/div><\/div>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n
<\/div>
\n
\n
Get Qi Blocks for Gutenberg with 80 professionally designed custom blocks for creating modern websites the easy way. Experience Full Site Editing executed to perfection!<\/h5><\/div>
\n
View More<\/span>\n<\/path>\n<\/svg><\/span><\/span><\/a><\/div>\n<\/div><\/div><\/div><\/div>\n<\/div><\/div>\n<\/div><\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"qi-full-width.php","meta":{"footnotes":""},"class_list":["post-78041","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/pages\/78041","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/comments?post=78041"}],"version-history":[{"count":5,"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/pages\/78041\/revisions"}],"predecessor-version":[{"id":85396,"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/pages\/78041\/revisions\/85396"}],"wp:attachment":[{"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/media?parent=78041"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}