Data TableΒΆ

This is a fork of facebook’s fixed-data-table product.

../../_images/DataTable_0.4.png

Here’s an example of the configuration:


type: 'DataTable',
header: 'Mi titulo',
data: 
    [
      [
        {foo: 1, bar: 2},
        {foo: 11, bar: 21},
        {foo: 111, bar: 222},
        {foo: 1, bar: 2},
      ]
    ],
settings: {
	table: {
		rowHeight: 40, 
		width: 800,
		maxHeight: 300,
		headerHeight:40
	},  
	columns: {
		flexGrow: 1,
		width: 150,
	},  
	cells: {
		height: 40, 
		width: 500,
	}
}
,

Available settings

  • hideControls Hide the controls
  • hideFilterHeader Hide the filter controls
  • settings:
    • settings.table: allows to configure all the properties for a table
    • settings.columns: allows to configure all the properties for columns
      • overrides: allows to override configurations for the column name number used as key.
    • settings.cells: allows to configure all the properties for cells
    • overrides: allows to override configurations for the cell in the row number used as key.
    • settings.hideControls: Hide row-numbers select in table header..
    • settings.hideFilterHeader: Hide filter box in table header.