diff --git a/COMPONENT_INDEX.md b/COMPONENT_INDEX.md index 4baa6ccb..6987ebbc 100644 --- a/COMPONENT_INDEX.md +++ b/COMPONENT_INDEX.md @@ -1005,14 +1005,14 @@ export interface DataTableCell { ### Slots -| Slot name | Default | Props | Fallback | -| :----------- | :------ | :-------------------------------------------------------- | :------------------------------------------------------------------ | -| -- | Yes | -- | -- | -| cell | No | { row: DataTableRow; cell: DataTableCell; } | {cell.display ? cell.display(cell.value) : cell.value} | -| cell-header | No | { header: DataTableNonEmptyHeader; } | {header.value} | -| description | No | -- | {description} | -| expanded-row | No | { row: DataTableRow; } | -- | -| title | No | -- | {title} | +| Slot name | Default | Props | Fallback | +| :----------- | :------ | :--------------------------------------------------------------------------------------------- | :------------------------------------------------------------------ | +| -- | Yes | -- | -- | +| cell | No | { row: DataTableRow; cell: DataTableCell; rowIndex: number; cellIndex: number; } | {cell.display ? cell.display(cell.value) : cell.value} | +| cell-header | No | { header: DataTableNonEmptyHeader; } | {header.value} | +| description | No | -- | {description} | +| expanded-row | No | { row: DataTableRow; } | -- | +| title | No | -- | {title} | ### Events diff --git a/docs/src/COMPONENT_API.json b/docs/src/COMPONENT_API.json index d490911b..26b3b972 100644 --- a/docs/src/COMPONENT_API.json +++ b/docs/src/COMPONENT_API.json @@ -2429,7 +2429,7 @@ "name": "cell", "default": false, "fallback": "{cell.display ? cell.display(cell.value) : cell.value}", - "slot_props": "{ row: DataTableRow; cell: DataTableCell; }" + "slot_props": "{ row: DataTableRow; cell: DataTableCell; rowIndex: number; cellIndex: number; }" }, { "name": "cell-header", diff --git a/src/DataTable/DataTable.svelte b/src/DataTable/DataTable.svelte index e0e2a389..d3c8d549 100644 --- a/src/DataTable/DataTable.svelte +++ b/src/DataTable/DataTable.svelte @@ -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} - + {cell.display ? cell.display(cell.value) : cell.value} @@ -443,7 +449,13 @@ dispatch('click:cell', cell); }}" > - + {cell.display ? cell.display(cell.value) : cell.value} diff --git a/types/DataTable/DataTable.svelte.d.ts b/types/DataTable/DataTable.svelte.d.ts index a675a9fb..e2f82176 100644 --- a/types/DataTable/DataTable.svelte.d.ts +++ b/types/DataTable/DataTable.svelte.d.ts @@ -180,7 +180,12 @@ export default class DataTable extends SvelteComponentTyped< }, { default: {}; - cell: { row: DataTableRow; cell: DataTableCell }; + cell: { + row: DataTableRow; + cell: DataTableCell; + rowIndex: number; + cellIndex: number; + }; ["cell-header"]: { header: DataTableNonEmptyHeader }; description: {}; ["expanded-row"]: { row: DataTableRow };