Estoy tratando de establecer el nombre de encabezado de un encabezado de columna como HTML en AG-Grid, pero el HTML se escapa y en su lugar se establece una cadena.

Soy consciente de que puede agregar una plantilla en headerComponentParams en defaultColDef, sin embargo, esto se aplicaría de forma predeterminada a toda la tabla en lugar de solo al encabezado individual de una columna específica. Siguiente: https://www.ag-grid.com/javascript-data-grid/column-headers/

¿Hay alguna opción para quitar el escape del HTML que estoy tratando de agregar como el nombre del encabezado?

¿Es posible hacer esto sin crear un componente de encabezado personalizado?

Si no, ¿qué debemos hacer?

 const columnDefs = [ { headerName: <span style="color:blue;">Forename</span>, field: "forename", suppressMenu: true }, { headerName: <span style="font-size:20px;">Surname</span>, field: "surname", suppressMenu: true }, ]; const gridOptions = { columnDefs: columnDefs, rowData: null, suppressMenuHide: true, defaultColDef: { sortable: true, resizable: true, filter: true, width: 150 } } };