请问data-table怎么给行加上badge

[ForJ-W]

<n-modal
  style="width: 600px; max-width: 100%"
  v-model:show="showNotification"
  title="通知列表"
  preset="dialog"
>
  <n-data-table
    :data="pageResult.rows"
    :row-props="rowProps"
    :columns="[
      {
        title: '通知时间',
        key: 'ct',
        width: 162,
      },
      {
        title: '通知内容',
        key: 'content',
        ellipsis: true,
      },
    ]"
    :pagination="pageResult"
  >
  </n-data-table >
</n-modal>
想给数据行加上badge的红点

[ForJ-W]

已找到解决方案，使用jsx：
npm install @vitejs/plugin-vue-jsx --save-dev

[
  {
    title: '通知时间',
    key: 'ct',
    width: 162,
  },
  {
    title: '通知内容',
    key: 'content',
    ellipsis: true,
    render(row: any) {
      return (
        <span>
          {row.content}
          <NBadge dot offset={[4, -8]}></NBadge>
        </span>
      )
    },
  },
]