Customizing the Column Header

셀 템플릿과 유사하게, 열 헤더도 원하는 사용 사례에 맞게 맞춤화할 수 있습니다. 텍스트 라벨을 속성에header 전달하거나 완전한 맞춤 템플릿을 제공할 수 있습니다.

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>

When headerTemplate is provided, header is ignored.

셀 템플릿과 비슷하게, 커스텀 템플릿 렌더러를 전달해 열 헤더 안에 직접 DOM을 만들 수도 있습니다.

import { html } from 'lit';


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

우리 커뮤니티는 활동적이며 항상 새로운 아이디어를 환영합니다.