diff --git a/src/components/Table/DataTable/compenents/el-data-table/el-data-table.vue b/src/components/Table/DataTable/compenents/el-data-table/el-data-table.vue
index eead98412..a2fb27a73 100644
--- a/src/components/Table/DataTable/compenents/el-data-table/el-data-table.vue
+++ b/src/components/Table/DataTable/compenents/el-data-table/el-data-table.vue
@@ -105,14 +105,14 @@
             <template #header>
               <span :title="col.label">{{ col.label }}</span>
             </template>
-            <template v-if="col.formatter && typeof col.formatter !== 'function'" v-slot:default="{row, column, index}">
+            <template v-if="col.formatter && typeof col.formatter !== 'function'" v-slot:default="{row, column, $index}">
               <div
                 :is="col.formatter"
                 :key="row.id"
                 :cell-value="row[col.prop]"
                 :col="col"
                 :column="column"
-                :index="index"
+                :index="$index"
                 :reload="getList"
                 :row="row"
                 :table-data="data"
diff --git a/src/components/Table/TableFormatters/DetailFormatter.vue b/src/components/Table/TableFormatters/DetailFormatter.vue
index ea8e29e00..cc98e7f21 100644
--- a/src/components/Table/TableFormatters/DetailFormatter.vue
+++ b/src/components/Table/TableFormatters/DetailFormatter.vue
@@ -74,7 +74,8 @@ export default {
       return this.formatterArgs.getTitle({
         col: this.col,
         row: this.row,
-        cellValue: this.cellValue
+        cellValue: this.cellValue,
+        index: this.index
       })
     },
     disabled() {
diff --git a/src/views/sessions/SessionList/BaseList.vue b/src/views/sessions/SessionList/BaseList.vue
index c56d9cb6a..a09d591f1 100644
--- a/src/views/sessions/SessionList/BaseList.vue
+++ b/src/views/sessions/SessionList/BaseList.vue
@@ -54,7 +54,7 @@ export default {
             formatterArgs: {
               drawer: true,
               can: this.$hasPerm('assets.view_asset'),
-              getTitle: ({ row }) => { return row.id },
+              getTitle: ({ row, col, cellValue, index }) => { return index + 1 },
               getRoute: ({ row }) => {
                 return {
                   name: 'SessionDetail',