{"id":60950,"date":"2026-01-16T17:33:24","date_gmt":"2026-01-16T09:33:24","guid":{"rendered":"https:\/\/www.wsisp.com\/helps\/60950.html"},"modified":"2026-01-16T17:33:24","modified_gmt":"2026-01-16T09:33:24","slug":"element-plus-table%e7%bb%84%e4%bb%b6-%e5%b0%81%e8%a3%85%e5%88%97%e9%9a%90%e8%97%8f%e5%8a%9f%e8%83%bd%ef%bc%8c%e5%b9%b6%e9%9d%9e-v-if-%e6%88%96-v-for%ef%bc%8c%e9%80%9a%e8%bf%87tableref-%e4%b8%8e","status":"publish","type":"post","link":"https:\/\/www.wsisp.com\/helps\/60950.html","title":{"rendered":"element-plus table\u7ec4\u4ef6 \u5c01\u88c5\u5217\u9690\u85cf\u529f\u80fd\uff0c\u5e76\u975e v-if \u6216 v-for\uff0c\u901a\u8fc7tableRef \u4e0e\u6837\u5f0f\u63a7\u5236"},"content":{"rendered":"

\u5c01\u88c5 Element Plus Table \u5217\u9690\u85cf\u529f\u80fd<\/h4>\n

\u4f7f\u7528 tableRef \u548c\u6837\u5f0f\u63a7\u5236\u5b9e\u73b0\u5217\u9690\u85cf<\/h5>\n

\u901a\u8fc7\u64cd\u4f5c\u8868\u683c\u7684 DOM \u7ed3\u6784\u548c\u6837\u5f0f，\u53ef\u4ee5\u5b9e\u73b0\u5217\u7684\u52a8\u6001\u9690\u85cf\u4e0e\u663e\u793a\u3002\u8fd9\u79cd\u65b9\u6cd5\u4e0d\u4f9d\u8d56 v-if \u6216 v-for，\u800c\u662f\u76f4\u63a5\u63a7\u5236\u5217\u7684\u53ef\u89c1\u6027\u3002<\/p>\n

<template>
\n <el-table ref="tableRef" :data="tableData">
\n <el-table-column prop="date" label="\u65e5\u671f" \/>
\n <el-table-column prop="name" label="\u59d3\u540d" \/>
\n <el-table-column prop="address" label="\u5730\u5740" \/>
\n <\/el-table>
\n <el-button @click="toggleColumn('name')">\u5207\u6362\u59d3\u540d\u5217<\/el-button>
\n<\/template><\/p>\n

<script setup>
\nimport { ref } from 'vue';<\/p>\n

const tableRef = ref();
\nconst tableData = [
\n { date: '2023-01-01', name: '\u5f20\u4e09', address: '\u5317\u4eac' },
\n { date: '2023-01-02', name: '\u674e\u56db', address: '\u4e0a\u6d77' }
\n];<\/p>\n

const toggleColumn = (prop) => {
\n if (!tableRef.value) return;<\/p>\n

const table = tableRef.value.$el;
\n const header = table.querySelector('.el-table__header-wrapper');
\n const body = table.querySelector('.el-table__body-wrapper');<\/p>\n

\/\/ \u83b7\u53d6\u6240\u6709\u5217
\n const headerCols = header.querySelectorAll('th');
\n const bodyCols = body.querySelectorAll('tr td');<\/p>\n

\/\/ \u67e5\u627e\u76ee\u6807\u5217\u7d22\u5f15
\n let colIndex = -1;
\n headerCols.forEach((th, index) => {
\n if (th.getAttribute('data-property') === prop) {
\n colIndex = index;
\n }
\n });<\/p>\n

if (colIndex === -1) return;<\/p>\n

\/\/ \u5207\u6362\u5217\u7684\u663e\u793a\u72b6\u6001
\n headerCols[colIndex].style.display =
\n headerCols[colIndex].style.display === 'none' ? '' : 'none';<\/p>\n

bodyCols.forEach((td, index) => {
\n if (index % headerCols.length === colIndex) {
\n td.style.display =
\n td.style.display === 'none' ? '' : 'none';
\n }
\n });
\n};
\n<\/script><\/p>\n

\u5c01\u88c5\u4e3a\u53ef\u590d\u7528\u7684 Hook<\/h5>\n

\u53ef\u4ee5\u5c06\u5217\u9690\u85cf\u903b\u8f91\u5c01\u88c5\u4e3a\u53ef\u590d\u7528\u7684 Composition API Hook：<\/p>\n

\/\/ useTableColumnToggle.js
\nimport { ref } from 'vue';<\/p>\n

export function useTableColumnToggle(tableRef) {
\n const toggleColumn = (prop) => {
\n if (!tableRef.value) return;<\/p>\n

const table = tableRef.value.$el;
\n const header = table.querySelector('.el-table__header-wrapper');
\n const body = table.querySelector('.el-table__body-wrapper');<\/p>\n

const headerCols = header.querySelectorAll('th');
\n const bodyCols = body.querySelectorAll('tr td');<\/p>\n

let colIndex = -1;
\n headerCols.forEach((th, index) => {
\n if (th.getAttribute('data-property') === prop) {
\n colIndex = index;
\n }
\n });<\/p>\n

if (colIndex === -1) return;<\/p>\n

const isHidden = headerCols[colIndex].style.display === 'none';
\n const newDisplay = isHidden ? '' : 'none';<\/p>\n

headerCols[colIndex].style.display = newDisplay;
\n bodyCols.forEach((td, index) => {
\n if (index % headerCols.length === colIndex) {
\n td.style.display = newDisplay;
\n }
\n });
\n };<\/p>\n

return { toggleColumn };
\n}<\/p>\n

\u4f7f\u7528 Hook \u7684\u793a\u4f8b<\/h5>\n

<template>
\n <el-table ref="tableRef" :data="tableData">
\n <el-table-column prop="date" label="\u65e5\u671f" \/>
\n <el-table-column prop="name" label="\u59d3\u540d" \/>
\n <el-table-column prop="address" label="\u5730\u5740" \/>
\n <\/el-table>
\n <el-button @click="toggleNameColumn">\u5207\u6362\u59d3\u540d\u5217<\/el-button>
\n<\/template><\/p>\n

<script setup>
\nimport { ref } from 'vue';
\nimport { useTableColumnToggle } from '.\/useTableColumnToggle';<\/p>\n

const tableRef = ref();
\nconst tableData = [
\n { date: '2023-01-01', name: '\u5f20\u4e09', address: '\u5317\u4eac' },
\n { date: '2023-01-02', name: '\u674e\u56db', address: '\u4e0a\u6d77' }
\n];<\/p>\n

const { toggleColumn } = useTableColumnToggle(tableRef);
\nconst toggleNameColumn = () => toggleColumn('name');
\n<\/script><\/p>\n

\u6ce8\u610f\u4e8b\u9879<\/h5>\n
  • \u8fd9\u79cd\u65b9\u6cd5\u76f4\u63a5\u64cd\u4f5c DOM，\u53ef\u80fd\u5728\u67d0\u4e9b\u6781\u7aef\u60c5\u51b5\u4e0b\u4e0d\u5982 Vue \u7684\u54cd\u5e94\u5f0f\u7cfb\u7edf\u7a33\u5b9a<\/li>\n
  • \u9700\u8981\u786e\u4fdd\u5217\u7684 prop \u5c5e\u6027\u4e0e\u6570\u636e\u4e2d\u7684\u5b57\u6bb5\u540d\u4e00\u81f4<\/li>\n
  • \u5bf9\u4e8e\u590d\u6742\u7684\u8868\u683c\u7ed3\u6784（\u5982\u56fa\u5b9a\u5217\u3001\u591a\u7ea7\u8868\u5934），\u53ef\u80fd\u9700\u8981\u8c03\u6574\u9009\u62e9\u5668\u903b\u8f91<\/li>\n
  • \u6027\u80fd\u4e0a\u4f18\u4e8e v-if，\u56e0\u4e3a\u4e0d\u4f1a\u89e6\u53d1\u7ec4\u4ef6\u7684\u9500\u6bc1\u548c\u91cd\u5efa<\/li>\n
    \u6269\u5c55\u529f\u80fd<\/h5>\n

    \u53ef\u4ee5\u8fdb\u4e00\u6b65\u6269\u5c55 Hook \u4ee5\u652f\u6301\u6279\u91cf\u64cd\u4f5c：<\/p>\n

    \/\/ \u5728 useTableColumnToggle.js \u4e2d\u6dfb\u52a0
    \nconst toggleColumns = (props) => {
    \n props.forEach(prop => toggleColumn(prop));
    \n};<\/p>\n

    const hideColumns = (props) => {
    \n props.forEach(prop => {
    \n if (!tableRef.value) return;
    \n \/\/ \u7c7b\u4f3c toggleColumn \u903b\u8f91，\u4f46\u5f3a\u5236\u9690\u85cf
    \n });
    \n};<\/p>\n

    const showColumns = (props) => {
    \n props.forEach(prop => {
    \n if (!tableRef.value) return;
    \n \/\/ \u7c7b\u4f3c toggleColumn \u903b\u8f91，\u4f46\u5f3a\u5236\u663e\u793a
    \n });
    \n};<\/p>\n

    return { toggleColumn, toggleColumns, hideColumns, showColumns };<\/p>\n

    avg.163.com\/topic\/detail\/8834434
    \navg.163.com\/topic\/detail\/8834458
    \navg.163.com\/topic\/detail\/8834461
    \navg.163.com\/topic\/detail\/8834325
    \navg.163.com\/topic\/detail\/8834014
    \navg.163.com\/topic\/detail\/8834362
    \navg.163.com\/topic\/detail\/8834356
    \navg.163.com\/topic\/detail\/8834456
    \navg.163.com\/topic\/detail\/8834455
    \navg.163.com\/topic\/detail\/8834381
    \navg.163.com\/topic\/detail\/8834353
    \navg.163.com\/topic\/detail\/8834550
    \navg.163.com\/topic\/detail\/8834516
    \navg.163.com\/topic\/detail\/8834320
    \navg.163.com\/topic\/detail\/8834581
    \navg.163.com\/topic\/detail\/8834382
    \navg.163.com\/topic\/detail\/8834493
    \navg.163.com\/topic\/detail\/8834551
    \navg.163.com\/topic\/detail\/8834481
    \navg.163.com\/topic\/detail\/8834518
    \navg.163.com\/topic\/detail\/8834515
    \navg.163.com\/topic\/detail\/8834498
    \navg.163.com\/topic\/detail\/8834041
    \navg.163.com\/topic\/detail\/8834525
    \navg.163.com\/topic\/detail\/8834494
    \navg.163.com\/topic\/detail\/8834386
    \navg.163.com\/topic\/detail\/8834490
    \navg.163.com\/topic\/detail\/8834420
    \navg.163.com\/topic\/detail\/8834519
    \navg.163.com\/topic\/detail\/8834389
    \navg.163.com\/topic\/detail\/8834542
    \navg.163.com\/topic\/detail\/8834354
    \navg.163.com\/topic\/detail\/8834421
    \navg.163.com\/topic\/detail\/8834609
    \navg.163.com\/topic\/detail\/8834380
    \navg.163.com\/topic\/detail\/8834520
    \navg.163.com\/topic\/detail\/8834578
    \navg.163.com\/topic\/detail\/8834546
    \navg.163.com\/topic\/detail\/8834611
    \navg.163.com\/topic\/detail\/8834543
    \navg.163.com\/topic\/detail\/8834083
    \navg.163.com\/topic\/detail\/8834572
    \navg.163.com\/topic\/detail\/8834553
    \navg.163.com\/topic\/detail\/8834521
    \navg.163.com\/topic\/detail\/8834426
    \navg.163.com\/topic\/detail\/8834580
    \navg.163.com\/topic\/detail\/8834480
    \navg.163.com\/topic\/detail\/8834548
    \navg.163.com\/topic\/detail\/8834422
    \navg.163.com\/topic\/detail\/8834510
    \navg.163.com\/topic\/detail\/8834448
    \navg.163.com\/topic\/detail\/8834571
    \navg.163.com\/topic\/detail\/8834641
    \navg.163.com\/topic\/detail\/8834419
    \navg.163.com\/topic\/detail\/8834668
    \navg.163.com\/topic\/detail\/8834544
    \navg.163.com\/topic\/detail\/8834605
    \navg.163.com\/topic\/detail\/8834642
    \navg.163.com\/topic\/detail\/8834636
    \navg.163.com\/topic\/detail\/8834115
    \navg.163.com\/topic\/detail\/8834606
    \navg.163.com\/topic\/detail\/8834549
    \navg.163.com\/topic\/detail\/8834637
    \navg.163.com\/topic\/detail\/8834452
    \navg.163.com\/topic\/detail\/8834612
    \navg.163.com\/topic\/detail\/8834573
    \navg.163.com\/topic\/detail\/8834643
    \navg.163.com\/topic\/detail\/8834450
    \navg.163.com\/topic\/detail\/8834483
    \navg.163.com\/topic\/detail\/8834539
    \navg.163.com\/topic\/detail\/8834603
    \navg.163.com\/topic\/detail\/8834485
    \navg.163.com\/topic\/detail\/8834696
    \navg.163.com\/topic\/detail\/8834447
    \navg.163.com\/topic\/detail\/8834576
    \navg.163.com\/topic\/detail\/8834666
    \navg.163.com\/topic\/detail\/8834608
    \navg.163.com\/topic\/detail\/8834665
    \navg.163.com\/topic\/detail\/8834142
    \navg.163.com\/topic\/detail\/8834694
    \navg.163.com\/topic\/detail\/8832562
    \navg.163.com\/topic\/detail\/8834579
    \navg.163.com\/topic\/detail\/8834664
    \navg.163.com\/topic\/detail\/8834488
    \navg.163.com\/topic\/detail\/8834604
    \navg.163.com\/topic\/detail\/8834517
    \navg.163.com\/topic\/detail\/8834511
    \navg.163.com\/topic\/detail\/8834670
    \navg.163.com\/topic\/detail\/8834631
    \navg.163.com\/topic\/detail\/8834567
    \navg.163.com\/topic\/detail\/8834513
    \navg.163.com\/topic\/detail\/8834732
    \navg.163.com\/topic\/detail\/8834478
    \navg.163.com\/topic\/detail\/8834538
    \navg.163.com\/topic\/detail\/8834695
    \navg.163.com\/topic\/detail\/8834735
    \navg.163.com\/topic\/detail\/8834633
    \navg.163.com\/topic\/detail\/8834168
    \navg.163.com\/topic\/detail\/8833802
    \navg.163.com\/topic\/detail\/8834730
    \navg.163.com\/topic\/detail\/8834203
    \navg.163.com\/topic\/detail\/8834607
    \navg.163.com\/topic\/detail\/8834690
    \navg.163.com\/topic\/detail\/8834635
    \navg.163.com\/topic\/detail\/8834731
    \navg.163.com\/topic\/detail\/8834545
    \navg.163.com\/topic\/detail\/8834540
    \navg.163.com\/topic\/detail\/8834697
    \navg.163.com\/topic\/detail\/8834656
    \navg.163.com\/topic\/detail\/8834753
    \navg.163.com\/topic\/detail\/8834599
    \navg.163.com\/topic\/detail\/8834509
    \navg.163.com\/topic\/detail\/8834569
    \navg.163.com\/topic\/detail\/8834566
    \navg.163.com\/topic\/detail\/8834755
    \navg.163.com\/topic\/detail\/8834657
    \navg.163.com\/topic\/detail\/8833918
    \navg.163.com\/topic\/detail\/8834759
    \navg.163.com\/topic\/detail\/8834235
    \navg.163.com\/topic\/detail\/8834634
    \navg.163.com\/topic\/detail\/8834786
    \navg.163.com\/topic\/detail\/8834659
    \navg.163.com\/topic\/detail\/8834752
    \navg.163.com\/topic\/detail\/8834574
    \navg.163.com\/topic\/detail\/8834568
    \navg.163.com\/topic\/detail\/8834610
    \navg.163.com\/topic\/detail\/8834733
    \navg.163.com\/topic\/detail\/8834788
    \navg.163.com\/topic\/detail\/8834685
    \navg.163.com\/topic\/detail\/8834758
    \navg.163.com\/topic\/detail\/8834626
    \navg.163.com\/topic\/detail\/8834600
    \navg.163.com\/topic\/detail\/8834598
    \navg.163.com\/topic\/detail\/8834628
    \navg.163.com\/topic\/detail\/8834688
    \navg.163.com\/topic\/detail\/8834789
    \navg.163.com\/topic\/detail\/8833946
    \navg.163.com\/topic\/detail\/8833975
    \navg.163.com\/topic\/detail\/8834662
    \navg.163.com\/topic\/detail\/8834261
    \navg.163.com\/topic\/detail\/8834693
    \navg.163.com\/topic\/detail\/8834783
    \navg.163.com\/topic\/detail\/8834727
    \navg.163.com\/topic\/detail\/8834601
    \navg.163.com\/topic\/detail\/8834687
    \navg.163.com\/topic\/detail\/8834790
    \navg.163.com\/topic\/detail\/8834723
    \navg.163.com\/topic\/detail\/8834627
    \navg.163.com\/topic\/detail\/8834638
    \navg.163.com\/topic\/detail\/8834654
    \navg.163.com\/topic\/detail\/8834722
    \navg.163.com\/topic\/detail\/8834760
    \navg.163.com\/topic\/detail\/8834013
    \navg.163.com\/topic\/detail\/8834684
    \navg.163.com\/topic\/detail\/8834655
    \navg.163.com\/topic\/detail\/8834080
    \navg.163.com\/topic\/detail\/8834787
    \navg.163.com\/topic\/detail\/8834629
    \navg.163.com\/topic\/detail\/8834661
    \navg.163.com\/topic\/detail\/8834718
    \navg.163.com\/topic\/detail\/8834728
    \navg.163.com\/topic\/detail\/8834297
    \navg.163.com\/topic\/detail\/8834747
    \navg.163.com\/topic\/detail\/8834658
    \navg.163.com\/topic\/detail\/8834686
    \navg.163.com\/topic\/detail\/8834785
    \navg.163.com\/topic\/detail\/8834757
    \navg.163.com\/topic\/detail\/8834683
    \navg.163.com\/topic\/detail\/8834327
    \navg.163.com\/topic\/detail\/8834113
    \navg.163.com\/topic\/detail\/8834781
    \navg.163.com\/topic\/detail\/8834744
    \navg.163.com\/topic\/detail\/8834751
    \navg.163.com\/topic\/detail\/8834726
    \navg.163.com\/topic\/detail\/8834169
    \navg.163.com\/topic\/detail\/8834660
    \navg.163.com\/topic\/detail\/8834360
    \navg.163.com\/topic\/detail\/8834778
    \navg.163.com\/topic\/detail\/8834201
    \navg.163.com\/topic\/detail\/8834689
    \navg.163.com\/topic\/detail\/8834750
    \navg.163.com\/topic\/detail\/8834777
    \navg.163.com\/topic\/detail\/8834384
    \navg.163.com\/topic\/detail\/8834724
    \navg.163.com\/topic\/detail\/8834734
    \navg.163.com\/topic\/detail\/8834423
    \navg.163.com\/topic\/detail\/8834720
    \navg.163.com\/topic\/detail\/8834749
    \navg.163.com\/topic\/detail\/8834754
    \navg.163.com\/topic\/detail\/8834449
    \navg.163.com\/topic\/detail\/8834746
    \navg.163.com\/topic\/detail\/8834233
    \navg.163.com\/topic\/detail\/8834784
    \navg.163.com\/topic\/detail\/8834776
    \navg.163.com\/topic\/detail\/8834779
    \navg.163.com\/topic\/detail\/8834260
    \navg.163.com\/topic\/detail\/8834775
    \navg.163.com\/topic\/detail\/8834804
    \navg.163.com\/topic\/detail\/8834479
    \navg.163.com\/topic\/detail\/8834296
    \navg.163.com\/topic\/detail\/8834514
    \navg.163.com\/topic\/detail\/8834319
    \navg.163.com\/topic\/detail\/8834541
    \navg.163.com\/topic\/detail\/8834352
    \navg.163.com\/topic\/detail\/8834570
    \navg.163.com\/topic\/detail\/8834418
    \navg.163.com\/topic\/detail\/8834630
    \navg.163.com\/topic\/detail\/8834446
    \navg.163.com\/topic\/detail\/8834663
    \navg.163.com\/topic\/detail\/8834477
    \navg.163.com\/topic\/detail\/8834691
    \navg.163.com\/topic\/detail\/8834536
    \navg.163.com\/topic\/detail\/8834729
    \navg.163.com\/topic\/detail\/8834565
    \navg.163.com\/topic\/detail\/8834748
    \navg.163.com\/topic\/detail\/8834596
    \navg.163.com\/topic\/detail\/8834782
    \navg.163.com\/topic\/detail\/8834625
    \navg.163.com\/topic\/detail\/8834652
    \navg.163.com\/topic\/detail\/8834681
    \navg.163.com\/topic\/detail\/8834714
    \navg.163.com\/topic\/detail\/8834743
    \navg.163.com\/topic\/detail\/8834774<\/p>\n","protected":false},"excerpt":{"rendered":"

    \u5c01\u88c5 Element Plus Table \u5217\u9690\u85cf\u529f\u80fd\u4f7f\u7528 tableRef \u548c\u6837\u5f0f\u63a7\u5236\u5b9e\u73b0\u5217\u9690\u85cf\u901a\u8fc7\u64cd\u4f5c\u8868\u683c\u7684 DOM \u7ed3\u6784\u548c\u6837\u5f0f，\u53ef\u4ee5\u5b9e\u73b0\u5217\u7684\u52a8\u6001\u9690\u85cf\u4e0e\u663e\u793a\u3002\u8fd9\u79cd\u65b9\u6cd5\u4e0d\u4f9d\u8d56 v-if \u6216 v-for，\u800c\u662f\u76f4\u63a5\u63a7\u5236\u5217\u7684\u53ef\u89c1\u6027\u3002<el-table-column prop<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[3381,187,625],"topic":[],"class_list":["post-60950","post","type-post","status-publish","format-standard","hentry","category-server","tag-elementui","tag-javascript","tag-vue-js"],"yoast_head":"\nelement-plus table\u7ec4\u4ef6 \u5c01\u88c5\u5217\u9690\u85cf\u529f\u80fd\uff0c\u5e76\u975e v-if \u6216 v-for\uff0c\u901a\u8fc7tableRef \u4e0e\u6837\u5f0f\u63a7\u5236 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.wsisp.com\/helps\/60950.html\" \/>\n<meta property=\"og:locale\" content=\"zh_CN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"element-plus table\u7ec4\u4ef6 \u5c01\u88c5\u5217\u9690\u85cf\u529f\u80fd\uff0c\u5e76\u975e v-if \u6216 v-for\uff0c\u901a\u8fc7tableRef \u4e0e\u6837\u5f0f\u63a7\u5236 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\" \/>\n<meta property=\"og:description\" content=\"\u5c01\u88c5 Element Plus Table \u5217\u9690\u85cf\u529f\u80fd\u4f7f\u7528 tableRef \u548c\u6837\u5f0f\u63a7\u5236\u5b9e\u73b0\u5217\u9690\u85cf\u901a\u8fc7\u64cd\u4f5c\u8868\u683c\u7684 DOM \u7ed3\u6784\u548c\u6837\u5f0f，\u53ef\u4ee5\u5b9e\u73b0\u5217\u7684\u52a8\u6001\u9690\u85cf\u4e0e\u663e\u793a\u3002\u8fd9\u79cd\u65b9\u6cd5\u4e0d\u4f9d\u8d56 v-if \u6216 v-for，\u800c\u662f\u76f4\u63a5\u63a7\u5236\u5217\u7684\u53ef\u89c1\u6027\u3002<el-table-column prop\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.wsisp.com\/helps\/60950.html\" \/>\n<meta property=\"og:site_name\" content=\"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\" \/>\n<meta property=\"article:published_time\" content=\"2026-01-16T09:33:24+00:00\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u4f5c\u8005\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 \u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/60950.html\",\"url\":\"https:\/\/www.wsisp.com\/helps\/60950.html\",\"name\":\"element-plus table\u7ec4\u4ef6 \u5c01\u88c5\u5217\u9690\u85cf\u529f\u80fd\uff0c\u5e76\u975e v-if \u6216 v-for\uff0c\u901a\u8fc7tableRef \u4e0e\u6837\u5f0f\u63a7\u5236 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\",\"isPartOf\":{\"@id\":\"https:\/\/www.wsisp.com\/helps\/#website\"},\"datePublished\":\"2026-01-16T09:33:24+00:00\",\"dateModified\":\"2026-01-16T09:33:24+00:00\",\"author\":{\"@id\":\"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.wsisp.com\/helps\/60950.html#breadcrumb\"},\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.wsisp.com\/helps\/60950.html\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/60950.html#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u9996\u9875\",\"item\":\"https:\/\/www.wsisp.com\/helps\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"element-plus table\u7ec4\u4ef6 \u5c01\u88c5\u5217\u9690\u85cf\u529f\u80fd\uff0c\u5e76\u975e v-if \u6216 v-for\uff0c\u901a\u8fc7tableRef \u4e0e\u6837\u5f0f\u63a7\u5236\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/#website\",\"url\":\"https:\/\/www.wsisp.com\/helps\/\",\"name\":\"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\",\"description\":\"\u9999\u6e2f\u670d\u52a1\u5668_\u9999\u6e2f\u4e91\u670d\u52a1\u5668\u8d44\u8baf_\u670d\u52a1\u5668\u5e2e\u52a9\u6587\u6863_\u670d\u52a1\u5668\u6559\u7a0b\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.wsisp.com\/helps\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"zh-Hans\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery\",\"contentUrl\":\"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery\",\"caption\":\"admin\"},\"sameAs\":[\"http:\/\/wp.wsisp.com\"],\"url\":\"https:\/\/www.wsisp.com\/helps\/author\/admin\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"element-plus table\u7ec4\u4ef6 \u5c01\u88c5\u5217\u9690\u85cf\u529f\u80fd\uff0c\u5e76\u975e v-if \u6216 v-for\uff0c\u901a\u8fc7tableRef \u4e0e\u6837\u5f0f\u63a7\u5236 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.wsisp.com\/helps\/60950.html","og_locale":"zh_CN","og_type":"article","og_title":"element-plus table\u7ec4\u4ef6 \u5c01\u88c5\u5217\u9690\u85cf\u529f\u80fd\uff0c\u5e76\u975e v-if \u6216 v-for\uff0c\u901a\u8fc7tableRef \u4e0e\u6837\u5f0f\u63a7\u5236 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","og_description":"\u5c01\u88c5 Element Plus Table \u5217\u9690\u85cf\u529f\u80fd\u4f7f\u7528 tableRef \u548c\u6837\u5f0f\u63a7\u5236\u5b9e\u73b0\u5217\u9690\u85cf\u901a\u8fc7\u64cd\u4f5c\u8868\u683c\u7684 DOM \u7ed3\u6784\u548c\u6837\u5f0f，\u53ef\u4ee5\u5b9e\u73b0\u5217\u7684\u52a8\u6001\u9690\u85cf\u4e0e\u663e\u793a\u3002\u8fd9\u79cd\u65b9\u6cd5\u4e0d\u4f9d\u8d56 v-if \u6216 v-for，\u800c\u662f\u76f4\u63a5\u63a7\u5236\u5217\u7684\u53ef\u89c1\u6027\u3002<el-table-column prop","og_url":"https:\/\/www.wsisp.com\/helps\/60950.html","og_site_name":"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","article_published_time":"2026-01-16T09:33:24+00:00","author":"admin","twitter_card":"summary_large_image","twitter_misc":{"\u4f5c\u8005":"admin","\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4":"7 \u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.wsisp.com\/helps\/60950.html","url":"https:\/\/www.wsisp.com\/helps\/60950.html","name":"element-plus table\u7ec4\u4ef6 \u5c01\u88c5\u5217\u9690\u85cf\u529f\u80fd\uff0c\u5e76\u975e v-if \u6216 v-for\uff0c\u901a\u8fc7tableRef \u4e0e\u6837\u5f0f\u63a7\u5236 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","isPartOf":{"@id":"https:\/\/www.wsisp.com\/helps\/#website"},"datePublished":"2026-01-16T09:33:24+00:00","dateModified":"2026-01-16T09:33:24+00:00","author":{"@id":"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41"},"breadcrumb":{"@id":"https:\/\/www.wsisp.com\/helps\/60950.html#breadcrumb"},"inLanguage":"zh-Hans","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.wsisp.com\/helps\/60950.html"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.wsisp.com\/helps\/60950.html#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u9996\u9875","item":"https:\/\/www.wsisp.com\/helps"},{"@type":"ListItem","position":2,"name":"element-plus table\u7ec4\u4ef6 \u5c01\u88c5\u5217\u9690\u85cf\u529f\u80fd\uff0c\u5e76\u975e v-if \u6216 v-for\uff0c\u901a\u8fc7tableRef \u4e0e\u6837\u5f0f\u63a7\u5236"}]},{"@type":"WebSite","@id":"https:\/\/www.wsisp.com\/helps\/#website","url":"https:\/\/www.wsisp.com\/helps\/","name":"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","description":"\u9999\u6e2f\u670d\u52a1\u5668_\u9999\u6e2f\u4e91\u670d\u52a1\u5668\u8d44\u8baf_\u670d\u52a1\u5668\u5e2e\u52a9\u6587\u6863_\u670d\u52a1\u5668\u6559\u7a0b","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.wsisp.com\/helps\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"zh-Hans"},{"@type":"Person","@id":"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41","name":"admin","image":{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/image\/","url":"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery","contentUrl":"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery","caption":"admin"},"sameAs":["http:\/\/wp.wsisp.com"],"url":"https:\/\/www.wsisp.com\/helps\/author\/admin"}]}},"_links":{"self":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/posts\/60950","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/comments?post=60950"}],"version-history":[{"count":0,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/posts\/60950\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/media?parent=60950"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/categories?post=60950"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/tags?post=60950"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/topic?post=60950"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}