{"id":574,"date":"2017-07-09T20:20:20","date_gmt":"2017-07-09T20:20:20","guid":{"rendered":"https:\/\/psd2htmlconverter.com\/en\/blog\/?p=574"},"modified":"2017-10-16T20:20:37","modified_gmt":"2017-10-16T20:20:37","slug":"create-tables-with-psd-to-html-converter","status":"publish","type":"post","link":"https:\/\/blog.psd2htmlconverter.com\/en\/2017\/07\/09\/create-tables-with-psd-to-html-converter\/","title":{"rendered":"Create tables with PSD to HTML converter"},"content":{"rendered":"<p>We added possibility to create tables from layers of PSD template. <!--more--><\/p>\n<p>In order to <a href=\"\/\/psd2htmlconverter.com\/en\/convert-psd-to-html\/\">create HTML table<\/a> please use following tags:<\/p>\n<ul>\n<li><strong>#table<\/strong> &#8211; mandatory tag. Add it to the layer group which contains all other table&#8217;s layers.<\/li>\n<li><strong>#thead<\/strong> &#8211; optional tag. If you want to put one or several rows into table&#8217;s header &lt;thead&gt;, then unite all the cells into a group and add #thead tag to its name.<\/li>\n<li><strong>#tbody<\/strong> &#8211; optional tag. In the same way as for the #thead tag, you can unite layers which correspond to table&#8217;s cells into one group and add tag #tbody to its name. In resulting html code corresponding rows will be wrapped by &lt;tbody&gt; tag.<\/li>\n<li><strong>#tfoot<\/strong> &#8211; optional tag. use it in the same ways as #thead and #tbody.<\/li>\n<\/ul>\n<p>Table, any row and any cell may have its own background image.<\/p>\n<p>Cells of the table are detected automatically. Every table&#8217;s row shall contain the same number of cells, union of table&#8217;s cells is not supported. If table&#8217;s structure failed to pass validation rules, then the service will generate a warning that table cannot be recognized.\u00a0In this case please double check that layers indeed can be converted into a table.<\/p>\n<p>Download and check out <a href=\"http:\/\/psd2htmlconverter.com\/files\/TableExample.psd\">example of PSD template with a table<\/a> and <a href=\"http:\/\/psd2htmlconverter.com\/files\/TableExample.zip\">result of psd to html conversion<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>We added possibility to create tables from layers of PSD template.<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-574","post","type-post","status-publish","format-standard","hentry","category-all"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/posts\/574","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/comments?post=574"}],"version-history":[{"count":2,"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/posts\/574\/revisions"}],"predecessor-version":[{"id":576,"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/posts\/574\/revisions\/576"}],"wp:attachment":[{"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/media?parent=574"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/categories?post=574"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/tags?post=574"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}