Skip to content

Commit 930171b

Browse files
committed
add dynamic omit example
1 parent 97484dd commit 930171b

File tree

1 file changed

+42
-0
lines changed

1 file changed

+42
-0
lines changed
Lines changed: 42 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,42 @@
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);

0 commit comments

Comments
 (0)