feat(data-table): pass row index, cell index to "cell" slot (#1086)

This commit is contained in:
metonym 2022-02-11 07:13:55 -08:00 committed by GitHub
commit 3b70a35df6
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 30 additions and 13 deletions

View file

@ -10,7 +10,7 @@
* @typedef {{ key: DataTableKey; value: DataTableValue; display?: (item: Value) => DataTableValue; }} DataTableCell
* @slot {{ row: DataTableRow; }} expanded-row
* @slot {{ header: DataTableNonEmptyHeader; }} cell-header
* @slot {{ row: DataTableRow; cell: DataTableCell; }} cell
* @slot {{ row: DataTableRow; cell: DataTableCell; rowIndex: number; cellIndex: number; }} cell
* @event {{ header?: DataTableHeader; row?: DataTableRow; cell?: DataTableCell; }} click
* @event {{ expanded: boolean; }} click:header--expand
* @event {{ header: DataTableHeader; sortDirection?: "ascending" | "descending" | "none" }} click:header
@ -432,7 +432,13 @@
{#each row.cells as cell, j (cell.key)}
{#if headers[j].empty}
<td class:bx--table-column-menu="{headers[j].columnMenu}">
<slot name="cell" row="{row}" cell="{cell}">
<slot
name="cell"
row="{row}"
cell="{cell}"
rowIndex="{i}"
cellIndex="{j}"
>
{cell.display ? cell.display(cell.value) : cell.value}
</slot>
</td>
@ -443,7 +449,13 @@
dispatch('click:cell', cell);
}}"
>
<slot name="cell" row="{row}" cell="{cell}">
<slot
name="cell"
row="{row}"
cell="{cell}"
rowIndex="{i}"
cellIndex="{j}"
>
{cell.display ? cell.display(cell.value) : cell.value}
</slot>
</TableCell>