2017-12-11 15 views
1

angulart2 프로젝트의 ag 그리드에서 Excel 시트를 렌더링해야합니다. 데이터는 엑셀 A, B, C ... 등에서 열이 최대 사용 열이 될 엑셀 시트 형태로 표시됩니다. 행은 Excel 1,2,3 ...에서 최대 사용 행이됩니다. 시트의 각 셀에는 고유 한 스타일과 데이터가 있습니다. 성능 격자를 사용하지 않고 각 셀 스타일을 개별적으로 설정하는 그리드에서 어떻게 그리드를 렌더링 할 수 있습니까?ag 격자를 사용하여 Angular2에서 엑셀 시트 렌더링

답변

0

가 AG-그리드 여러분에게 필요한 모든 옵션을 제공한다 sheetJS 사용하여 엑셀 시트 렌더링의 좋은 예입니다 :

https://www.ag-grid.com/javascript-grid-excel/?framework=javascript#example-custom-xlsx&gsc.tab=0

+0

감사합니다,하지만 위의 예 엑셀로 그리드 데이터 렌더링을위한 것입니다. 그러나, 나는 AG 그리드에서 엑셀 시트를로드하는 논리가 필요합니다. 이는 워크 시트 열과 행 정보를 열과 행 정의로 AG 그리드에 전달하고 모든 스타일 정보를 행 데이터에 전달하여 셀 렌더러에서 개별 그리드 스타일을 적용하기 위해 액세스 할 수있게함으로써 달성되었습니다. – Nikheel

+0

샘플 행 데이터 : this.rowData = { "0": { "문자": "1", "의 backgroundColor": "" "BackgroundColor2": "" "BottomBorder"NULL, "TopBorder"NULL, "LeftBorder"NULL, "RightBorder"널 } – Nikheel

+0

샘플 열 DEF : this.columnDefs.push ({ "ID"element.Id, 헤더 이름 : element.headerName, "field": element.field, cellRenderer : function (params) { console.log (params.value); params.eGridCell.style.backgroundColor = params.value.BackgroundColor; params.eGridCell.style.borderBottomWidth = params.value.BottomBorder; return params.value.Text } – Nikheel