conflict between ag-grid style and sweetalert2 style

Viewed 32

I'm using sweetalert2 component and when it shows message my ag-grid not working.

install by this command:

npm install sweetalert2

after that import:

import Swal from 'sweetalert2';

in the my component and use like this:

Swal.fire({
icon: 'error',
title: 'Oops...',
text: 'Something went wrong!',
footer: '<a href>Why do I have this issue?</a>'
});

Before Displaying the message, the grid is display correctly, but when he message is Displayed, the header and Grid's Records are hidden, and they are displayed again after closing the message.

enter image description here

0 Answers
Related