File tree Expand file tree Collapse file tree 1 file changed +35
-2
lines changed
ui/components/data-tables/advanced Expand file tree Collapse file tree 1 file changed +35
-2
lines changed Original file line number Diff line number Diff line change @@ -261,15 +261,48 @@ export let states = [
261
261
262
262
export let examples = [
263
263
{
264
- id : 'header-and-cell-icon ' ,
265
- label : 'Header and Cell Icon ' ,
264
+ id : 'header-icon-menu-button ' ,
265
+ label : 'Header Icon and Menu Button ' ,
266
266
element : (
267
267
< Table >
268
268
< Thead
269
+ actionableMode
269
270
columns = { columns }
270
271
columnsWithEinstein = { [ 'Confidence' ] }
271
272
hasMenus
272
273
/>
274
+ < tbody >
275
+ { _ . times ( rows . length , i => (
276
+ < AdvancedDataTableTr key = { i } index = { i + 1 } { ...rows [ i ] } />
277
+ ) ) }
278
+ </ tbody >
279
+ </ Table >
280
+ )
281
+ } ,
282
+ {
283
+ id : 'header-menu-button' ,
284
+ label : 'Header Menu Button' ,
285
+ element : (
286
+ < Table >
287
+ < Thead actionableMode columns = { columns } hasMenus />
288
+ < tbody >
289
+ { _ . times ( rows . length , i => (
290
+ < AdvancedDataTableTr key = { i } index = { i + 1 } { ...rows [ i ] } />
291
+ ) ) }
292
+ </ tbody >
293
+ </ Table >
294
+ )
295
+ } ,
296
+ {
297
+ id : 'cell-icon' ,
298
+ label : 'Cell Icon' ,
299
+ element : (
300
+ < Table >
301
+ < Thead
302
+ actionableMode
303
+ className = "slds-has-button-menu"
304
+ columns = { columns }
305
+ />
273
306
< tbody >
274
307
{ _ . times ( rows . length , i => (
275
308
< AdvancedDataTableTr key = { i } index = { i + 1 } { ...rows [ i ] } hasScores />
You can’t perform that action at this time.
0 commit comments