{"id":6991,"date":"2021-08-06T18:38:14","date_gmt":"2021-08-06T18:38:14","guid":{"rendered":"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/?page_id=6991"},"modified":"2024-08-10T12:52:55","modified_gmt":"2024-08-10T12:52:55","slug":"table","status":"publish","type":"page","link":"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/elements\/table\/","title":{"rendered":"Table element"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Create your own tables with custom styles<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

UDesign table elements is useful to show lots of information in table format such as analysis of company in certain period.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"Table\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Style options galore<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

You have full control over the column options and style of your tables. No problem to customize the tables as you want.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\"\"<\/figure>

Customize column width<\/h3>

This option is to control width of columns in your table.<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t
\"Table<\/figure>

Rows and cols<\/h3>

This option is to add a new row or col in your table.<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t
\"\"<\/figure>

Change color & type<\/h3>

This option is to arrange the rows by background color in your table.<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t<\/div> \r\n\t\t\t\t<\/div>\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t\t

\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

2 Design styles to choose<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

UDesign Table element has 2 different design styles to choose from. Create your tables and display various kinds of contents to your visitors.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\r\n\t\t\t\t
\n\t\t\t\t\t\r\n
\r\n\t\r\n\t\t
Movie Title<\/span><\/div><\/th>
Lank<\/span><\/div><\/th>
Year<\/span><\/div><\/th>
Rating<\/span><\/div><\/th>
Reviews<\/span><\/div><\/th><\/tr><\/thead>\r\n\t\t
Basic Product<\/strong><\/span><\/div><\/th>
1<\/span><\/div><\/td>
2016<\/span><\/div><\/td>
100%<\/span><\/div><\/td>
170<\/span><\/div><\/td><\/tr>
25 Product Downloads<\/strong><\/span><\/div><\/th>
2<\/span><\/div><\/td>
2021<\/span><\/div><\/td>
97%<\/span><\/div><\/td>
36<\/span><\/div><\/td><\/tr>
Free Support<\/strong><\/span><\/div><\/th>
3<\/span><\/div><\/td>
2020<\/span><\/div><\/td>
97%<\/span><\/div><\/td>
70<\/span><\/div><\/td><\/tr>
Basic Customization<\/strong><\/span><\/div><\/th>
4<\/span><\/div><\/td>
2020<\/span><\/div><\/td>
93%<\/span><\/div><\/td>
31<\/span><\/div><\/td><\/tr>
Basic Product<\/strong><\/span><\/div><\/th>
5<\/span><\/div><\/td>
2019<\/span><\/div><\/td>
91%<\/span><\/div><\/td>
59<\/span><\/div><\/td><\/tr>
25 Product Downloads<\/strong><\/span><\/div><\/th>
6<\/span><\/div><\/td>
2018<\/span><\/div><\/td>
91%<\/span><\/div><\/td>
70<\/span><\/div><\/td><\/tr><\/tbody>\r\n\t<\/table>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\r\n\t\t\t\t
\n\t\t\t\t\t\r\n
\r\n\t\r\n\t\t
Movie Title<\/span><\/div><\/th>
Lank<\/span><\/div><\/th>
Year<\/span><\/div><\/th>
Rating<\/span><\/div><\/th>
Reviews<\/span><\/div><\/th><\/tr><\/thead>\r\n\t\t
Basic Product<\/strong><\/span><\/div><\/th>
1<\/span><\/div><\/td>
2016<\/span><\/div><\/td>
100%<\/span><\/div><\/td>
170<\/span><\/div><\/td><\/tr>
25 Product Downloads<\/strong><\/span><\/div><\/th>
2<\/span><\/div><\/td>
2021<\/span><\/div><\/td>
97%<\/span><\/div><\/td>
36<\/span><\/div><\/td><\/tr>
Free Support<\/strong><\/span><\/div><\/th>
3<\/span><\/div><\/td>
2020<\/span><\/div><\/td>
97%<\/span><\/div><\/td>
70<\/span><\/div><\/td><\/tr>
Basic Customization<\/strong><\/span><\/div><\/th>
4<\/span><\/div><\/td>
2020<\/span><\/div><\/td>
93%<\/span><\/div><\/td>
31<\/span><\/div><\/td><\/tr>
Basic Product<\/strong><\/span><\/div><\/th>
5<\/span><\/div><\/td>
2019<\/span><\/div><\/td>
91%<\/span><\/div><\/td>
59<\/span><\/div><\/td><\/tr>
25 Product Downloads<\/strong><\/span><\/div><\/th>
6<\/span><\/div><\/td>
2018<\/span><\/div><\/td>
91%<\/span><\/div><\/td>
70<\/span><\/div><\/td><\/tr><\/tbody>\r\n\t<\/table>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\r\n<\/svg>\r\n\t\t<\/div>\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Glossary<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Table element options<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Customize Elements Globally or Individually<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
    \n
  • Cell Text:<\/strong> Set text to be shown in the cell of table header.<\/li>\n
  • Show Icon:<\/strong> Show icon before or after text in the cell of table header.<\/li>\n
  • Column Span:<\/strong> Set columns to have across columns an element.<\/li>\n
  • Column Width:<\/strong> Set width of a column.<\/li>\n
  • Action:<\/strong> Add a new row or column to table.<\/li>\n
  • Cell Link:<\/strong> Input URL where you will move when cell is clicked.<\/li>\n
  • Table Width:<\/strong> Control width of the entire table.<\/li>\n
  • Border Radius:<\/strong> Control curve size of table in its corner.<\/li>\n
  • Box Shadow:<\/strong> Control shadow effect of table.<\/li>\n
  • Typography:<\/strong> Styling options for text in table.<\/li>\n
  • Color:<\/strong> Control color of text.<\/li>\n<\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t
    \r\n\r\n\t\t\t\t\r\n\t\t\t\t
    \r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t
      \n
    • Background color:<\/strong> Control background color of header.<\/li>\n
    • Padding:<\/strong> Control area of header.<\/li>\n
    • Border Type:<\/strong> Choose your border style.<\/li>\n
    • Alignment:<\/strong> Control horizontal alignment of text in cells.<\/li>\n
    • Vertical Alignment:<\/strong> Control vertical alignment of text in cells.<\/li>\n
    • Icon:<\/strong> Styling options for icons.<\/li>\n
    • Row Color:<\/strong> Set color of each row globally.<\/li>\n
    • Row Background Color:<\/strong> Set background color of each row globally.<\/li>\n
    • Stripped Row:<\/strong> Options for making row to stripped area in table.<\/li>\n
    • Link Color:<\/strong> Control color of link buttons.<\/li>\n<\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"

      Create your own tables with custom styles UDesign table elements is useful to show lots of information in table format such as analysis of company in certain period. Style options […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":2,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-6991","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-json\/wp\/v2\/pages\/6991","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-json\/wp\/v2\/comments?post=6991"}],"version-history":[{"count":2,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-json\/wp\/v2\/pages\/6991\/revisions"}],"predecessor-version":[{"id":31463,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-json\/wp\/v2\/pages\/6991\/revisions\/31463"}],"up":[{"embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-json\/wp\/v2\/pages\/2"}],"wp:attachment":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-json\/wp\/v2\/media?parent=6991"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}