diff --git a/src/components/TableItemParameter.vue b/src/components/TableItemParameter.vue
deleted file mode 100644
index d66f34bd..00000000
--- a/src/components/TableItemParameter.vue
+++ /dev/null
@@ -1,115 +0,0 @@
-<script lang="ts" setup>
-// import { BTable } from 'bootstrap-vue'
-// import {
-//   getStakingValidatorByHex, isHexAddress, isToken, percent, toDay, tokenFormatter,
-// } from '@/libs/utils'
-// export default {
-//   name: 'ArrayFieldComponent',
-//   components: {
-//     BTable,
-//   },
-//   props: {
-//     tablefield: {
-//       type: [Array, Object],
-//       default: () => [],
-//     },
-//   },
-//   computed: {
-//     items() {
-//       if (this.tablefield.length > 0 && typeof (this.tablefield[0]) === 'string') {
-//         return this.tablefield.map(x => ({ array: x }))
-//       }
-//       return this.tablefield
-//     },
-//   },
-//   methods: {
-//     eval_value(value) {
-//       if (typeof (value) === 'string') {
-//         return JSON.parse(value)
-//       }
-//       return value
-//     },
-//     isTokenField(value) {
-//       return isToken(value)
-//     },
-//     isArrayText(value) {
-//       const has = String(value).startsWith('[') && String(value).endsWith(']')
-//       return has
-//     },
-//     formatText(value) {
-//       const reg = /^\d{4}.\d{1,2}.\d{1,2}T\d{2}:\d{2}:.+Z$/
-//       const percentage = /^0\.\d+/
-//       if (reg.test(value)) {
-//         return toDay(value)
-//       }
-//       if (percentage.test(value)) {
-//         return `${percent(value)}%`
-//       }
-//       // if (value.length > 40) {
-//       //   return value.substring(0, 40).concat('...')
-//       // }
-//       return value
-//     },
-//     formatTokens(value) {
-//       return tokenFormatter(value)
-//     },
-//     isHex(value) {
-//       return isHexAddress(value)
-//     },
-//     formatHexAddress(v) {
-//       return getStakingValidatorByHex(this.$http.config.chain_name, v)
-//     },
-//   },
-// }
-</script>
-<template>
-    <div>8888</div>
-    <!-- <b-table
-      :items="items"
-      :sticky-header="true"
-      :no-border-collapse="true"
-      responsive="md"
-      class="ml-0 mr-0 dataview text-nowrap"
-    >
-      <template #cell()="data">
-        <span v-if="isTokenField(data.value)">{{ formatTokens(data.value) }}</span>
-        <span v-else-if="isHex(data.value)">{{ formatHexAddress(data.value) }}</span>
-        <TableItemParameter
-          v-else-if="isArrayText(data.value)"
-          :tablefield="eval_value(data.value)"
-        />
-        <span
-          v-else
-          :title="data.value"
-        >{{ formatText(data.value) }}</span>
-      </template>
-    </b-table> -->
-  </template>
-  
-
-  <style lang="scss">
-//   /* Small devices (landscape phones, 576px and up) */
-//   @media (min-width: 576px) {
-//     .dataview {
-//       max-width: 300px;
-//     }
-//   }
-//   /* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
-//   @media (min-width: 768px) {
-//     .dataview {
-//       max-width: 500px;
-//     }
-//   }
-//   /* Large devices (desktops, 992px and up) */
-//   @media (min-width: 992px) {
-//     .dataview {
-//       max-width: 700px;
-//     }
-//   }
-//   /* Extra large devices (large desktops, 1200px and up) */
-//   @media (min-width: 1200px) {
-//     .dataview {
-//       max-width: 820px;
-//     }
-//   }
-  </style>
\ No newline at end of file
diff --git a/src/components/TableParameter.vue b/src/components/TableParameter.vue
deleted file mode 100644
index 5530c16e..00000000
--- a/src/components/TableParameter.vue
+++ /dev/null
@@ -1,58 +0,0 @@
-<script lang="ts" setup>
-import type { PropType } from 'vue';
-import { isToken,isStringArray,isHexAddress } from '@/libs/utils'
-import TableItemParameter from '@/components/TableItemParameter.vue'
-import DynamicComponent from '@/components/dynamic/DynamicComponent.vue';
-
-const props = defineProps({
-    tableItem: {
-        type: Object,
-    },
-})
-
-function formatTitle(name: string) {
-  return String(name).replaceAll('_', ' ');
-}
-function isTokenField (value: string){
-    return value ? isToken(value) : false
-}
-
-function formatTokens (name: string){
-    return String(name).replaceAll('_', ' ')
-}
-function isArrayText (value: string){
-    return value ? isStringArray(value) : false
-    
-}
-function isHex(value: string) {
-    return value ? isHexAddress(value) : false
-}
-function formatHexAddress(v:any) {
-      return 2
-    //   getStakingValidatorByHex(this.$http.config.chain_name, v)
-}
-</script>
-
-<!-- <template>
-  <div class="bg-card px-4 pt-3 pb-4 rounded mt-">
-    <div class="text-base mb-3 text-main">{{ props.tableItem?.title }}</div>
-    <div class="">
-      <div
-        class="flex flex-nowrap"
-        v-for="(item, index) of props.tableItem?.items"
-        :key="index"
-      >
-        <div class="mr-6">{{ formatTitle(item?.subtitle) }}</div>
-        <div class="flex-1">{{ item?.value }}</div>
-        <div>{{ typeof item?.value }}</div>
-      </div> -->
-
-
-
-<template>
-    <div class="d-table">
-        <div class="flex  flex-nowrap" v-for="(item,index ) of props.tableItem" :key="index">
-            <DynamicComponent :value="item"/>
-        </div>
-    </div>
-</template>