Preview table works - but live duplicates rows

When I preview the page showing the table, the rows display correctly.
The table is NOT connected to a dataset.
All data is filled in via code.
The data is obtained from back-end queries and I use the options [“suppressAuth”: true, “suppressHooks”: true].
This is the link (I have temporarily removed permissions so it should work without signon.)
https://garyontheweb.wixsite.com/my-site/reportvolunteerhours
Here is a screen shot of the correctly displayed table:

However, when viewing from live site using FireFox, Chrome, or Edge, the rows are duplicated and the table is displayed as follows:

Anyone have ideas on where I should look to fix the issue. I have tried cache clearing - no help and when I view the returned JSON in the console, the data is correct.

Seems like the code on your page or backend is not ok.
After every REFRESH of your page, you get another data.

No matter if it is CHROME or another browser.

Thanks. Any suggestions where to look? Everything shows fine in my WIX development environment. I am stumped as to why it works in PREVIEW but not in live browser.

SOLVED - was a back end code issue. I failed to reset the return variable used to create the tableRows after the query. Thus, each time page was refreshed, it just added data to the tableRows.
Been working on this for three days…just failed to see it.
[PS, still not sure why it worked in PREVIEW…?]

Always test your CODE on LIVE-ISTE.

Preview-Mode is not always the same.
And in some cases, it is even not possible to test without LIVE-SITE.