@@ -104,6 +104,7 @@ class FlexTableWrapper extends Component {
104
104
const {
105
105
className,
106
106
height,
107
+ helperClass,
107
108
itemClass,
108
109
itemHeight,
109
110
items,
@@ -117,14 +118,15 @@ class FlexTableWrapper extends Component {
117
118
gridClassName = { className }
118
119
headerHeight = { itemHeight }
119
120
height = { height }
121
+ helperClass = { helperClass }
120
122
onSortEnd = { onSortEnd }
121
123
rowClassName = { itemClass }
122
124
rowCount = { items . length }
123
125
rowGetter = { ( { index } ) => items [ index ] }
124
126
rowHeight = { itemHeight }
125
127
rowRenderer = { ( props ) => < SortableRowRenderer { ...props } /> }
126
128
width = { width }
127
- >
129
+ >
128
130
< FlexColumn
129
131
label = 'Index'
130
132
dataKey = 'value'
@@ -140,14 +142,23 @@ class FlexTableWrapper extends Component {
140
142
}
141
143
}
142
144
143
- const SortableInfiniteList = SortableContainer ( ( { className, items, itemClass, sortingIndex, useWindowAsScrollContainer } ) => {
145
+ const SortableInfiniteList = SortableContainer ( ( { className, items, itemClass, sortingIndex} ) => {
144
146
return (
145
147
< Infinite
146
148
className = { className }
147
149
containerHeight = { 600 }
148
150
elementHeight = { items . map ( ( { height} ) => height ) }
149
151
>
150
- { items . map ( ( { value, height} , index ) => < Item key = { `item-${ index } ` } className = { itemClass } sortingIndex = { sortingIndex } index = { index } value = { value } height = { height } /> ) }
152
+ { items . map ( ( { value, height} , index ) =>
153
+ < Item
154
+ key = { `item-${ index } ` }
155
+ className = { itemClass }
156
+ sortingIndex = { sortingIndex }
157
+ index = { index }
158
+ value = { value }
159
+ height = { height }
160
+ />
161
+ ) }
151
162
</ Infinite >
152
163
)
153
164
} ) ;
@@ -272,7 +283,7 @@ storiesOf('React Virtualized', module)
272
283
. add ( 'FlexTable usage' , ( ) => {
273
284
return (
274
285
< div className = { style . root } >
275
- < ListWrapper component = { FlexTableWrapper } items = { getItems ( 500 , 40 ) } itemHeight = { 40 } helperClass = { style . stylizedHelper } />
286
+ < ListWrapper component = { FlexTableWrapper } items = { getItems ( 500 , 50 ) } itemHeight = { 50 } helperClass = { style . stylizedHelper } />
276
287
</ div >
277
288
) ;
278
289
} )
0 commit comments