Hi,

I have modified the sample I had sent with the provided code snipped and I still can not reproduce the issue you are experiencing. In order to help you, I will need more details about your scenario. A runnable sample that reproduces your issue will be much appreciated along with steps to reproduce.

Looking forward to hearing from you.

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