diff --git a/fda-ui/pages/container/_container_id/database/_database_id/table/_table_id/index.vue b/fda-ui/pages/container/_container_id/database/_database_id/table/_table_id/index.vue
index e8606594643ac0e979dfda72c12ff2842448412d..8bb1fa0d4de4bb27d61e0959b6746cdbe48a3553 100644
--- a/fda-ui/pages/container/_container_id/database/_database_id/table/_table_id/index.vue
+++ b/fda-ui/pages/container/_container_id/database/_database_id/table/_table_id/index.vue
@@ -121,6 +121,9 @@ export default {
     version (newVersion, oldVersion) {
       console.info('selected new version', newVersion)
       this.loadData()
+    },
+    options () {
+      this.loadData()
     }
   },
   mounted () {
@@ -154,7 +157,7 @@ export default {
         }
         const res = await this.$axios.get(url)
         console.debug('version', this.datetime, 'table data', res.data)
-        this.total = res.headers['fda-count']
+        this.total = parseInt(res.headers['fda-count'])
         this.rows = res.data.result
       } catch (err) {
         console.error('failed to load data', err)