Changelog History
Page 1
-
v6.1.0 Changes
November 28, 2020#104
customization can be easily done using sass variables only:
Demo: https://komarovalexander.github.io/ka-table/#/custom-theme
๐ป Docs: http://ka-table.com/docs_ui.html#themes -
v6.0.0 Changes
November 07, 2020๐ฆ after compilation modification package size decreased 25% less
before:
๐ version increased to 6.0.0 because of small breaking change:
- dataRow row content was a content of td element (cell)
now it is content of tr (row)
before
childComponents={{ dataRow: { content: (props) => <div>Content</div>, } }}
after
childComponents={{ dataRow: { content: ({columns}) => <td className='ka-cell' colSpan={columns.length}><div>Content</div></td>, } }}
- dataRow row content was a content of td element (cell)
-
v5.5.0 Changes
October 28, 2020const tablePropsInit: ITableProps = { columns: [ { key: 'column1', visible: false // hidden column }, ], //... };
Demo: https://komarovalexander.github.io/ka-table/#/column-settings
-
v5.4.0 Changes
October 23, 2020now it has remote modes and a 3-state single mode
demo: https://komarovalexander.github.io/ka-table/#/sorting -
v5.2.0 Changes
September 27, 2020๐ new action types:
DeselectAllFilteredRows = 'DeselectAllFilteredRows', DeselectAllVisibleRows = 'DeselectAllVisibleRows', SelectAllFilteredRows = 'SelectAllFilteredRows', SelectAllVisibleRows = 'SelectAllVisibleRows',
๐ new action creators:
deselectAllFilteredRows() deselectAllVisibleRows(); selectAllFilteredRows() selectAllVisibleRows()
๐ new utils methods:
kaPropsUtils.areAllFilteredRowsSelected(tableProps) kaPropsUtils.areAllVisibleRowsSelected(tableProps)
Demo: https://komarovalexander.github.io/ka-table/#/selection
-
v5.1.0 Changes
September 04, 2020to obtain element ref use ref property:
tableBody: { // tableBody is a new property in childComponents elementAttributes: () => ({ ref: theadRef }) },
-
v5.0.1 Changes
August 23, 2020๐ new props:
const tableProps = { ... columnReordering: boolean; height: string | number; width: string | number; }
๐ new items of childComponents:
public headCellContent?: ChildComponent<IHeadCellProps>; public tableWrapper?: ChildComponent<ITableProps>;
๐ฅ Breaking change:
to set the max-height use.ka-table-wrapper{ max-height: 400px; }
instead of
.ka-tbody{ max-height: 400px; }
-
v4.3.2 Changes
August 09, 2020 -
v4.3.1
August 09, 2020 -
v4.2.0 Changes
August 06, 2020๐ New action creator added:
selectRowsRange(rowKeyValueFrom, rowKeyValueTo)
where rowKeyValueFrom, rowKeyValueTo describe start and end of visible elements range (can be set in both direction)
๐ see Selection Demo