diff --git a/src/components/AccountListTable/index.vue b/src/components/AccountListTable/index.vue
index 515166573..6053b6497 100644
--- a/src/components/AccountListTable/index.vue
+++ b/src/components/AccountListTable/index.vue
@@ -19,7 +19,7 @@
 
 <script>
 import ListTable from '@/components/ListTable/index'
-import { ActionsFormatter, DetailFormatter, DisplayFormatter } from '@/components/TableFormatters'
+import { ActionsFormatter, DisplayFormatter } from '@/components/TableFormatters'
 import ShowSecretInfo from './ShowSecretInfo'
 import UpdateSecretInfo from './UpdateSecretInfo'
 import AddAccount from './AddAccount'
@@ -85,22 +85,26 @@ export default {
         },
         columnsMeta: {
           hostname: {
-            prop: 'hostname',
             label: this.$t('assets.Hostname'),
             showOverflowTooltip: true,
-            formatter: DetailFormatter,
-            formatterArgs: {
-              can: this.$hasPerm('assets.view_asset'),
-              getRoute({ row }) {
-                return {
-                  name: 'AssetDetail',
-                  params: { id: row.asset }
-                }
+            formatter: function(row, column, cellValue, index) {
+              const to = {
+                name: 'AssetDetail',
+                params: { id: row.asset.id }
+              }
+              if (vm.$hasPerm('assets.view_asset')) {
+                return <router-link to={ to } >{ row.asset.name }</router-link>
+              } else {
+                return <span>{ row.asset.name }</span>
               }
             }
           },
           ip: {
-            width: '120px'
+            width: '120px',
+            label: this.$t('assets.ip'),
+            formatter: function(row, column, cellValue, index) {
+              return <span>{ row.asset.ip }</span>
+            }
           },
           username: {
             showOverflowTooltip: true