File tree Expand file tree Collapse file tree 1 file changed +42
-0
lines changed Expand file tree Collapse file tree 1 file changed +42
-0
lines changed Original file line number Diff line number Diff line change
1
+ import React from 'react' ;
2
+ import { storiesOf } from '@storybook/react' ;
3
+ import data from '../constants/sampleMovieData' ;
4
+ import DataTable from '../../../src/index' ;
5
+ import Button from '../shared/Button' ;
6
+
7
+ const OmitColumnTable = ( ) => {
8
+ const [ hideDirector , setHideDirector ] = React . useState ( false ) ;
9
+
10
+ const columns = React . useMemo ( ( ) => [
11
+ {
12
+ name : 'Title' ,
13
+ selector : 'title' ,
14
+ sortable : true ,
15
+ } ,
16
+ {
17
+ name : 'Director' ,
18
+ selector : 'director' ,
19
+ sortable : true ,
20
+ omit : hideDirector ,
21
+ } ,
22
+ {
23
+ name : 'Year' ,
24
+ selector : 'year' ,
25
+ sortable : true ,
26
+ } ,
27
+ ] , [ hideDirector ] ) ;
28
+
29
+ return (
30
+ < >
31
+ < Button onClick = { ( ) => setHideDirector ( ! hideDirector ) } > Hide Directory Column</ Button >
32
+ < DataTable
33
+ title = "Movie List"
34
+ columns = { columns }
35
+ data = { data }
36
+ />
37
+ </ >
38
+ ) ;
39
+ } ;
40
+
41
+ storiesOf ( 'General' , module )
42
+ . add ( 'Omit Column Dynamically' , OmitColumnTable ) ;
You can’t perform that action at this time.
0 commit comments