I am learning Vanilla JS and now Grid.js too. Currently using gridjs in my application’s html like below:

<script src="https://unpkg.com/gridjs/dist/gridjs.umd.js"></script>

All works well but when I try to edit an entity the modal shows the values which were there when I loaded the page initially. The bootstrap modal doesn’t show the new values even though the page shows the correct values.

The modal won’t show the correct and updated values unless I clear the entire browser cache and restart the browser. The same can be replicated on all the (updated) browsers I have. Tried on – Brave, Chrome, Edge. I tried to find where this cache is stored and coming from but could not find anything relevant on https://gridjs.io/ too.

The entire js code and project code is on github and can be viewed using above links. I just tagged the grid.js as to me it appears to be the only correct tag. However I am using bootstrap5 and SpringBoot 3.x too in the application.

What could possibly the reason may be for this? And how can I avoid clearing cache every time? Any pointers/directions will be greatly appreciated.