How to Remove Progress Bar in Export to Excel Java Script Action

0
Hello everyone, I'm using the default "Export To Excel" JavaScript action to export the data from my data grid 2. Everything works well, except for a progress bar that appears during the export process. I understand that this progress bar is part of the default JavaScript action code, but I don't want it to be displayed. I know that this requires customizing the JavaScript action, and I'm wondering if anyone has already done this. If so, could you please share the source code or the JavaScript action package?  Thanks in advance!   Please find the image below for the reference >>
asked
1 answers
0

Hello Sabari,


As I understand it, the ExportProgressService is encapsulated inside the Datagrid React code, so we can't override it with JavaScript. However, you can hide the progress bar and the gray background using CSS. The grid content is removed during the export process, so you will only see the headers, with no progress bar or gray background.



.widget-datagrid-modal-root {
    visibility: hidden !important;
}

.widget-datagrid-exporting .widget-datagrid-content,.widget-datagrid-exporting .widget-datagrid-footer,.widget-datagrid-exporting .widget-datagrid-header,.widget-datagrid-exporting .widget-datagrid-top-bar {
    visibility: visible !important
}
answered