안녕하세요 그레이프시티입니다.
그리드의 열 헤더에 <br>과 같이 HTML을 표시하기 위해서는 formatItem 이벤트를 사용하여 셀의 innerHTML 속성을 설정해주셔야 합니다. column Header에서 HTML 설정하신 후, line break를 표시하기 위해서 열 헤더의 행을 autoSize를 통해 컨텐츠에 맞게 높이를 재조정해주시면 됩니다. 아래 코드를 확인하시길 바랍니다.
<FlexGrid
initialized={initGrid}
formatItem={formatItem}
(..)
></FlexGrid>
function initGrid(grid) {
grid.autoSizeRow(0, true);
setGrid(grid);
}
function formatItem(s, e) {
if (e.panel == s.columnHeaders) {
e.cell.innerHTML = e.cell.textContent;
}
}
[autoSizeRow]
https://demo.grapecity.co.kr/wijmo/api/classes/wijmo_grid.flexgrid.html#autosizerow
도움말 문서도 같이 전달 드리오니 참고 부탁 드립니다.
다른 궁금한 점이 생기면, 언제든 문의 주시기 바랍니다.
감사합니다.
그레이프시티 드림
* 그레이프시티(GrapeCity)는 개발자를 위하여 ComponentOne(컴포넌트원), Spread(스프레드), ActiveReports(액티브리포츠), SpreadJS(스프레드JS), Wijmo(위즈모)와 같은 엑셀 스프레드시트 리포팅 그리드와 차트 등 다양한 종류의 .NET JavaScript(자바스크립트) 컴포넌트 툴을 생산하고있는 개발툴 전문 회사 입니다.