diff --git a/web/src/views/container/ComposeView.vue b/web/src/views/container/ComposeView.vue
index 4df0a5d6..6de53d85 100644
--- a/web/src/views/container/ComposeView.vue
+++ b/web/src/views/container/ComposeView.vue
@@ -293,7 +293,7 @@ onMounted(() => {
       :scroll-x="1000"
       :data="data"
       :columns="columns"
-      :row-key="(row: any) => row.id"
+      :row-key="(row: any) => row.name"
       v-model:page="page"
       v-model:pageSize="pageSize"
       :pagination="{
diff --git a/web/src/views/container/VolumeView.vue b/web/src/views/container/VolumeView.vue
index a4892af5..12bfd829 100644
--- a/web/src/views/container/VolumeView.vue
+++ b/web/src/views/container/VolumeView.vue
@@ -107,7 +107,7 @@ const { loading, data, page, total, pageSize, pageCount, refresh } = usePaginati
 )
 
 const handleDelete = async (row: any) => {
-  useRequest(container.volumeRemove(row.id)).onSuccess(() => {
+  useRequest(container.volumeRemove(row.name)).onSuccess(() => {
     refresh()
     window.$message.success($gettext('Delete successful'))
   })
@@ -155,7 +155,7 @@ onMounted(() => {
       :scroll-x="1000"
       :data="data"
       :columns="columns"
-      :row-key="(row: any) => row.id"
+      :row-key="(row: any) => row.name"
       v-model:checked-row-keys="selectedRowKeys"
       v-model:page="page"
       v-model:pageSize="pageSize"