UIをエクスポートして複数カラムのヘッダーを持つテーブルをエクスポートする

Question

私のウェブサイトでIgnite UIを使用してテーブルを表示しています.Excelにエクスポートする必要があります。私はデフォルトのInfragistricts機能$.ig.GridExcelExporter.exportGridを使用していますが、ヘッダーの下位部分のみを持つテーブルを取得します。私は複数の列のヘッダーを持って、私は下部だけを取得します。それを修正する方法はありますか？

Answer 1

igGridExcelExporterはMultiColumnHeadersを処理しません。また、セルのマージを許可しないワークシート内の表領域にグリッドがエクスポートされます。これは、新しい行を挿入し、exportEndingイベント内のセルをマージすることにより、複数のヘッダを模倣できることを意味します

exportEnding: function(sender, args) { 
    args.worksheet.rows().insert(0, 1); // insert one new row at index 0 
    //create a merged cells region that will act as a multi header 
    var mergedHeaderRegion = args.worksheet.mergedCellsRegions().add(0,1,0,2); // firstRowIndex, firstColumnIndex, lastRowIndex, lastColumnIndex 
    mergedHeaderRegion.value("Month1"); 

    // style the newly inserted row as a header 
    for (var columnIndex = 0; columnIndex < 4; columnIndex++) { 
     args.worksheet.rows(0).getCellFormat(columnIndex).fill($.ig.excel.CellFill.createSolidFill("rgb(136, 136, 136)")); 
     args.worksheet.rows(0).getCellFormat(columnIndex).font().colorInfo(new $.ig.excel.WorkbookColorInfo("rgb(255, 255, 255)")); } 
} 

また、次のヘルプトピックとAPIドキュメントを参照することができます

http://www.igniteui.com/help/javascript-excel-library-merge-cells

http://help.infragistics.com/jQuery/2015.2/