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 :

table

Table Widget

The following is a table widget :

Table

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.
Was this helpful to you?