Jellyfin.Plugin.MediaCleaner/Pages/home.html

@@ -14,6 +14,7 @@
                         <th>Name</th>
                     </tr>
                 </thead>
+                <tbody></tbody>
             </table>
             <br>
             <br>
@@ -26,6 +27,7 @@
                         <th>Seasons</th>
                     </tr>
                 </thead>
+                <tbody></tbody>
             </table>
 		</div>
 	</div>

Jellyfin.Plugin.MediaCleaner/Pages/media_cleaner_table.js

@@ -54,23 +54,23 @@ document.addEventListener('pageshow', async () => {
         return response.json();
     }
 
-    const populateMoviesTable = () => {
+    const populateTables = () => {
-        moviesTable.innerHTML = '';
+        var seriesTableBody = seriesTable.getElementsByTagName('tbody')[0];
+        seriesTableBody.replaceChildren();
+
+        var moviesTableBody = moviesTable.getElementsByTagName('tbody')[0];
+        moviesTableBody.replaceChildren();
 
         for(let i = 0; i < moviesInfo.length; i++){
-            var row = moviesTable.insertRow(-1);
+            var row = moviesTableBody.insertRow(-1);
             var cell1 = row.insertCell(0);
             var cell2 = row.insertCell(1);
             cell1.innerHTML = moviesInfo[i].Name;
             cell2.innerHTML = "<button>Delete</button>";
         }
-    }
-
-    const populateSeriesTable = () => {
-        seriesTable.innerHTML = '';
 
         for(let i = 0; i < seriesInfo.length; i++){
-            var row = seriesTable.insertRow(-1);
+            var row = seriesTableBody.insertRow(-1);
             var cell1 = row.insertCell(0);
             var cell2 = row.insertCell(1);
             var cell3 = row.insertCell(2);
@@ -86,6 +86,5 @@ document.addEventListener('pageshow', async () => {
     await updateMediaCleanerState();
     var moviesInfo = await getMediaCleanerMovieInfo();
     var seriesInfo = await getMediaCleanerSeriesInfo();
-    populateMoviesTable();
+    populateTables();
-    populateSeriesTable();
 });