안녕하세요 그레이프시티입니다.
1번 문의
=> 혹시 열 헤더에 줄바꿈을 원하신다면 wordWrap 속성과 multiLine을 사용하시는 방법도 추천드립니다. wordWrap은 열 또는 행에 있는 셀의 내용이 열의 너비에 맞게 감싸줍니다. multiLine은 열 또는 행에 셀의 내용이 줄바꿈 여부를 가져오거나 설정할 수 있게 도와주는 속성입니다. wordWrap과 multiLine을 true로 설정하시고 마지막으로 autoSizeRow 메서드를 사용하여 행의 크기 조절해주어 줄바꿈이 되더라도 전체 셀 내용을 볼 수 있게 처리하여 주시기 바랍니다.
위 속성과 메서드를 통해 열 헤더가 자동으로 줄바꿈 처리가 가능하며 엑셀로 내보내기 했을 때, 태그 또한 나타나지 않습니다. 아래 코드를 참고하여 주시기 바랍니다.
let theGrid = new wijmo.grid.FlexGrid("#theGrid",{
(....)
columns: [
{binding:"id",header:"ID",width:"2*"},
{binding:"country",header: 'Country Names',wordWrap:true,multiLine:true,width:"*"}, //wordWrap & multiLine설정
(...)
})
//행의 사이즈 자동 조절
theGrid.autoSizeRow(0, true)
2번 문의
=> 엑셀로 내보내기 했을 때, 먼저 그리드 자체를 내보냅니다. 따라서 해당 그리드에 대한 전체 제목이 필요하시는 경우에 대해 열 헤더에 행을 새로 생성, 추가 및 병합하고 원하시는 텍스트를 입력하고 내보내는 방법을 사용해보시기 바랍니다. 아래 코드를 참고하여 주시기 바랍니다.
// 새로운 행 생성 및 병합 설정
var extraRow = new wijmo.grid.Row();
extraRow.allowMerging = true;
// 해당 행을 열 헤더에 추가
var panel = theGrid.columnHeaders;
panel.rows.splice(0, 0, extraRow);
// 0번째 행(열 헤더)의 값 추가, 동일한 값이면 병합됨
for(var i = 0; i < panel.columns.length; i++){
panel.setCellData(0, i, 'header');
}
[autoSizeRow]
https://demo.grapecity.co.kr/wijmo/api/classes/wijmo_grid.flexgrid.html#autosizerow
[wordWrap]
https://demo.grapecity.co.kr/wijmo/api/classes/wijmo_grid.column.html#wordwrap
[multiLine]
https://demo.grapecity.co.kr/wijmo/api/classes/wijmo_grid.column.html#multiline
도움말 문서와 샘플 또한 공유 드리니 참고하여 주시기 바랍니다.
다른 궁금한 점이 생기면, 언제든 문의 주시기 바랍니다.
감사합니다.
그레이프시티 드림
* 그레이프시티(GrapeCity)는 개발자를 위하여 ComponentOne(컴포넌트원), Spread(스프레드), ActiveReports(액티브리포츠), SpreadJS(스프레드JS), Wijmo(위즈모)와 같은 엑셀 스프레드시트 리포팅 그리드와 차트 등 다양한 종류의 .NET JavaScript(자바스크립트) 컴포넌트 툴을 생산하고있는 개발툴 전문 회사 입니다.