use two words for table cell and binding it to slots

[Fanreza]

with this table items

      return {
        No: i + 1,
        Judul: module.title,
        Urutan: module.order,
        "Cover Image": module.coverImage,
        action: module.moduleId,
      };

how can i bind the slots if the table cell name have 2 word?

 <template #cell(?)="{ value }">
         <VaAvatar :src="value" size="small" square />
</template>

[m0ksem]

It is impossible to pass slot name with space inside, so you need to change your data field name to "coverImage" and column to

{ label: 'Cover Image', name: 'coverImage' }|

[Fanreza]

any tips how can i get the index loop so i can use it as row number in my table?

[Fanreza]

im using map to remap the object so i can get the loop index

    .map((data, index) => {
      return {
        no: index + 1,
        title: data.title,
        contentType: data.contentType,
        order: data.order,
        code: data.code,
        thumbnail: data.thumbnail,
        action: data.sectionId,
      };
    })

is this a better approach?

[m0ksem]

If you need it from slot binding, please make an issue.

[Fanreza]

i will make it, thanks