import TableFilter from 'cloudify-stage/basic/dataTable/TableFilter.js'

public class | source

TableFilter

Extends:

react~Component → TableFilter

Defines filter bar including filter fields which are displayed above the table

Access

Stage.Basic.DataTable.Filter

Usage

TableFilter

 <DataTable>

     ...

     <DataTable.Filter>
         <Input placeholder="Package name"/>
         <Input placeholder="Distribution"/>
     </DataTable.Filter>

     <DataTable.Action>
         <Button content='Upload' icon='add' labelPosition='left' />
     </DataTable.Action>

 </DataTable>

Static Member Summary

Static Public Members
public static	propTypes: *

Static Public Members

public static propTypes: * source

Properties:

Name	Type	Attribute	Description
children	object[]		filter fields
className	string	optional default:	name of the style class to be added