Table

Overview

The Table Widget allows you to embed a table any where in the web page and fully customizable according to your needs. This widget is responsive according to the devices and the customization level is from single cell to whole table. You can add any number of rows or columns.

Screenshot

The following is a GIF video to show you how to use the table widget and the various options available :

The following is a table widget :

ID	Name	Designation
1.	Mr. Thomas Gale	Project Manager
2.	Mr. Ricky Pointing	Web Developer
3.	Mr. Newt Golves	Tester

Table Row

Table Cell

Data : Set the text of cell.

Cell Type : Select thecell type viz. standard or header type.

Colors : Choose the state in which color is to be displayed viz. Normal or Hover.

Colors : Set the color of cell text.

Background Color : Set the background color of cell.

Colspan : Set the width of the cell.

Rowspan : Set the height of the cell.

Colors : Choose the state in which color is to be displayed viz. Normal or Hover.

Colors : Set the color of row text.

Background Color : Set the background color of row.

Typography : Choose the typography for row text.

Row Data Padding : Set the padding of the whole Row.

Width : Set the width of the whole table.

Height : Set the height of the whole table.

Table Data Padding : Set the padding of every block of table.

Table Style

Table Position : Choose the position of table from left, center o right.

Content Align : Choose the position of cells text from left, center o right.

Vertical Align : Choose the position of cells text from top, center o bottom.

Colors : Choose the state in which color effects has to be displayed viz. Odd Row, Even Row, or Hover.

Colors : Set the color of row text.

Background Color : Set the background color of row.

Typography : Choose the typography for cells text.

Border Type : Set the border type. CLICK HERE to see the types of border.

Border Color : Set the border color.

Border Width : Set the border width.

Quick Links

On this page