@@ -16,8 +16,6 @@ import { TextAlign } from '@ui5/webcomponents-react/lib/TextAlign';
16
16
import { FlexBoxAlignItems } from ' @ui5/webcomponents-react/lib/FlexBoxAlignItems' ;
17
17
import { FlexBoxJustifyContent } from ' @ui5/webcomponents-react/lib/FlexBoxJustifyContent' ;
18
18
19
- import { TableWithManyColumns } from ' ./demo2' ;
20
-
21
19
<Meta
22
20
title = " Components / AnalyticalTable"
23
21
component = { AnalyticalTable }
@@ -129,7 +127,36 @@ import { TableWithManyColumns } from './demo2';
129
127
<Story name = " Default" >
130
128
{ (args ) => (
131
129
<div style = { { display: ' flex' , flexDirection: ' column' }} >
132
- <TableWithManyColumns />
130
+ <AnalyticalTable
131
+ { ... args }
132
+ title = { args .title }
133
+ data = { args .data }
134
+ columns = { args .columns }
135
+ loading = { args .loading }
136
+ alternateRowColor = { args .alternateRowColor }
137
+ sortable = { args .sortable }
138
+ filterable = { args .filterable }
139
+ visibleRows = { args .visibleRows }
140
+ minRows = { args .minRows }
141
+ groupable = { args .groupable }
142
+ selectionMode = { args .selectionMode }
143
+ scaleWidthMode = { args .scaleWidthMode }
144
+ onRowSelected = { args .onRowSelected }
145
+ onSort = { args .onSort }
146
+ onGroup = { args .onGroup }
147
+ onRowExpandChange = { args .onRowExpandChange }
148
+ groupBy = { args .groupBy }
149
+ rowHeight = { args .rowHeight }
150
+ selectedRowIds = { args .selectedRowIds }
151
+ onColumnsReordered = { args .onColumnsReordered }
152
+ withRowHighlight = { args .withRowHighlight }
153
+ highlightField = { args .highlightField }
154
+ infiniteScroll = { args .infiniteScroll }
155
+ infiniteScrollThreshold = { args .infiniteScrollThreshold }
156
+ onLoadMore = { args .onLoadMore }
157
+ selectionBehavior = { args .selectionBehavior }
158
+ overscanCountHorizontal = { args .overscanCountHorizontal }
159
+ />
133
160
</div >
134
161
)}
135
162
</Story >
0 commit comments