Export data to CSV client side in IE without data URI link

ExportCSV.md

Export data to CSV client side in IE without data URI link

global.js

var getCsvFileForIE = function(target) {
  var csvData = target.attributes["data-csv"].value;
  if ( ! supportsDataUri() ) {
    csvData = decodeURIComponent(csvData);

    var iframe = document.getElementById('csvDownloadFrame');
    iframe = iframe.contentWindow || iframe.contentDocument;

    csvData = 'sep=,\r\n' + csvData;

    iframe.document.open("text/html", "replace");
    iframe.document.write(csvData);
    iframe.document.close();
    iframe.focus();
    iframe.document.execCommand('SaveAs', true, 'data.csv');
  } else {
    if (console && console.log) {
      console.log('Trying to call getCsvFileForIE with non IE browser.');
    }
  }
};

var supportsDataUri = function() {
  var isOldIE = navigator.appName === "Microsoft Internet Explorer";
  var isIE11 = !!navigator.userAgent.match(/Trident\/7\./);
  return ! (isOldIE || isIE11);  //Return true if not any IE
};

index.jade

body(ng-controller="MainCtrl")
  iframe(id="csvDownloadFrame", style="display:none")

ng-grid-csv-export.js

function showDs() {
  var csvData = '';
  // Populated csvData 
  //....
 
  var fp = grid.$root.find(".ngFooterPanel");
  var csvDataLinkPrevious = grid.$root.find('.ngFooterPanel .csv-data-link-span');
  if (csvDataLinkPrevious != null) {csvDataLinkPrevious.remove() ; }
 var csvDataLinkHtml = "<span class=\"csv-data-link-span\">";

  /**

  csvDataLinkHtml += "<br><a href=\"data:text/csv;charset=UTF-8,";
  csvDataLinkHtml += encodeURIComponent(csvData);
  csvDataLinkHtml += "\" download=\"Export.csv\">CSV Export ORIGINAL</a> &nbsp;&nbsp;";

  **/

  csvDataLinkHtml += " <a ";
  if ( ! supportsDataUri()  ) {
    csvDataLinkHtml += " data-csv=\"";
    csvDataLinkHtml += encodeURIComponent(csvData);
    csvDataLinkHtml += "\" onclick='getCsvFileForIE(this);' >";
  } else {
    csvDataLinkHtml += "href=\"data:text/csv;charset=UTF-8,";
    csvDataLinkHtml += encodeURIComponent(csvData);
    csvDataLinkHtml += "\" download=\"Export.csv\">";
  }

  csvDataLinkHtml += "CSV Export</a> &nbsp;&nbsp;";

  csvDataLinkHtml += "</br></span>"; //End csv-data-link-span
  fp.append(csvDataLinkHtml);
 
  //....
}

Thanks for the Solution. It solved my days of work and trials..!!