2016-04-11 7 views
1

Ich benutze Ignite UI auf meiner Website, um die Tabelle anzuzeigen, und ich muss es exportieren, um zu übertreffen. Ich verwende Standard-Infragistricts-Funktionalität $.ig.GridExcelExporter.exportGrid, aber ich bekomme Tabelle mit nur unteren Teil des Headers. Ich habe mehrspaltigen Header, und ich bekomme nur den unteren Teil. Gibt es eine Möglichkeit, es zu beheben?Ignite UI-Export in Excel-Tabelle mit Multi-Spalten-Header

enter image description here

Antwort

2

die igGridExcelExporter behandelt nicht die MultiColumnHeaders. Außerdem wird das Raster in einen Tabellenbereich innerhalb des Arbeitsblatts exportiert, der kein Zusammenführen von Zellen zulässt. Dies bedeutet, dass Sie einen Multi-Header durch eine neue Zeile einzufügen und Zusammenführen von Zellen in dem exportEnding Ereignisse nachahmen können:

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

:

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)")); } 
} 

Sie können auf die folgenden Hilfethema und API-Dokumentation siehe auch

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

Verwandte Themen