No Preview

Sorry, but you either have no stories or none are selected somehow.

If the problem persists, check the browser console, or the terminal you've run Storybook from.



Enumerators


React Data Table provides you with enums instead of using strings for various properties. These are optional with JavaScript but required when using a TypeScript project. In any case, use the enums when you can.


Direction


    

  • Direction.LTR = 'ltr'
    • 

  • Direction.RTL = 'rtl'
    • 

  • Direction.AUTO = 'auto'
    • 



import DataTable { Direction } from 'react-data-table-Component';

<DataTable ... direction={Direction.AUTO} />


Alignment


    

  • LEFT = 'left'
    • 

  • RIGHT = 'right'
    • 

  • CENTER = 'center'
    • 



import DataTable { Alignment } from 'react-data-table-Component';

<DataTable ... subHeaderAlign={Alignment.Center} />


Media


    

  • SM = 'sm'
    • 

  • MD = 'md'
    • 

  • LG = 'lg'
    • 



import DataTable { Media } from 'react-data-table-Component';

const columns = [
	{
		name: 'Title',
		selector: row => row.title,
		hide: Media.SM
	}
];