Customizing the Column Header

    Al igual que las plantillas de celdas, las cabeceras de columna también pueden personalizarse para adaptarse mejor al caso de uso deseado. Puedes pasar una etiqueta de texto por laheader propiedad o proporcionar una plantilla personalizada completa.

    Customization via Header Text

    By default the column uses the field property for label text. To customize the label, set the header property to a more human readable format.

    <igc-grid-lite-column field="price" header="Price per item"></igc-grid-lite-column>

    [!NOTE] When headerTemplate is provided, header is ignored.

    Customization via Header Template

    Similar a la plantilla de celdas, también puedes pasar un renderizador de plantillas personalizado y crear tu propio DOM dentro del encabezado de columna.

    import { html } from 'lit';


const column = document.querySelector('igc-grid-lite-column');
column.headerTemplate = () => html`<h3>⭐ Rating ⭐</h3>`;

    Additional Resources

    Nuestra comunidad es activa y siempre da la bienvenida a nuevas ideas.