@progress/kendo-themes-html 13.1.1-dev.1 → 13.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-themes-html",
|
|
3
3
|
"description": "A collection of HTML helpers used for developing Kendo UI themes",
|
|
4
|
-
"version": "13.1.1
|
|
4
|
+
"version": "13.1.1",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"keywords": [
|
|
@@ -62,5 +62,5 @@
|
|
|
62
62
|
"react-dom": "^19.0.0",
|
|
63
63
|
"vitest": "^4.0.18"
|
|
64
64
|
},
|
|
65
|
-
"gitHead": "
|
|
65
|
+
"gitHead": "c476cef223e305c6f403a0d9610bf838041639fe"
|
|
66
66
|
}
|
|
@@ -1,570 +0,0 @@
|
|
|
1
|
-
import { ActionSheetNormal, ActionSheetHeader, ActionSheetFooter } from "../../action-sheet";
|
|
2
|
-
import { Button } from "../../button";
|
|
3
|
-
import { ChipList, Chip, ChipAction } from "../../chip";
|
|
4
|
-
import { ColumnMenuNormal, ColumnMenuItemWrapper, ColumnMenuItem, ColumnMenuExpander } from "../../column-menu";
|
|
5
|
-
import { Icon } from "../../icon";
|
|
6
|
-
import { TableThead, TableRow, TableTbody, TableTd } from "../../table";
|
|
7
|
-
import { GridContainer } from "../grid-container.spec";
|
|
8
|
-
import { GridContent } from "../grid-content.spec";
|
|
9
|
-
import { GridGroupingHeader } from "../grid-grouping-header.spec";
|
|
10
|
-
import GridHeaderCell from "../grid-header-cell.spec";
|
|
11
|
-
import { GridHeaderTable } from "../grid-header-table.spec";
|
|
12
|
-
import { GridHeader } from "../grid-header.spec";
|
|
13
|
-
import { GridPinnedContainer } from "../grid-pinned-container.spec";
|
|
14
|
-
import { GridTable } from "../grid-table.spec";
|
|
15
|
-
import Grid from "../grid.spec";
|
|
16
|
-
|
|
17
|
-
const styles = `
|
|
18
|
-
#test-area {
|
|
19
|
-
max-width: 1060px;
|
|
20
|
-
--kendo-actionsheet-height: 400px;
|
|
21
|
-
--kendo-actionsheet-max-height: 400px;
|
|
22
|
-
}
|
|
23
|
-
#test-area > section {
|
|
24
|
-
height: 600px;
|
|
25
|
-
outline: 1px dotted;
|
|
26
|
-
overflow: hidden;
|
|
27
|
-
position: relative;
|
|
28
|
-
transform: translateZ(0);
|
|
29
|
-
}
|
|
30
|
-
`;
|
|
31
|
-
|
|
32
|
-
export default () => (
|
|
33
|
-
<>
|
|
34
|
-
<style>{styles}</style>
|
|
35
|
-
<div id="test-area" className="k-d-grid k-grid-cols-2">
|
|
36
|
-
<section>
|
|
37
|
-
<Grid
|
|
38
|
-
className="k-grid-no-scrollbar"
|
|
39
|
-
_renderAriaRoot
|
|
40
|
-
groupingHeader={
|
|
41
|
-
<GridGroupingHeader>
|
|
42
|
-
<ChipList>
|
|
43
|
-
<Chip
|
|
44
|
-
text="Rating"
|
|
45
|
-
actions={
|
|
46
|
-
<>
|
|
47
|
-
<ChipAction type="remove" />
|
|
48
|
-
</>
|
|
49
|
-
}
|
|
50
|
-
/>
|
|
51
|
-
</ChipList>
|
|
52
|
-
</GridGroupingHeader>
|
|
53
|
-
}
|
|
54
|
-
>
|
|
55
|
-
<GridHeader draggable>
|
|
56
|
-
<div className="k-grid-header-wrap">
|
|
57
|
-
<GridHeaderTable>
|
|
58
|
-
<colgroup>
|
|
59
|
-
<col className="k-group-col" />
|
|
60
|
-
<col />
|
|
61
|
-
<col />
|
|
62
|
-
<col />
|
|
63
|
-
<col />
|
|
64
|
-
</colgroup>
|
|
65
|
-
<TableThead>
|
|
66
|
-
<TableRow>
|
|
67
|
-
<GridHeaderCell colspan={1} rowspan={1} className="k-group-cell" accessibleLabel="Group"></GridHeaderCell>
|
|
68
|
-
<GridHeaderCell colspan={1} columnTitle="Contact Name"></GridHeaderCell>
|
|
69
|
-
<GridHeaderCell colspan={1} columnTitle="Job Title"></GridHeaderCell>
|
|
70
|
-
<GridHeaderCell colspan={1} columnTitle="Country"></GridHeaderCell>
|
|
71
|
-
<GridHeaderCell colspan={1} columnTitle="Rating"></GridHeaderCell>
|
|
72
|
-
</TableRow>
|
|
73
|
-
</TableThead>
|
|
74
|
-
</GridHeaderTable>
|
|
75
|
-
</div>
|
|
76
|
-
</GridHeader>
|
|
77
|
-
<GridContainer>
|
|
78
|
-
<GridContent>
|
|
79
|
-
<GridTable>
|
|
80
|
-
<colgroup>
|
|
81
|
-
<col className="k-group-col" />
|
|
82
|
-
<col />
|
|
83
|
-
<col />
|
|
84
|
-
<col />
|
|
85
|
-
<col />
|
|
86
|
-
</colgroup>
|
|
87
|
-
<TableTbody>
|
|
88
|
-
<TableRow className="k-table-group-row k-grouping-row">
|
|
89
|
-
<TableTd colspan={5}>
|
|
90
|
-
<p className="k-reset">
|
|
91
|
-
<Icon icon="caret-alt-down" />
|
|
92
|
-
Rating 3/5
|
|
93
|
-
</p>
|
|
94
|
-
</TableTd>
|
|
95
|
-
</TableRow>
|
|
96
|
-
<TableRow className="k-master-row">
|
|
97
|
-
<TableTd className="k-table-group-td k-group-cell"></TableTd>
|
|
98
|
-
<TableTd colspan={1}>Sig Jeannel</TableTd>
|
|
99
|
-
<TableTd colspan={1}>Human Resources Assistant III</TableTd>
|
|
100
|
-
<TableTd colspan={1}>USA</TableTd>
|
|
101
|
-
<TableTd colspan={1}>3/5</TableTd>
|
|
102
|
-
</TableRow>
|
|
103
|
-
<TableRow className="k-master-row" alt>
|
|
104
|
-
<TableTd className="k-table-group-td k-group-cell"></TableTd>
|
|
105
|
-
<TableTd colspan={1}>Isadora Plumtree</TableTd>
|
|
106
|
-
<TableTd colspan={1}>Graphic Designer</TableTd>
|
|
107
|
-
<TableTd colspan={1}>Brazil</TableTd>
|
|
108
|
-
<TableTd colspan={1}>3/5</TableTd>
|
|
109
|
-
</TableRow>
|
|
110
|
-
<TableRow className="k-master-row">
|
|
111
|
-
<TableTd className="k-table-group-td k-group-cell"></TableTd>
|
|
112
|
-
<TableTd colspan={1}>Xerxes Borson</TableTd>
|
|
113
|
-
<TableTd colspan={1}>Content Writer</TableTd>
|
|
114
|
-
<TableTd colspan={1}>Netherlands</TableTd>
|
|
115
|
-
<TableTd colspan={1}>3/5</TableTd>
|
|
116
|
-
</TableRow>
|
|
117
|
-
<TableRow className="k-table-group-row k-grouping-row">
|
|
118
|
-
<TableTd colspan={5}>
|
|
119
|
-
<p className="k-reset">
|
|
120
|
-
<Icon icon="caret-alt-down" />
|
|
121
|
-
Rating 1/5
|
|
122
|
-
</p>
|
|
123
|
-
</TableTd>
|
|
124
|
-
</TableRow>
|
|
125
|
-
<TableRow className="k-master-row">
|
|
126
|
-
<TableTd className="k-table-group-td k-group-cell"></TableTd>
|
|
127
|
-
<TableTd colspan={1}>Ruthi Bldini</TableTd>
|
|
128
|
-
<TableTd colspan={1}>Coordinator</TableTd>
|
|
129
|
-
<TableTd colspan={1}>Canada</TableTd>
|
|
130
|
-
<TableTd colspan={1}>1/5</TableTd>
|
|
131
|
-
</TableRow>
|
|
132
|
-
<TableRow className="k-master-row" alt>
|
|
133
|
-
<TableTd className="k-table-group-td k-group-cell"></TableTd>
|
|
134
|
-
<TableTd colspan={1}>Marcelina Vee</TableTd>
|
|
135
|
-
<TableTd colspan={1}>Marketing Specialist</TableTd>
|
|
136
|
-
<TableTd colspan={1}>China</TableTd>
|
|
137
|
-
<TableTd colspan={1}>1/5</TableTd>
|
|
138
|
-
</TableRow>
|
|
139
|
-
<TableRow className="k-master-row">
|
|
140
|
-
<TableTd className="k-table-group-td k-group-cell"></TableTd>
|
|
141
|
-
<TableTd colspan={1}>Finnian Bramble</TableTd>
|
|
142
|
-
<TableTd colspan={1}>Business Analyst</TableTd>
|
|
143
|
-
<TableTd colspan={1}>Russia</TableTd>
|
|
144
|
-
<TableTd colspan={1}>1/5</TableTd>
|
|
145
|
-
</TableRow>
|
|
146
|
-
</TableTbody>
|
|
147
|
-
</GridTable>
|
|
148
|
-
</GridContent>
|
|
149
|
-
</GridContainer>
|
|
150
|
-
</Grid>
|
|
151
|
-
</section>
|
|
152
|
-
|
|
153
|
-
<section>
|
|
154
|
-
<Grid
|
|
155
|
-
className="k-grid-no-scrollbar"
|
|
156
|
-
_renderAriaRoot
|
|
157
|
-
groupingHeader={
|
|
158
|
-
<GridGroupingHeader>
|
|
159
|
-
<ChipList>
|
|
160
|
-
<Chip
|
|
161
|
-
text="Rating"
|
|
162
|
-
actions={
|
|
163
|
-
<>
|
|
164
|
-
<ChipAction type="remove" />
|
|
165
|
-
</>
|
|
166
|
-
}
|
|
167
|
-
/>
|
|
168
|
-
</ChipList>
|
|
169
|
-
</GridGroupingHeader>
|
|
170
|
-
}
|
|
171
|
-
>
|
|
172
|
-
<GridHeader draggable>
|
|
173
|
-
<div className="k-grid-header-wrap">
|
|
174
|
-
<GridHeaderTable>
|
|
175
|
-
<colgroup>
|
|
176
|
-
<col className="k-group-col" />
|
|
177
|
-
<col />
|
|
178
|
-
<col />
|
|
179
|
-
<col />
|
|
180
|
-
<col />
|
|
181
|
-
</colgroup>
|
|
182
|
-
<TableThead>
|
|
183
|
-
<TableRow>
|
|
184
|
-
<GridHeaderCell colspan={1} rowspan={1} className="k-group-cell" accessibleLabel="Group"></GridHeaderCell>
|
|
185
|
-
<GridHeaderCell colspan={1} columnTitle="Contact Name"></GridHeaderCell>
|
|
186
|
-
<GridHeaderCell colspan={1} columnTitle="Job Title"></GridHeaderCell>
|
|
187
|
-
<GridHeaderCell colspan={1} columnTitle="Country"></GridHeaderCell>
|
|
188
|
-
<GridHeaderCell colspan={1} columnTitle="Rating"></GridHeaderCell>
|
|
189
|
-
</TableRow>
|
|
190
|
-
</TableThead>
|
|
191
|
-
</GridHeaderTable>
|
|
192
|
-
</div>
|
|
193
|
-
</GridHeader>
|
|
194
|
-
<GridContainer>
|
|
195
|
-
<GridContent>
|
|
196
|
-
<GridTable>
|
|
197
|
-
<colgroup>
|
|
198
|
-
<col className="k-group-col" />
|
|
199
|
-
<col />
|
|
200
|
-
<col />
|
|
201
|
-
<col />
|
|
202
|
-
<col />
|
|
203
|
-
</colgroup>
|
|
204
|
-
<TableTbody>
|
|
205
|
-
<TableRow className="k-table-group-row k-grouping-row">
|
|
206
|
-
<TableTd colspan={5}>
|
|
207
|
-
<p className="k-reset">
|
|
208
|
-
<Icon icon="caret-alt-down" />
|
|
209
|
-
Rating 3/5
|
|
210
|
-
</p>
|
|
211
|
-
</TableTd>
|
|
212
|
-
</TableRow>
|
|
213
|
-
<TableRow className="k-master-row">
|
|
214
|
-
<TableTd className="k-table-group-td k-group-cell"></TableTd>
|
|
215
|
-
<TableTd colspan={1}>Sig Jeannel</TableTd>
|
|
216
|
-
<TableTd colspan={1}>Human Resources Assistant III</TableTd>
|
|
217
|
-
<TableTd colspan={1}>USA</TableTd>
|
|
218
|
-
<TableTd colspan={1}>3/5</TableTd>
|
|
219
|
-
</TableRow>
|
|
220
|
-
<TableRow className="k-master-row" alt>
|
|
221
|
-
<TableTd className="k-table-group-td k-group-cell"></TableTd>
|
|
222
|
-
<TableTd colspan={1}>Isadora Plumtree</TableTd>
|
|
223
|
-
<TableTd colspan={1}>Graphic Designer</TableTd>
|
|
224
|
-
<TableTd colspan={1}>Brazil</TableTd>
|
|
225
|
-
<TableTd colspan={1}>3/5</TableTd>
|
|
226
|
-
</TableRow>
|
|
227
|
-
<TableRow className="k-master-row">
|
|
228
|
-
<TableTd className="k-table-group-td k-group-cell"></TableTd>
|
|
229
|
-
<TableTd colspan={1}>Xerxes Borson</TableTd>
|
|
230
|
-
<TableTd colspan={1}>Content Writer</TableTd>
|
|
231
|
-
<TableTd colspan={1}>Netherlands</TableTd>
|
|
232
|
-
<TableTd colspan={1}>3/5</TableTd>
|
|
233
|
-
</TableRow>
|
|
234
|
-
<TableRow className="k-table-group-row k-grouping-row">
|
|
235
|
-
<TableTd colspan={5}>
|
|
236
|
-
<p className="k-reset">
|
|
237
|
-
<Icon icon="caret-alt-down" />
|
|
238
|
-
Rating 1/5
|
|
239
|
-
</p>
|
|
240
|
-
</TableTd>
|
|
241
|
-
</TableRow>
|
|
242
|
-
<TableRow className="k-master-row">
|
|
243
|
-
<TableTd className="k-table-group-td k-group-cell"></TableTd>
|
|
244
|
-
<TableTd colspan={1}>Ruthi Bldini</TableTd>
|
|
245
|
-
<TableTd colspan={1}>Coordinator</TableTd>
|
|
246
|
-
<TableTd colspan={1}>Canada</TableTd>
|
|
247
|
-
<TableTd colspan={1}>1/5</TableTd>
|
|
248
|
-
</TableRow>
|
|
249
|
-
<TableRow className="k-master-row" alt>
|
|
250
|
-
<TableTd className="k-table-group-td k-group-cell"></TableTd>
|
|
251
|
-
<TableTd colspan={1}>Marcelina Vee</TableTd>
|
|
252
|
-
<TableTd colspan={1}>Marketing Specialist</TableTd>
|
|
253
|
-
<TableTd colspan={1}>China</TableTd>
|
|
254
|
-
<TableTd colspan={1}>1/5</TableTd>
|
|
255
|
-
</TableRow>
|
|
256
|
-
<TableRow className="k-master-row">
|
|
257
|
-
<TableTd className="k-table-group-td k-group-cell"></TableTd>
|
|
258
|
-
<TableTd colspan={1}>Finnian Bramble</TableTd>
|
|
259
|
-
<TableTd colspan={1}>Business Analyst</TableTd>
|
|
260
|
-
<TableTd colspan={1}>Russia</TableTd>
|
|
261
|
-
<TableTd colspan={1}>1/5</TableTd>
|
|
262
|
-
</TableRow>
|
|
263
|
-
</TableTbody>
|
|
264
|
-
</GridTable>
|
|
265
|
-
</GridContent>
|
|
266
|
-
</GridContainer>
|
|
267
|
-
</Grid>
|
|
268
|
-
<ActionSheetNormal
|
|
269
|
-
adaptive
|
|
270
|
-
header={<ActionSheetHeader actionsEnd={<Button icon="check" size="large" fillMode="flat" />} title="Group Content Menu" />}
|
|
271
|
-
footer={
|
|
272
|
-
<ActionSheetFooter>
|
|
273
|
-
<Button icon="cancel-outline" size="large">
|
|
274
|
-
Cancel
|
|
275
|
-
</Button>
|
|
276
|
-
<Button icon="check" size="large" themeColor="primary" disabled>
|
|
277
|
-
Apply
|
|
278
|
-
</Button>
|
|
279
|
-
</ActionSheetFooter>
|
|
280
|
-
}
|
|
281
|
-
>
|
|
282
|
-
<ColumnMenuNormal size="large">
|
|
283
|
-
<ColumnMenuItemWrapper>
|
|
284
|
-
<ColumnMenuItem text="Hide row" startIcon="eye-slash" />
|
|
285
|
-
<ColumnMenuItem text="Set row sticky" startIcon="stick" />
|
|
286
|
-
<ColumnMenuExpander itemText="Pin group" itemStartIcon="pin-outline" expanderIcon="chevron-right" />
|
|
287
|
-
<ColumnMenuExpander itemText="Copy" itemStartIcon="copy" expanderIcon="chevron-right" />
|
|
288
|
-
<ColumnMenuItem text="Select all rows" startIcon="grid-layout" />
|
|
289
|
-
<ColumnMenuExpander itemText="Export" itemStartIcon="export" expanderIcon="chevron-right" />
|
|
290
|
-
</ColumnMenuItemWrapper>
|
|
291
|
-
</ColumnMenuNormal>
|
|
292
|
-
</ActionSheetNormal>
|
|
293
|
-
</section>
|
|
294
|
-
|
|
295
|
-
<section>
|
|
296
|
-
<Grid
|
|
297
|
-
className="k-grid-no-scrollbar"
|
|
298
|
-
_renderAriaRoot
|
|
299
|
-
groupingHeader={
|
|
300
|
-
<GridGroupingHeader>
|
|
301
|
-
<ChipList>
|
|
302
|
-
<Chip
|
|
303
|
-
text="Rating"
|
|
304
|
-
actions={
|
|
305
|
-
<>
|
|
306
|
-
<ChipAction type="remove" />
|
|
307
|
-
</>
|
|
308
|
-
}
|
|
309
|
-
/>
|
|
310
|
-
</ChipList>
|
|
311
|
-
</GridGroupingHeader>
|
|
312
|
-
}
|
|
313
|
-
>
|
|
314
|
-
<GridHeader draggable>
|
|
315
|
-
<div className="k-grid-header-wrap">
|
|
316
|
-
<GridHeaderTable>
|
|
317
|
-
<colgroup>
|
|
318
|
-
<col className="k-group-col" />
|
|
319
|
-
<col />
|
|
320
|
-
<col />
|
|
321
|
-
<col />
|
|
322
|
-
<col />
|
|
323
|
-
</colgroup>
|
|
324
|
-
<TableThead>
|
|
325
|
-
<TableRow>
|
|
326
|
-
<GridHeaderCell colspan={1} rowspan={1} className="k-group-cell" accessibleLabel="Group"></GridHeaderCell>
|
|
327
|
-
<GridHeaderCell colspan={1} columnTitle="Contact Name"></GridHeaderCell>
|
|
328
|
-
<GridHeaderCell colspan={1} columnTitle="Job Title"></GridHeaderCell>
|
|
329
|
-
<GridHeaderCell colspan={1} columnTitle="Country"></GridHeaderCell>
|
|
330
|
-
<GridHeaderCell colspan={1} columnTitle="Rating"></GridHeaderCell>
|
|
331
|
-
</TableRow>
|
|
332
|
-
</TableThead>
|
|
333
|
-
</GridHeaderTable>
|
|
334
|
-
</div>
|
|
335
|
-
</GridHeader>
|
|
336
|
-
<GridContainer>
|
|
337
|
-
<GridContent>
|
|
338
|
-
<GridTable>
|
|
339
|
-
<colgroup>
|
|
340
|
-
<col className="k-group-col" />
|
|
341
|
-
<col />
|
|
342
|
-
<col />
|
|
343
|
-
<col />
|
|
344
|
-
<col />
|
|
345
|
-
</colgroup>
|
|
346
|
-
<TableTbody>
|
|
347
|
-
<TableRow className="k-table-group-row k-grouping-row">
|
|
348
|
-
<TableTd colspan={5}>
|
|
349
|
-
<p className="k-reset">
|
|
350
|
-
<Icon icon="caret-alt-down" />
|
|
351
|
-
Rating 3/5
|
|
352
|
-
</p>
|
|
353
|
-
</TableTd>
|
|
354
|
-
</TableRow>
|
|
355
|
-
<TableRow className="k-master-row">
|
|
356
|
-
<TableTd className="k-table-group-td k-group-cell"></TableTd>
|
|
357
|
-
<TableTd colspan={1}>Sig Jeannel</TableTd>
|
|
358
|
-
<TableTd colspan={1}>Human Resources Assistant III</TableTd>
|
|
359
|
-
<TableTd colspan={1}>USA</TableTd>
|
|
360
|
-
<TableTd colspan={1}>3/5</TableTd>
|
|
361
|
-
</TableRow>
|
|
362
|
-
<TableRow className="k-master-row" alt>
|
|
363
|
-
<TableTd className="k-table-group-td k-group-cell"></TableTd>
|
|
364
|
-
<TableTd colspan={1}>Isadora Plumtree</TableTd>
|
|
365
|
-
<TableTd colspan={1}>Graphic Designer</TableTd>
|
|
366
|
-
<TableTd colspan={1}>Brazil</TableTd>
|
|
367
|
-
<TableTd colspan={1}>3/5</TableTd>
|
|
368
|
-
</TableRow>
|
|
369
|
-
<TableRow className="k-master-row">
|
|
370
|
-
<TableTd className="k-table-group-td k-group-cell"></TableTd>
|
|
371
|
-
<TableTd colspan={1}>Xerxes Borson</TableTd>
|
|
372
|
-
<TableTd colspan={1}>Content Writer</TableTd>
|
|
373
|
-
<TableTd colspan={1}>Netherlands</TableTd>
|
|
374
|
-
<TableTd colspan={1}>3/5</TableTd>
|
|
375
|
-
</TableRow>
|
|
376
|
-
<TableRow className="k-table-group-row k-grouping-row">
|
|
377
|
-
<TableTd colspan={5}>
|
|
378
|
-
<p className="k-reset">
|
|
379
|
-
<Icon icon="caret-alt-down" />
|
|
380
|
-
Rating 1/5
|
|
381
|
-
</p>
|
|
382
|
-
</TableTd>
|
|
383
|
-
</TableRow>
|
|
384
|
-
<TableRow className="k-master-row">
|
|
385
|
-
<TableTd className="k-table-group-td k-group-cell"></TableTd>
|
|
386
|
-
<TableTd colspan={1}>Ruthi Bldini</TableTd>
|
|
387
|
-
<TableTd colspan={1}>Coordinator</TableTd>
|
|
388
|
-
<TableTd colspan={1}>Canada</TableTd>
|
|
389
|
-
<TableTd colspan={1}>1/5</TableTd>
|
|
390
|
-
</TableRow>
|
|
391
|
-
<TableRow className="k-master-row" alt>
|
|
392
|
-
<TableTd className="k-table-group-td k-group-cell"></TableTd>
|
|
393
|
-
<TableTd colspan={1}>Marcelina Vee</TableTd>
|
|
394
|
-
<TableTd colspan={1}>Marketing Specialist</TableTd>
|
|
395
|
-
<TableTd colspan={1}>China</TableTd>
|
|
396
|
-
<TableTd colspan={1}>1/5</TableTd>
|
|
397
|
-
</TableRow>
|
|
398
|
-
<TableRow className="k-master-row">
|
|
399
|
-
<TableTd className="k-table-group-td k-group-cell"></TableTd>
|
|
400
|
-
<TableTd colspan={1}>Finnian Bramble</TableTd>
|
|
401
|
-
<TableTd colspan={1}>Business Analyst</TableTd>
|
|
402
|
-
<TableTd colspan={1}>Russia</TableTd>
|
|
403
|
-
<TableTd colspan={1}>1/5</TableTd>
|
|
404
|
-
</TableRow>
|
|
405
|
-
</TableTbody>
|
|
406
|
-
</GridTable>
|
|
407
|
-
</GridContent>
|
|
408
|
-
</GridContainer>
|
|
409
|
-
</Grid>
|
|
410
|
-
<ActionSheetNormal
|
|
411
|
-
adaptive
|
|
412
|
-
header={<ActionSheetHeader actionsStart={<Button icon="chevron-left" size="large" fillMode="flat" />} actionsEnd={<Button icon="check" size="large" fillMode="flat" />} title="Pin row" />}
|
|
413
|
-
footer={
|
|
414
|
-
<ActionSheetFooter>
|
|
415
|
-
<Button icon="cancel" size="large">
|
|
416
|
-
Cancel
|
|
417
|
-
</Button>
|
|
418
|
-
<Button icon="check" size="large" themeColor="primary">
|
|
419
|
-
Apply
|
|
420
|
-
</Button>
|
|
421
|
-
</ActionSheetFooter>
|
|
422
|
-
}
|
|
423
|
-
>
|
|
424
|
-
<ColumnMenuNormal size="large">
|
|
425
|
-
<ColumnMenuItemWrapper>
|
|
426
|
-
<ColumnMenuItem text="Pin group to top" startIcon="pin-outline-top" selected />
|
|
427
|
-
<ColumnMenuItem text="Pin group to bottom" startIcon="pin-outline-bottom" />
|
|
428
|
-
</ColumnMenuItemWrapper>
|
|
429
|
-
</ColumnMenuNormal>
|
|
430
|
-
</ActionSheetNormal>
|
|
431
|
-
</section>
|
|
432
|
-
|
|
433
|
-
<section>
|
|
434
|
-
<Grid
|
|
435
|
-
_renderAriaRoot
|
|
436
|
-
groupingHeader={
|
|
437
|
-
<GridGroupingHeader>
|
|
438
|
-
<ChipList>
|
|
439
|
-
<Chip
|
|
440
|
-
text="Rating"
|
|
441
|
-
actions={
|
|
442
|
-
<>
|
|
443
|
-
<ChipAction type="remove" />
|
|
444
|
-
</>
|
|
445
|
-
}
|
|
446
|
-
/>
|
|
447
|
-
</ChipList>
|
|
448
|
-
</GridGroupingHeader>
|
|
449
|
-
}
|
|
450
|
-
>
|
|
451
|
-
<GridHeader draggable>
|
|
452
|
-
<div className="k-grid-header-wrap">
|
|
453
|
-
<GridHeaderTable>
|
|
454
|
-
<colgroup>
|
|
455
|
-
<col className="k-group-col" />
|
|
456
|
-
<col />
|
|
457
|
-
<col />
|
|
458
|
-
<col />
|
|
459
|
-
<col />
|
|
460
|
-
</colgroup>
|
|
461
|
-
<TableThead>
|
|
462
|
-
<TableRow>
|
|
463
|
-
<GridHeaderCell colspan={1} rowspan={1} className="k-group-cell" accessibleLabel="Group"></GridHeaderCell>
|
|
464
|
-
<GridHeaderCell colspan={1} columnTitle="Contact Name"></GridHeaderCell>
|
|
465
|
-
<GridHeaderCell colspan={1} columnTitle="Job Title"></GridHeaderCell>
|
|
466
|
-
<GridHeaderCell colspan={1} columnTitle="Country"></GridHeaderCell>
|
|
467
|
-
<GridHeaderCell colspan={1} columnTitle="Rating"></GridHeaderCell>
|
|
468
|
-
</TableRow>
|
|
469
|
-
</TableThead>
|
|
470
|
-
</GridHeaderTable>
|
|
471
|
-
</div>
|
|
472
|
-
</GridHeader>
|
|
473
|
-
<GridPinnedContainer>
|
|
474
|
-
<div className="k-grid-pinned-wrap">
|
|
475
|
-
<GridTable>
|
|
476
|
-
<colgroup>
|
|
477
|
-
<col className="k-group-col" />
|
|
478
|
-
<col />
|
|
479
|
-
</colgroup>
|
|
480
|
-
<TableTbody>
|
|
481
|
-
<TableRow className="k-table-group-row k-grouping-row">
|
|
482
|
-
<TableTd colspan={5}>
|
|
483
|
-
<p className="k-reset">
|
|
484
|
-
<Icon icon="none" />
|
|
485
|
-
Rating 1/5
|
|
486
|
-
</p>
|
|
487
|
-
</TableTd>
|
|
488
|
-
</TableRow>
|
|
489
|
-
</TableTbody>
|
|
490
|
-
</GridTable>
|
|
491
|
-
</div>
|
|
492
|
-
</GridPinnedContainer>
|
|
493
|
-
<GridContainer>
|
|
494
|
-
<GridContent>
|
|
495
|
-
<GridTable>
|
|
496
|
-
<colgroup>
|
|
497
|
-
<col className="k-group-col" />
|
|
498
|
-
<col />
|
|
499
|
-
<col />
|
|
500
|
-
<col />
|
|
501
|
-
<col />
|
|
502
|
-
</colgroup>
|
|
503
|
-
<TableTbody>
|
|
504
|
-
<TableRow className="k-table-group-row k-grouping-row">
|
|
505
|
-
<TableTd colspan={5}>
|
|
506
|
-
<p className="k-reset">
|
|
507
|
-
<Icon icon="caret-alt-down" />
|
|
508
|
-
Rating 3/5
|
|
509
|
-
</p>
|
|
510
|
-
</TableTd>
|
|
511
|
-
</TableRow>
|
|
512
|
-
<TableRow className="k-master-row">
|
|
513
|
-
<TableTd className="k-table-group-td k-group-cell"></TableTd>
|
|
514
|
-
<TableTd colspan={1}>Sig Jeannel</TableTd>
|
|
515
|
-
<TableTd colspan={1}>Human Resources Assistant III</TableTd>
|
|
516
|
-
<TableTd colspan={1}>USA</TableTd>
|
|
517
|
-
<TableTd colspan={1}>3/5</TableTd>
|
|
518
|
-
</TableRow>
|
|
519
|
-
<TableRow className="k-master-row" alt>
|
|
520
|
-
<TableTd className="k-table-group-td k-group-cell"></TableTd>
|
|
521
|
-
<TableTd colspan={1}>Isadora Plumtree</TableTd>
|
|
522
|
-
<TableTd colspan={1}>Graphic Designer</TableTd>
|
|
523
|
-
<TableTd colspan={1}>Brazil</TableTd>
|
|
524
|
-
<TableTd colspan={1}>3/5</TableTd>
|
|
525
|
-
</TableRow>
|
|
526
|
-
<TableRow className="k-master-row">
|
|
527
|
-
<TableTd className="k-table-group-td k-group-cell"></TableTd>
|
|
528
|
-
<TableTd colspan={1}>Xerxes Borson</TableTd>
|
|
529
|
-
<TableTd colspan={1}>Content Writer</TableTd>
|
|
530
|
-
<TableTd colspan={1}>Netherlands</TableTd>
|
|
531
|
-
<TableTd colspan={1}>3/5</TableTd>
|
|
532
|
-
</TableRow>
|
|
533
|
-
<TableRow className="k-table-group-row k-grouping-row">
|
|
534
|
-
<TableTd colspan={5}>
|
|
535
|
-
<p className="k-reset">
|
|
536
|
-
<Icon icon="caret-alt-down" />
|
|
537
|
-
Rating 1/5
|
|
538
|
-
</p>
|
|
539
|
-
</TableTd>
|
|
540
|
-
</TableRow>
|
|
541
|
-
<TableRow className="k-master-row">
|
|
542
|
-
<TableTd className="k-table-group-td k-group-cell"></TableTd>
|
|
543
|
-
<TableTd colspan={1}>Ruthi Bldini</TableTd>
|
|
544
|
-
<TableTd colspan={1}>Coordinator</TableTd>
|
|
545
|
-
<TableTd colspan={1}>Canada</TableTd>
|
|
546
|
-
<TableTd colspan={1}>1/5</TableTd>
|
|
547
|
-
</TableRow>
|
|
548
|
-
<TableRow className="k-master-row" alt>
|
|
549
|
-
<TableTd className="k-table-group-td k-group-cell"></TableTd>
|
|
550
|
-
<TableTd colspan={1}>Marcelina Vee</TableTd>
|
|
551
|
-
<TableTd colspan={1}>Marketing Specialist</TableTd>
|
|
552
|
-
<TableTd colspan={1}>China</TableTd>
|
|
553
|
-
<TableTd colspan={1}>1/5</TableTd>
|
|
554
|
-
</TableRow>
|
|
555
|
-
<TableRow className="k-master-row">
|
|
556
|
-
<TableTd className="k-table-group-td k-group-cell"></TableTd>
|
|
557
|
-
<TableTd colspan={1}>Finnian Bramble</TableTd>
|
|
558
|
-
<TableTd colspan={1}>Business Analyst</TableTd>
|
|
559
|
-
<TableTd colspan={1}>Russia</TableTd>
|
|
560
|
-
<TableTd colspan={1}>1/5</TableTd>
|
|
561
|
-
</TableRow>
|
|
562
|
-
</TableTbody>
|
|
563
|
-
</GridTable>
|
|
564
|
-
</GridContent>
|
|
565
|
-
</GridContainer>
|
|
566
|
-
</Grid>
|
|
567
|
-
</section>
|
|
568
|
-
</div>
|
|
569
|
-
</>
|
|
570
|
-
);
|