Home Reference Source Repository
import FilterTable from 'ntnu-react/material/FilterTable.js'
public class | source

FilterTable

Extends:

react~React.Component → FilterTable

A material-ui Table with sorting and filtering.

const columns = [
    {key: 'id', fieldName: 'Id', name: 'Id'},
    {key: 'title', fieldName: 'Title', name: 'Tittel'},
]

const items = [
    {Id: 23, Title: 'This one time...'},
    {Id: 7, Title: 'Free lunch'},
]


<FilterTable
    columns={columns}
    items={items}
    defaultSortBy={1}
    onSelect={this.handleSelect}
/>

Static Member Summary

Static Public Members
public static

Member Summary

Public Members
public

filterAndSort(items: Object[], options: Object): Object[]: function

public
public
public
public
public
public

Method Summary

Public Methods
public
public
public

render(): Node

Static Public Members

public static propTypes: Object source

Properties:

NameTypeAttributeDescription
columns [{key: string, fieldName: string, name: string}]

list of columns.

items Object[]

list of items. {<fieldName>: <value>}

onSelect function(selectedItem: Object)

callback function for selected item.

defaultSortBy number

which column index to default sort by. Default: 0.

defaultDesc boolean

is descending ordering on by default?

Public Members

public filterAndSort(items: Object[], options: Object): Object[]: function source

Return:

Object[]

list of filtered and sorted items.

public handleFilterChange: function source

public handleRowSelection: function source

public handleSortByChange: function source

public handleToggleDesc: function source

public selectionCallback: function source

public state: Object source

Public Methods

public componentDidMount() source

public componentWillReceiveProps(nextProps: *) source

Params:

NameTypeAttributeDescription
nextProps *

public render(): Node source

Return:

Node