Display Rich Text Contents in lightning-datatable column in LWC

customRichTextOutput.html

<template>
    <p class="slds-truncate slds-p-horizontal_x-small" title={value}>
        <lightning-formatted-rich-text value={value} ></lightning-formatted-rich-text>
    </p>
</template>

customRichTextOutput.js

import { LightningElement, api } from 'lwc';

export default class CustomRichTextOutput extends LightningElement {
    @api value = '';
}