From cd01ceb8f0eb76a6bd45fad09c03f4c5b2593357 Mon Sep 17 00:00:00 2001
From: sea <45450994+warmthsea@users.noreply.github.com>
Date: Sat, 14 Sep 2024 14:55:02 +0800
Subject: [PATCH] docs(components): [table] optimize FAQ code display (#18281)

* docs(components): [table] optimize FAQ code display

* docs: update
about:
https://github.com/element-plus/element-plus/issues/18240
https://github.com/element-plus/element-plus/issues/16514
---
 docs/en-US/component/table.md | 14 ++++++--------
 1 file changed, 6 insertions(+), 8 deletions(-)

diff --git a/docs/en-US/component/table.md b/docs/en-US/component/table.md
index f8d8726818..9cffa423fb 100644
--- a/docs/en-US/component/table.md
+++ b/docs/en-US/component/table.md
@@ -411,18 +411,16 @@ interface TreeNode {
 
 #### How to use image preview in the table?
 
-```vue
-<el-table-column label="Thumbnail" width="180">
+```vue{4}
+<template>
+  <el-table-column width="180">
     <template #default="scope">
-        <div style="display: flex; align-items: center">
-            <el-image :preview-src-list="srcList"/>
-        </div>
+      <el-image preview-teleported :preview-src-list="srcList" />
     </template>
-</el-table-column>
+  </el-table-column>
+</template>
 ```
 
-PS: since the fixed column is implement by sticky, when you have fixed columns in table, please add the `preview-teleported` attribute in image
-
 #### Why column is not rendered when use DOM templates?
 
 Typical issue: [#5046](https://github.com/element-plus/element-plus/issues/5046) [#5862](https://github.com/element-plus/element-plus/issues/5862) [#6919](https://github.com/element-plus/element-plus/issues/6919)