DataTable

v3.0.6

Overview

Columns are either Fixed Width or Responsive :

A single dGrid can have a mix of fixed and responsive columns 
The column header and its rows must have the same behavior (fixed or responsive (wrapping or truncated)). 
All columns have a minimum and a maximum width. A fixed width column is when the minimum and maximum width equal each other.

Responsive Columns are either Wrapping or Truncated:

Wrapping or Truncated can be set for the entire table or per column.
Responsive columns must have maximum and minimum width.
Responsive columns have a minimum width below which the column is truncated with tooltip on hover.
A truncated value, indicated with an elypsis, will display a tooltip on hover.

Responsive Viewport:

When the viewport is made larger than the dGrid an empty last column absorbs the extra space

Resizing column width:

Only the column being manipulated changes width, all surrounding columns
All columns to the right of the colunn being resized move in response but do not resize themselves
When the columns are sized below the viewport width the extra space is absorbed by an empty column on the right most side.

Content Types:

Controls (checkboxes, buttons, toggles, expandable carrot, toolbar) should be placed in fixed width columns
Progress indicators (horizontal) can be fixed or responsive (confirm with DEV team)
Text can be fixed or responsive
Numeric values can be fixed or responsive, however if responsive they should trunctate not wrap.
Text can be edited in a text box or a combo box
Truncation only applies to the view of the data in uneditable state. When editable the contents should scroll inside the control.

Vertical Alignment Rules When Wrapping