Component Request - Tables

[sbmadhav]

Tables Component

This component has a table layout which can be set to display in one of the following layouts if the width of the table exceeds the width of the parent container (in any view).

• [ ] A gradient:

1. The gradient can display on either end, or both ends, of the table if there is hidden data to be viewed. The left or right gradient disappears if the respective end of the table is reached.
2. A horizontal scroll bar should display on non-touch screen devices.

• [ ] Transpose to a list of tables:

1. The rows and columns get transposed. A unique table is created for each row.
2. The Author will need to configure only the original table layout. The list of tables will be generated automatically.

• [ ] There is no restriction on the maximum number of rows and/or columns.

• [ ] The configuration has to designate at least one of the following:

  1. The first row as the header row (this row will have the column labels).
     • A column label can span one or more columns.
  2. The first column as the header column (this column will have the row labels).
     • A row label cannot span one or more columns.
     • If the table is configured to display a gradient, there must be a configuration to have the first column to be locked (it is optional).

• [ ] Should be able to add an image into any cell.

• [ ] Should be able to add an icon into any cell.

• [ ] Should be able to set the column width independently for each column. The row height can expand with content wrapping.

  1. Images will scale to fit the column width.
  2. Text will wrap if it exceeds the column width.

• [ ] Colors:

1. Header color (if there is a designated header row and/or header column).
2. Uniform color for all data cells.
3. Alternating colors for rows.
4. Alternating colors for columns.

• [ ] Horizontal & vertical rules