Hi,

Sample application is working fine and if we are using static data in our page then also its working fine but we are getting data from the database and then if we are exporting to excel, we are getting this issue .

We are using below code for export to excel in js file:

var exportingIndicator = $('<div>');

$('#exportButton').on('click', function () {
var gridExcelExporter = new $.ig.GridExcelExporter();
var $grid = $('#csagrid');
gridExcelExporter.exportGrid($grid, {
fileName: "CSAReport",
gridStyling: "applied",
columnsToSkip: ["ENTRY_DATE"]
}, {
exportStarting: function (e, args) {
showExportingIndicator(args.grid, exportingIndicator);
},
cellExported: function (e, args) {
if (args.xlRow.index() == 0) {
return;
}
i
},
success: function () {
hideExportingIndicator(exportingIndicator);
},
});
});

function showExportingIndicator(grid, exportingIndicator) {
var $gridContainer = $('#' + grid.attr('id') + '_container');
exportingIndicator.css({
"width": $gridContainer.outerWidth(),
"height": $gridContainer.outerHeight()
}).html('<span class="exporting-text">Exporting...</span>');
exportingIndicator.addClass("exporting-indicator");
$gridContainer.append(exportingIndicator);
}

function hideExportingIndicator(exportingIndicator) {
exportingIndicator.remove();
}