2017-12-11 6 views
1

angulart2プロジェクトのagグリッドでExcelシートをレンダリングする必要があります。データはExcelシートの形で表示され、列はExcel、A、B、C ...などで最大使用列になります。行はExcel 1,2,3などで最大使用行になります。シート内の各セルは独自のスタイルとデータを持ちます。このようなグリッドをagグリッドでレンダリングするにはどうしたらよいでしょうか?どこのパフォーマンス・ラグもなく、各セル・スタイリングを個別に設定しますか?アングルグリッドを使ってAngular2にExcelシートをレンダリングする

答えて

0

あなたが必要とするすべてのオプション与えるべきAG-グリッドとsheetJS使用してExcelシートのレンダリングの良い例があります:

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

+0

はおかげで、しかし、上記の例は、Excelにグリッドデータをレンダリングするためです。しかし、私はグリッドにExcelシートをロードするロジックが必要です。これは、ワークシートの列と行の情報を列と行の定義としてag-gridに渡し、すべてのスタイル情報を行データに渡して、セルレンダラーでアクセスできるようにすることで実現しました。 – Nikheel

+0

サンプル行データ:this.rowData = [{ "0":{ "テキスト": "1"、 "BackgroundColorを": ""、 "BackgroundColor2": ""、 "BottomBorder":ヌル、 "TopBorder":ヌル、 "LeftBorder":ヌル、 "RightBorder":NULL }、DEF – Nikheel

+0

サンプルカラム: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

関連する問題