Grid Column cell: property

kane81

Hi,

I was just wondering if I specify a component - how can I include custom props?

so this to ```
{
id: 'modifiedBy',
header: 'Modified By',
footer: 'Modified By',
width: 130,
resize: true,
cell: LookupOptionRender
},


Hi,

I was just wondering if I specify a component - how can I include custom props?

so something like...		```
{
			id: 'modifiedBy',
			header: 'Modified By',
			footer: 'Modified By',
			width: 130,
			resize: true,
			cell: LookupOptionRender({user})
		},

or I tried to do this to with no luck...

{
			id: 'modifiedBy',
			header: 'Modified By',
			footer: 'Modified By',
			width: 130,
			resize: true,
			cell: (row, column)=> {user.find(o.userId = row[column.id]
)}
		},

tasha

Hello kane81

To add custom content to cells you need to specify all the information in the data property. And then you can get access to that props in your custom component this way:

<script>
  let { api, row, column, cell, onaction } = $props();
</script>

Please check the example: https://stackblitz.com/edit/sveltejs-kit-template-default-miwdm5gf?file=src%2Froutes%2FMyGrid.svelte,src%2Froutes%2FAvatarCell.svelte

kane81

Great thank you so much!