
Julian Galluzzo
Semantic HTML Table
A responsive & semantic HTML table built using divs with custom HTML tags.
Copy component

{"content":[{"id":"tflqto","name":"section","parent":0,"children":["mvnabs"],"settings":{"_padding":{"bottom":"100","top":"100","left":"5%","right":"5%"}},"label":"Table Section"},{"id":"mvnabs","name":"container","parent":"tflqto","children":["dbntoq"],"settings":{"_cssGlobalClasses":["tiiaks"]}},{"id":"dbntoq","name":"block","parent":"mvnabs","children":["ehrair","lutsrs"],"settings":{"tag":"custom","customTag":"table","_cssGlobalClasses":["vljgez"]},"label":"Table"},{"id":"ehrair","name":"block","parent":"dbntoq","children":["venkst"],"settings":{"tag":"custom","customTag":"thead","_cssGlobalClasses":["tynava"]},"label":"Head"},{"id":"venkst","name":"block","parent":"ehrair","children":["dqkify","wadcqw","jfucfi","exptpb"],"settings":{"tag":"custom","customTag":"tr","_cssGlobalClasses":["wkobve"]},"label":"Row"},{"id":"dqkify","name":"div","parent":"venkst","children":["wutpct"],"settings":{"tag":"custom","customTag":"th","_cssGlobalClasses":["anadrs"]},"label":"Col"},{"id":"wutpct","name":"text-basic","parent":"dqkify","children":[],"settings":{"text":"First name"},"label":"Text"},{"id":"wadcqw","name":"div","parent":"venkst","children":["ohyfmk"],"settings":{"tag":"custom","customTag":"th","_cssGlobalClasses":["anadrs"]},"label":"Col"},{"id":"ohyfmk","name":"text-basic","parent":"wadcqw","children":[],"settings":{"text":"Last name"},"label":"Text"},{"id":"jfucfi","name":"div","parent":"venkst","children":["uoiwkm"],"settings":{"tag":"custom","customTag":"th","_cssGlobalClasses":["anadrs"]},"label":"Col"},{"id":"uoiwkm","name":"text-basic","parent":"jfucfi","children":[],"settings":{"text":"Company"},"label":"Text"},{"id":"exptpb","name":"div","parent":"venkst","children":["ogfsre"],"settings":{"tag":"custom","customTag":"th","_cssGlobalClasses":["anadrs"]},"label":"Col"},{"id":"ogfsre","name":"text-basic","parent":"exptpb","children":[],"settings":{"text":"Country"},"label":"Text"},{"id":"lutsrs","name":"block","parent":"dbntoq","children":["kqwrdd","ckqadh","kveori","bmwlou","tbgbof"],"settings":{"_cssGlobalClasses":["riwubi"],"tag":"custom","customTag":"tbody"},"label":"Body"},{"id":"kqwrdd","name":"block","parent":"lutsrs","children":["bxwngz","qwzrdj","ohbyvc","vskign"],"settings":{"tag":"custom","customTag":"tr","_cssGlobalClasses":["wkobve"]},"label":"Row"},{"id":"bxwngz","name":"div","parent":"kqwrdd","children":["rdarrg"],"settings":{"_cssGlobalClasses":["anadrs"],"tag":"custom","customTag":"td"},"label":"Data"},{"id":"rdarrg","name":"text-basic","parent":"bxwngz","children":[],"settings":{"text":"Julian"}},{"id":"qwzrdj","name":"div","parent":"kqwrdd","children":["tdmqdm"],"settings":{"_cssGlobalClasses":["anadrs"],"tag":"custom","customTag":"td"},"label":"Data"},{"id":"tdmqdm","name":"text-basic","parent":"qwzrdj","children":[],"settings":{"text":"Galluzzo"}},{"id":"ohbyvc","name":"div","parent":"kqwrdd","children":["govvpz"],"settings":{"_cssGlobalClasses":["anadrs"],"tag":"custom","customTag":"td"},"label":"Data"},{"id":"govvpz","name":"text-basic","parent":"ohbyvc","children":[],"settings":{"text":"Memberstack"}},{"id":"vskign","name":"div","parent":"kqwrdd","children":["kyqlyh"],"settings":{"_cssGlobalClasses":["anadrs"],"tag":"custom","customTag":"td"},"label":"Data"},{"id":"kyqlyh","name":"text-basic","parent":"vskign","children":[],"settings":{"text":"Serbia"}},{"id":"ckqadh","name":"block","parent":"lutsrs","children":["dfmsxb","axsolj","fqtwjh","qrhxpu"],"settings":{"tag":"custom","customTag":"tr","_cssGlobalClasses":["wkobve"]},"label":"Row"},{"id":"dfmsxb","name":"div","parent":"ckqadh","children":["ouzlqq"],"settings":{"_cssGlobalClasses":["anadrs"],"tag":"custom","customTag":"td"},"label":"Data"},{"id":"ouzlqq","name":"text-basic","parent":"dfmsxb","children":[],"settings":{"text":"Duncan"}},{"id":"axsolj","name":"div","parent":"ckqadh","children":["ftgcya"],"settings":{"_cssGlobalClasses":["anadrs"],"tag":"custom","customTag":"td"},"label":"Data"},{"id":"ftgcya","name":"text-basic","parent":"axsolj","children":[],"settings":{"text":"Hamra"}},{"id":"fqtwjh","name":"div","parent":"ckqadh","children":["muljor"],"settings":{"_cssGlobalClasses":["anadrs"],"tag":"custom","customTag":"td"},"label":"Data"},{"id":"muljor","name":"text-basic","parent":"fqtwjh","children":[],"settings":{"text":"Memberstack"}},{"id":"qrhxpu","name":"div","parent":"ckqadh","children":["ttebcx"],"settings":{"_cssGlobalClasses":["anadrs"],"tag":"custom","customTag":"td"},"label":"Data"},{"id":"ttebcx","name":"text-basic","parent":"qrhxpu","children":[],"settings":{"text":"USA"}},{"id":"kveori","name":"block","parent":"lutsrs","children":["dafbvg","kyyssl","vohznx","ueelvd"],"settings":{"tag":"custom","customTag":"tr","_cssGlobalClasses":["wkobve"]},"label":"Row"},{"id":"dafbvg","name":"div","parent":"kveori","children":["hblmnn"],"settings":{"_cssGlobalClasses":["anadrs"],"tag":"custom","customTag":"td"},"label":"Data"},{"id":"hblmnn","name":"text-basic","parent":"dafbvg","children":[],"settings":{"text":"Molly"}},{"id":"kyyssl","name":"div","parent":"kveori","children":["hmvngt"],"settings":{"_cssGlobalClasses":["anadrs"],"tag":"custom","customTag":"td"},"label":"Data"},{"id":"hmvngt","name":"text-basic","parent":"kyyssl","children":[],"settings":{"text":"Floyd"}},{"id":"vohznx","name":"div","parent":"kveori","children":["wmpimz"],"settings":{"_cssGlobalClasses":["anadrs"],"tag":"custom","customTag":"td"},"label":"Data"},{"id":"wmpimz","name":"text-basic","parent":"vohznx","children":[],"settings":{"text":"Memberstack"}},{"id":"ueelvd","name":"div","parent":"kveori","children":["pfkadb"],"settings":{"_cssGlobalClasses":["anadrs"],"tag":"custom","customTag":"td"},"label":"Data"},{"id":"pfkadb","name":"text-basic","parent":"ueelvd","children":[],"settings":{"text":"England"}},{"id":"bmwlou","name":"block","parent":"lutsrs","children":["txxqxs","zrtkaz","syhoxp","witvar"],"settings":{"tag":"custom","customTag":"tr","_cssGlobalClasses":["wkobve"]},"label":"Row"},{"id":"txxqxs","name":"div","parent":"bmwlou","children":["jlvjhz"],"settings":{"_cssGlobalClasses":["anadrs"],"tag":"custom","customTag":"td"},"label":"Data"},{"id":"jlvjhz","name":"text-basic","parent":"txxqxs","children":[],"settings":{"text":"Tyler"}},{"id":"zrtkaz","name":"div","parent":"bmwlou","children":["engust"],"settings":{"_cssGlobalClasses":["anadrs"],"tag":"custom","customTag":"td"},"label":"Data"},{"id":"engust","name":"text-basic","parent":"zrtkaz","children":[],"settings":{"text":"Bell"}},{"id":"syhoxp","name":"div","parent":"bmwlou","children":["muhmet"],"settings":{"_cssGlobalClasses":["anadrs"],"tag":"custom","customTag":"td"},"label":"Data"},{"id":"muhmet","name":"text-basic","parent":"syhoxp","children":[],"settings":{"text":"Memberstack"}},{"id":"witvar","name":"div","parent":"bmwlou","children":["uuuiye"],"settings":{"_cssGlobalClasses":["anadrs"],"tag":"custom","customTag":"td"},"label":"Data"},{"id":"uuuiye","name":"text-basic","parent":"witvar","children":[],"settings":{"text":"USA"}},{"id":"tbgbof","name":"block","parent":"lutsrs","children":["iymaom","rtvwrf","vkzxyb","phzqlp"],"settings":{"tag":"custom","customTag":"tr","_cssGlobalClasses":["wkobve"]},"label":"Row"},{"id":"iymaom","name":"div","parent":"tbgbof","children":["gyxnas"],"settings":{"_cssGlobalClasses":["anadrs"],"tag":"custom","customTag":"td"},"label":"Data"},{"id":"gyxnas","name":"text-basic","parent":"iymaom","children":[],"settings":{"text":"Josh"}},{"id":"rtvwrf","name":"div","parent":"tbgbof","children":["zfrjot"],"settings":{"_cssGlobalClasses":["anadrs"],"tag":"custom","customTag":"td"},"label":"Data"},{"id":"zfrjot","name":"text-basic","parent":"rtvwrf","children":[],"settings":{"text":"Lopez"}},{"id":"vkzxyb","name":"div","parent":"tbgbof","children":["bhdzrr"],"settings":{"_cssGlobalClasses":["anadrs"],"tag":"custom","customTag":"td"},"label":"Data"},{"id":"bhdzrr","name":"text-basic","parent":"vkzxyb","children":[],"settings":{"text":"Memberstack"}},{"id":"phzqlp","name":"div","parent":"tbgbof","children":["mbfnid"],"settings":{"_cssGlobalClasses":["anadrs"],"tag":"custom","customTag":"td"},"label":"Data"},{"id":"mbfnid","name":"text-basic","parent":"phzqlp","children":[],"settings":{"text":"USA"}}],"source":"bricksCopiedElements","sourceUrl":"https://postpilot.local","version":"1.12.1","globalClasses":[{"id":"tiiaks","name":"table__container","settings":{"_overflow":"auto","_border":{"width":{"top":"1","right":"1","left":"1"},"style":"solid"}}},{"id":"vljgez","name":"table","settings":{"_typography":{"text-align":"left"},"_cssCustom":".table {\n border-collapse: collapse;\n}","_widthMin":"600"}},{"id":"tynava","name":"table__head","settings":{}},{"id":"wkobve","name":"table__row","settings":{"_direction":"row","_justifyContent":"space-between","_border":{"width":{"bottom":"1"},"style":"solid"},"_background:nth-child(even)":{"color":{"hex":"#f7f7f7"}}}},{"id":"anadrs","name":"table__data","settings":{"_flexGrow":"1","_width":"25%","_padding":{"bottom":"5","top":"5","left":"10","right":"10"}}},{"id":"riwubi","name":"table__body","settings":[]}],"globalElements":[]}
Similar components
There are no other components in this category yet! To view all components, go to our home page.