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.

Table Image

Style options galore

You have full control over the column options and style of your tables. No problem to customize the tables as you want.

Customize column width

This option is to control width of columns in your table.

Table Image

Rows and cols

This option is to add a new row or col in your table.

Change color & type

This option is to arrange the rows by background color in your table.

2 Design styles to choose

UDesign Table element has 2 different design styles to choose from. Create your tables and display various kinds of contents to your visitors.

Movie Title
Lank
Year
Rating
Reviews
Basic Product
1
2016
100%
170
25 Product Downloads
2
2021
97%
36
Free Support
3
2020
97%
70
Basic Customization
4
2020
93%
31
Basic Product
5
2019
91%
59
25 Product Downloads
6
2018
91%
70
Movie Title
Lank
Year
Rating
Reviews
Basic Product
1
2016
100%
170
25 Product Downloads
2
2021
97%
36
Free Support
3
2020
97%
70
Basic Customization
4
2020
93%
31
Basic Product
5
2019
91%
59
25 Product Downloads
6
2018
91%
70

Glossary

Table element options

Customize Elements Globally or Individually

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