Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Table – the options in this section need checking to see which need to remain, there are a lot more options in my version (ag grid)

 

.pi-style__table

The rows in a data table and the background color at the bottom of a chart if it doesn’t fill an entire cell.

...

 

...

.ag-header-row

...

Applies to the header row of a table.

...

.pi-style__rotated-table-header-row

...

Applies to the header row of a ‘Rotated’ table.

.pi-style_table_body-row

...

Applies to the body rows in a table (not the header row).

...

.pi-style__table__body-row.ag-row-odd

...

Every odd data row in a table

...

 

 

...

.pi-style_table_body-row.ag-row-hover

...

Applies when a user hovers over a data row in a table

...

. 

.pi-style_table_body-row.ag-row-hover.pi-style_table-body-cell

...

 

 The style of a cell when the mouse hovers over a data row that contains cells. 

pi-style__table__body-row.ag-row-focus

...

 

...

Applies to a data row in a table when that row is selected.

...

pi-style__table-header-

...

 

 

cell

Applies to a data cell inside the header row of a table. 

.pi-style__table-header-cell.pi-style_table-header-

...

cell--is-numeric

The Header cell style for objects defined as numbers.

...

.pi-style__table-header-cell.pi-style_table-header-cell-

...

-is-date

The header cell style for objects defined as dates.

 

.pi-style__table-header-cell.pi-style_table-header-cell--

...

is-text

The header cell style for objects defined as text / characters.

...

.pi-style__table-header-cell .pi-style__table-header-cell__null-value

The header cell style for objects that have a null value in them.

.pi-style__table-group-header-cell

The header style for group headings.

...

 

...

...

.pi-style__table-group-header-cell.pi-style__table-group-header-cell--is-numeric

The header style for group headings that are numeric.

.pi-style__table-group-header-cell.pi-style__table-group-header-cell--is-date

The header style for group headings that are dates.

.pi-style__table-group-header-cell.pi-style__table-group-header-cell--is-text

The header style for group headings that are text.

.pi-style__table-group-header-cell.pi-style__table-group-header-cell__null-value

The header style for group headings that are null values.

.pi-style__table-body-cell

...

Applies to a data cell inside the body row of a table. 

.pi-style__table-body-cell.pi-style_table-body-

...

cell--is-numeric

Table cells that contain objects defined as numbers.

...

 

.pi-style__table-body-cell.pi-style_table-body-cell-

...

-is-date

Table cells that contain objects defined as dates.

...

 

.pi-style__table-body-cell.pi-style_table-body-cell-

...

-is-text

Table cells that contain objects defined as text / characters.

 

...

.pi-style__table-body-cell.pi-style_table-body-cell--

...

is-total-row

...

Applies to the total row

...

in a table

...

. 

 

.pi-style__table-body-cell.pi-style_table-body-cell--

...

is-total-col

...

Applies to the total column in a table. 

 

.pi-style__table-body-cell.ag-cell-focus

...

 

Applies to a cell when a data cell of a table is selected. 

.pi-style__table-body-cell .pi-style__table-body-cell__null-value

If a cell contains a null value; this class will determine how it’s going to be styled

...

 

td.pi-style__table-body-cell

Every cell in a table excluding the header.

 

.pi-style__table-body-cell.pi-style__table-body-cell—is-in-selected-row

...

.