Lightning Web Componentで作るlightning-datatableについて

<template>
    <c-custom-datatable
        key-field="id"
        data={data}
        columns={columns}>
    </c-custom-datatable>
</template>

import { LightningElement, track } from 'lwc';

const columns = [
    { label: 'Name', fieldName: 'name' },
    { label: 'Link', fieldName: 'link', type: 'customLink', typeAttributes: { linkName: { fieldName: 'linkName' }, },
];

export default class sampleDatatable extends LightningElement {
    @track columns = columns;
    @track data = [
      {
        id: 'a',
        name: 'テストデータ１',
        link: 'testLink1',
        linkName: 'リンク１',
      },
      {
        id: 'b',
        name: 'テストデータ２',
        link: 'testLink2',
        linkName: 'リンク２',
      }
    ];
}

import LightningDatatable from 'lightning/datatable';
import link from './link.html';

export default class CustomDatatable extends LightningDatatable {
   static customTypes = {
        customLink: {
            template: link,
            typeAttributes: ['linkName'],
        },
        // typeを追加する場合はここに追加していく
   };
}

<template>
    <c-datatable-link-row
        row-id={value}
        link-name={typeAttributes.linkName}>
    </c-datatable-link-row>
</template>

<template>
    <a onclick={handleClick} target="_self">{linkName}</a>
</template>

import { LightningElement, api } from 'lwc';

export default class DatatableLinkRow extends LightningElement {
    @api rowId
    @api linkName;

    handleClick(){
        console.log(this.rowId);
    }
}