https://antdv.com/assets/index.53563b0e.js

1import{a as va,i as H,aW as kn,t as S,aY as Un,aX as En,cs as An,ct as ps,cu as cs,n as F,b as I,r as m,o as x,j as d,h as C,c as W,f as a,e as L,k as O,b6 as K,s as P,d as n,m as dn,ag as On,_ as M,au as gn,S as na,X as ls,bM as rs,bd as us,cv as Ba,B as bn,v as Wa}from"./index.475274a1.js";import{S as Ra}from"./SmileOutlined.235addfc.js";import{C as xa,T as Fa,a as Sa}from"./index.43d230fa.js";import"./token-meta.444f1b68.js";const is={},Ya=Symbol("GLOBAL_OPTIONS_PROVIDE_KEY"),Ja=()=>is,q=t=>t,ks=Object.prototype.toString,ds=t=>ks.call(t),gs=t=>ds(t)==="[object Object]",rn=t=>Array.isArray(t),sn=t=>t!==null&&typeof t=="object",jn=t=>t instanceof Function,tn=t=>t==null,Mn=typeof window>"u",Xa=()=>{var t;return Mn||tn((t=window.document)===null||t===void 0?void 0:t.visibilityState)?!0:window.document.visibilityState==="visible"},Is=()=>{var t,o;return(t=!Mn&&((o=window.navigator)===null||o===void 0?void 0:o.onLine))!==null&&t!==void 0?t:!0},hn=()=>new Promise(()=>{}),aa=function(t,o){let p=arguments.length>2&&arguments[2]!==void 0?arguments[2]:void 0;const c=o.replace(/\[(\d+)\]/g,".$1").split(".");let s=t;for(const e of c)if(s=Object(s)[e],s===void 0)return p;return s},j=t=>ps(t)?t.value:t,Cs=t=>sn(t)?Object.assign(rn(t)?[]:{},t):t,en=new Map,ys=t=>tn(t)?void 0:en.get(t),ms=(t,o,p)=>{const c=en.get(t);c!=null&&c.timer&&clearTimeout(c.timer);const s=setTimeout(()=>en.delete(t),o);en.set(t,{...p,timer:s})};function Va(t,o,p){let c,s,e,r,l,u,i=0,g=!1,k=!1,y=!0;const A=!o&&o!==0&&typeof window.requestAnimationFrame=="function";if(typeof t!="function")throw new TypeError("Expected a function");o=+o||0,sn(p)&&(g=!!p.leading,k="maxWait"in p,e=k?Math.max(+p.maxWait||0,o):e,y="trailing"in p?!!p.trailing:y);function Z(f){const X=c,N=s;return c=s=void 0,i=f,r=t.apply(N,X),r}function h(f,X){return A?(window.cancelAnimationFrame(l),window.requestAnimationFrame(f)):setTimeout(f,X)}function v(f){if(A)return window.cancelAnimationFrame(f);clearTimeout(f)}function G(f){return i=f,l=h(b,o),g?Z(f):r}function w(f){const X=f-u,N=f-i,U=o-X;return k?Math.min(U,e-N):U}function B(f){const X=f-u,N=f-i;return u===void 0||X>=o||X<0||k&&N>=e}function b(){const f=Date.now();if(B(f))return Y(f);l=h(b,w(f))}function Y(f){return l=void 0,y&&c?Z(f):(c=s=void 0,r)}function D(){l!==void 0&&v(l),i=0,c=u=s=l=void 0}function R(){return l===void 0?r:Y(Date.now())}function V(){return l!==void 0}function J(){const f=Date.now(),X=B(f);for(var N=arguments.length,U=new Array(N),E=0;E<N;E++)U[E]=arguments[E];if(c=U,s=this,u=f,X){if(l===void 0)return G(u);if(k)return l=h(b,o),Z(u)}return l===void 0&&(l=h(b,o)),r}return J.cancel=D,J.flush=R,J.pending=V,J}function Na(t,o){for(const p in o)if(o[p]!==void 0){if(!sn(o[p])||!sn(t[p])||!(p in t)){t[p]=o[p];continue}(gs(o[p])||rn(o[p]))&&Na(t[p],o[p])}}function sa(t){const o=Object.assign({},t);for(var p=arguments.length,c=new Array(p>1?p-1:0),s=1;s<p;s++)c[s-1]=arguments[s];if(!c.length)return o;for(const e of c)Na(o,e);return o}function As(t,o,p){let c=!0,s=!0;if(typeof t!="function")throw new TypeError("Expected a function");return sn(p)&&(c="leading"in p?!!p.leading:c,s="trailing"in p?!!p.trailing:s),Va(t,o,{leading:c,trailing:s,maxWait:o})}var bs=q((t,o)=>{let{debounceInterval:p,debounceOptions:c,manual:s}=o;const e=S(!1),r=S(),l=H(()=>c),u=H(()=>j(p)),i=S(t.context.runAsync);return s||(e.value=!0),Un(g=>{tn(u.value)||(r.value=Va(k=>k(),u.value,l.value),t.context.runAsync=function(){for(var k=arguments.length,y=new Array(k),A=0;A<k;A++)y[A]=arguments[A];return new Promise((Z,h)=>{e.value?(e.value=!1,i.value(...y).then(Z).catch(h)):r.value(()=>{i.value(...y).then(Z).catch(h)})})},g(()=>{var k;(k=r.value)===null||k===void 0||k.cancel(),t.context.runAsync=i.value}))}),{onCancel(){var g;(g=r.value)===null||g===void 0||g.cancel()}}}),hs=q((t,o)=>{let{errorRetryCount:p=0,errorRetryInterval:c=0}=o;const s=S(),e=S(0),r=H(()=>j(p)),l=H(()=>j(c));let u=!1;const i=()=>{e.value=0},g=H(()=>{if(l.value)return l.value;const A=1e3,Z=1,h=9,v=Math.floor(Math.random()*2**Math.min(e.value,h)+Z);return A*v}),k=()=>{let A;const Z=r.value===-1,h=e.value<r.value;return(Z||h)&&(Z||(e.value+=1),A=setTimeout(()=>{u=!0,t.context.refresh()},g.value)),()=>A&&clearTimeout(A)},y=()=>

1{s.value&&s.value()};return{onBefore(){u||i(),u=!1,y()},onSuccess(){i()},onError(){s.value=k()},onCancel(){i(),y()}}}),ws=q((t,o)=>{let{ready:p=S(!0),manual:c,defaultParams:s=[]}=o;return En(p,e=>{!c&&e&&t.context.run(...s)},{flush:"sync"}),{onBefore(){if(!(jn(p)?p():p.value))return t.loading.value=!1,{isBreak:!0}}}}),Zs=q((t,o)=>{let{refreshDeps:p,refreshDepsAction:c,manual:s}=o;if(p===void 0||rn(p)&&p.length===0)return{};const e=rn(p)?p:[p];return En(e,()=>{c?c():!s&&t.context.refresh()}),{}}),Gs=q((t,o)=>{let{throttleInterval:p,throttleOptions:c}=o;const s=S(),e=H(()=>j(p)),r=H(()=>c),l=S(t.context.runAsync);return Un(u=>{if(tn(p))return{};s.value=As(i=>i(),e.value,r.value),t.context.runAsync=function(){for(var i=arguments.length,g=new Array(i),k=0;k<i;k++)g[k]=arguments[k];return new Promise((y,A)=>{s.value(()=>{l.value(...g).then(y).catch(A)})})},u(()=>{var i;(i=s.value)===null||i===void 0||i.cancel(),t.context.runAsync=l.value})}),{onCancel(){var u;(u=s.value)===null||u===void 0||u.cancel()}}});const fs=(t,o)=>p=>{Object.keys(p).forEach(c=>{t[c].value=p[c]}),o.forEach(c=>c(t))},vs=(t,o)=>()=>{let p=o;for(let c=t.length;c-- >0;)p=t[c](p);return p()},Bs=(t,o,p)=>{var c,s;const{initialData:e,onSuccess:r,onError:l,onBefore:u,onAfter:i}=o,g=S((c=p==null?void 0:p.loading)!==null&&c!==void 0?c:!1),k=An((s=p==null?void 0:p.data)!==null&&s!==void 0?s:e),y=An(p==null?void 0:p.error),A=S(p==null?void 0:p.params),Z=S([]),h=An("pending"),v={},G=fs({status:h,loading:g,data:k,error:y,params:A},[]),w=function(b){for(var Y=arguments.length,D=new Array(Y>1?Y-1:0),R=1;R<Y;R++)D[R-1]=arguments[R];if(b==="onQuery"){const V=Z.value.map(J=>J.onQuery).filter(Boolean);return{servicePromise:vs(V,D[0])()}}else{const V=Z.value.map(J=>{var f;return(f=J[b])===null||f===void 0?void 0:f.call(J,...D)});return Object.assign({},...V)}},B=S(0);return v.runAsync=async function(){for(var b=arguments.length,Y=new Array(b),D=0;D<b;D++)Y[D]=arguments[D];G({loading:!0,params:Y,status:"pending"}),B.value+=1;const R=B.value,{isBreak:V,breakResult:J=hn()}=w("onBefore",Y);if(V)return G({status:"settled"}),J;u==null||u(Y);try{const f=()=>new Promise(U=>U(t(...A.value)));let{servicePromise:X}=w("onQuery",f);X||(X=f());const N=await X;return R!==B.value?hn():(G({data:N,loading:!1,error:void 0,status:"settled"}),w("onSuccess",N,Y),r==null||r(N,Y),R===B.value&&w("onAfter",Y,N,void 0),i==null||i(Y),N)}catch(f){if(R!==B.value)return hn();throw G({loading:!1,error:f,status:"settled"}),w("onError",f,Y),l==null||l(f,Y),R===B.value&&w("onAfter",Y,void 0,f),i==null||i(Y),f}},v.run=function(){v.runAsync(...arguments).catch(b=>{l||console.error(b)})},v.cancel=()=>{B.value+=1,G({loading:!1}),w("onCancel")},v.refresh=()=>{v.run(...A.value||[])},v.refreshAsync=()=>v.runAsync(...A.value||[]),v.mutate=b=>{const Y=jn(b)?b(k.value):b,D=Cs(Y);G({data:D}),w("onMutate",D)},{status:h,loading:g,data:k,error:y,params:A,plugins:Z,context:v}};function Ws(t){let o=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},p=arguments.length>2?arguments[2]:void 0;const c=va(Ya,{}),s={...Ja(),...c,...o},{manual:e=!1,defaultParams:r=[]}=s,l=Bs(t,s);if(l.plugins.value=p.map(u=>u(l,s)),!e){const u=l.params.value||r;l.context.run(...u)}return kn(()=>{l.context.cancel()}),{loading:l.loading,data:l.data,error:l.error,params:l.params,cancel:l.context.cancel,refresh:l.context.refresh,refreshAsync:l.context.refreshAsync,mutate:l.context.mutate,run:l.context.run,runAsync:l.context.runAsync}}const pn=new Map,Rs=(t,o)=>{pn.set(t,o),o.then(p=>(pn.delete(t),p)).catch(()=>{pn.delete(t)})},xs=t=>pn.get(t),_=new Map,Fs=(t,o)=>{_.has(t)&&_.get(t).forEach(p=>p(o))},Ss=(t,o)=>(_.has(t)?_.get(t).push(o):_.set(t,[o]),()=>{const p=_.get(t).indexOf(o);_.get(t).splice(p,1)});var Ys=q((t,o)=>{let{cacheKey:p,cacheTime:c=6e5,staleTime:s=0,getCache:e,setCache:r}=o;if(!p)return{};const l=jn(p)?p:()=>p,u=S(()=>{});let i;const g=G=>e?e(G):ys(G),k=(G,w,B)=>{r?r(G,B):ms(G,w,B),Fs(G,B.data)},y=G=>s===-1||G+s>new Date().getTime(),A=(G,w)=>Object.prototype.hasOwnProperty.call(G,w),Z=G=>{const w=l(G);return Ss(w,B=>{t.data.value=B})},h=l(),v=g(h);return v&&A(v,"data")&&(t.data.value=v.data,t.params.value=v.params),h&&(u.value=Z()),kn(()=>{u.value()}),{onBefore(G){const w=l(G),B=g(w);if(!B||!A(B,"data"))return{};if(y(B.time))return t.data.value=B.data,t.loading.value=!1,{isBreak:!0,breakResult:B.data};t.data.value=B.data},onQuery(G){const w=t.params.value,B=l(w);let b=xs(B);return b&&b!==i?()=>

1b:(b=G(),i=b,Rs(B,b),()=>b)},onSuccess(G,w){const B=l(w);B&&(u.value(),k(B,c,{data:G,params:w,time:new Date().getTime()}),u.value=Z(w))},onMutate(G){const w=l(t.params.value);w&&(u.value(),k(w,c,{data:G,params:t.params.value,time:new Date().getTime()}),u.value=Z(t.params.value))}}});function Js(t){let o,p;class c extends Promise{constructor(e){super(e),this.cancel=()=>{p(),clearTimeout(o)}}}return new c(s=>{p=s,o=setTimeout(p,t)})}function wn(){return new Date().getTime()}var Xs=q((t,o)=>{let{loadingDelay:p=0,loadingKeep:c=0}=o;const s=S(()=>{}),e=H(()=>j(p)),r=H(()=>j(c));let l=0,u={};const i=()=>{let g;return e.value&&(g=setTimeout(()=>{t.status.value==="pending"&&(t.loading.value=!0)},e.value)),()=>g&&clearTimeout(g)};return{onBefore(){t.loading.value=!e.value,s.value(),s.value=i(),l=wn()},onQuery(g){if(!r.value)return()=>g();u=Js(r.value+e.value);const k=async()=>{try{const A=await g();return wn()-l<=e.value&&u.cancel(),Promise.resolve(A)}catch(A){return wn()-l<=e.value&&u.cancel(),Promise.reject(A)}},y=Promise.allSettled([k(),u]).then(A=>{const Z=A[0];return Z.status==="fulfilled"?Z.value:Promise.reject(Z.reason)});return()=>y},onCancel(){s.value()},onAfter(){s.value()}}}),Zn;const La=new Set,Ha=new Set,Ka=new Set,un=(t,o)=>{let p;switch(t){case"FOCUS_LISTENER":p=La;break;case"RECONNECT_LISTENER":p=Ka;break;case"VISIBLE_LISTENER":p=Ha;break}if(!p.has(o))return p.add(o),()=>{p.delete(o)}},Gn=t=>{t.forEach(o=>{o()})};!Mn&&(Zn=window)!==null&&Zn!==void 0&&Zn.addEventListener&&(window.addEventListener("visibilitychange",()=>{Xa()&&Gn(Ha)},!1),window.addEventListener("focus",()=>Gn(La),!1),window.addEventListener("online",()=>Gn(Ka),!1));var Vs=q((t,o)=>{let{pollingInterval:p,pollingWhenHidden:c=!1,pollingWhenOffline:s=!1,errorRetryCount:e=0}=o;const r=S(),l=S(!1),u=H(()=>j(p)),i=H(()=>j(e)),g=[],k=h=>{h&&g.push(h)},y=()=>(c||Xa())&&(s||Is()),A=h=>{if(t.error.value&&i.value!==0)return;let v;if(!tn(u.value)&&u.value>=0)if(y())v=setTimeout(h,u.value);else{l.value=!0;return}return()=>v&&clearTimeout(v)},Z=()=>{l.value&&y()&&(t.context.refresh(),l.value=!1)};return En(u,()=>{r.value&&(r.value(),r.value=A(()=>t.context.refresh()))}),c||k(un("VISIBLE_LISTENER",Z)),s||k(un("RECONNECT_LISTENER",Z)),kn(()=>{g.forEach(h=>h())}),{onBefore(){var h;(h=r.value)===null||h===void 0||h.call(r)},onCancel(){var h;(h=r.value)===null||h===void 0||h.call(r)},onAfter(){r.value=A(()=>t.context.refresh())}}});const Ns=(t,o)=>{let p=!1;return function(){p||(p=!0,t(...arguments),setTimeout(()=>{p=!1},o))}};var Ls=q((t,o)=>{let{refreshOnWindowFocus:p=!1,refocusTimespan:c=5e3}=o;const s=H(()=>j(p)),e=H(()=>j(c)),r=[],l=i=>{i&&r.push(i)},u=()=>{r.forEach(i=>i())};return Un(()=>{if(u(),s.value){const i=Ns(t.context.refresh,e.value);l(un("VISIBLE_LISTENER",i)),l(un("FOCUS_LISTENER",i))}}),kn(()=>{u()}),{}});function Hs(t,o,p){return Ws(t,o,[...p||[],Xs,hs,bs,Vs,Gs,Ls,Zs,ws,Ys])}function Ks(t){let o=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{};const p={currentKey:"current",pageSizeKey:"pageSize",totalKey:"total",totalPageKey:"totalPage"},c=va(Ya,{}),{pagination:s,...e}=o,{currentKey:r,pageSizeKey:l,totalKey:u,totalPageKey:i}=sa(p,Ja().pagination||{},c.pagination||{},s||{}),g=sa({defaultParams:[{[r]:1,[l]:10}]},e),{data:k,params:y,run:A,...Z}=Hs(t,g),h=R=>{const[V,...J]=y.value||[],X=[{...V,...R},...J];A(...X)},v=R=>{h({[r]:R})},G=R=>{h({[l]:R})},w=(R,V)=>{h({[r]:R,[l]:V})},B=H(()=>aa(k.value,u,0)),b=H({get:()=>{var R,V,J;return(R=(V=y.value)===null||V===void 0||(J=V[0])===null||J===void 0?void 0:J[r])!==null&&R!==void 0?R:g.defaultParams[0][r]},set:R=>{v(R)}}),Y=H({get:()=>{var R,V,J;return(R=(V=y.value)===null||V===void 0||(J=V[0])===null||J===void 0?void 0:J[l])!==null&&R!==void 0?R:g.defaultParams[0][l]},set:R=>{G(R)}}),D=H(()=>aa(k.value,i,Math.ceil(B.value/Y.value)));return{data:k,params:y,current:b,pageSize:Y,total:B,totalPage:D,run:A,changeCurrent:v,changePageSize:G,changePagination:w,...Z}}var Da={exports:{}},Qn={exports:{}},Pa=function(o,p){return function(){for(var s=new Array(arguments.length),e=0;e<s.length;e++)s[e]=arguments[e];return o.apply(p,s)}},Ds=Pa,$=Object.prototype.toString;function qn(t){return $.call(t)==="[object Array]"}function Tn(t){return typeof t>"u"}function Ps(t){return t!==null&&!Tn(t)&&t.constructor!==null&&!Tn(t.constructor)&&typeof t.constructor.isBuffer=="function"&&t.constructor.isBuffer(t)}function Ts(t){return $.call(t)==="[object ArrayBuffer]"}function zs(t){return typeof FormData<"u"&&t instanceof FormData}function Us(t){var o;return typeof ArrayBuffer<"u"&&ArrayBuffer.isView?o=ArrayBuffer.isView(t):o=t&&t.buffer&&t.buffer instanceof ArrayBuffer,o}function Es(t){return typeof t=="string"}function Os(t){return typeof t=="number"}function Ta(t){return t!==null&&typeof t=="object"}function cn(t){if($.call(t)!=="[object Object]")return!1;var o=Object.getPrototypeOf(t);return o===null||o===Object.prototype}function js(t){return $.call(t)==="[object Date]"}function Ms(t){return $.call(t)==="[object File]"}function Qs(t){return $.call(t)==="[object Blob]"}function za(t){return $.call(t)==="[object Function]"}function qs(t){return Ta(t)&&za(t.pipe)}function _s(t){return typeof URLSearchParams<"u"&&t instanceof URLSearchParams}function $s(t){return t.trim?t.trim():t.replace(/^\s+|\s+$/g,"")}function nt(){return typeof navigator<"u"&&(navigator.product==="ReactNative"||navigator.product==="NativeScript"||navigator.product==="NS")?!1:typeof window<"u"&&typeof document<"u"}function _n(t,o){if(!(t===null||typeof t>"u"))if(typeof t!="object"&&(t=[t]),qn(t))for(var p=0,c=t.length;p<c;p++)o.call(null,t[p],p,t);else for(var s in t)Object.prototype.hasOwnProperty.call(t,s)&&o.call(null,t[s],s,t)}function zn(){var t={};function o(s,e){cn(t[e])&&cn(s)?t[e]=zn(t[e],s):cn(s)?t[e]=zn({},s):qn(s)?t[e]=s.slice():t[e]=s}for(var p=0,c=arguments.length;p<c;p++)_n(arguments[p],o);return t}function at(t,o,p){return _n(o,function(s,e){p&&typeof s=="function"?t[e]=Ds(s,p):t[e]=s}),t}function st(t){return t.charCodeAt(0)===65279&&(t=t.slice(1)),t}var z={isArray:qn,isArrayBuffer:Ts,isBuffer:Ps,isFormData:zs,isArrayBufferView:Us,isString:Es,isNumber:Os,isObject:Ta,isPlainObject:cn,isUndefined:Tn,isDate:js,isFile:Ms,isBlob:Qs,isFunction:za,isStream:qs,isURLSearchParams:_s,isStandardBrowserEnv:nt,forEach:_n,merge:zn,extend:at,trim:$s,str

1ipBOM:st},nn=z;function ta(t){return encodeURIComponent(t).replace(/%3A/gi,":").replace(/%24/g,"$").replace(/%2C/gi,",").replace(/%20/g,"+").replace(/%5B/gi,"[").replace(/%5D/gi,"]")}var Ua=function(o,p,c){if(!p)return o;var s;if(c)s=c(p);else if(nn.isURLSearchParams(p))s=p.toString();else{var e=[];nn.forEach(p,function(u,i){u===null||typeof u>"u"||(nn.isArray(u)?i=i+"[]":u=[u],nn.forEach(u,function(k){nn.isDate(k)?k=k.toISOString():nn.isObject(k)&&(k=JSON.stringify(k)),e.push(ta(i)+"="+ta(k))}))}),s=e.join("&")}if(s){var r=o.indexOf("#");r!==-1&&(o=o.slice(0,r)),o+=(o.indexOf("?")===-1?"?":"&")+s}return o},tt=z;function In(){this.handlers=[]}In.prototype.use=function(o,p,c){return this.handlers.push({fulfilled:o,rejected:p,synchronous:c?c.synchronous:!1,runWhen:c?c.runWhen:null}),this.handlers.length-1};In.prototype.eject=function(o){this.handlers[o]&&(this.handlers[o]=null)};In.prototype.forEach=function(o){tt.forEach(this.handlers,function(c){c!==null&&o(c)})};var ot=In,et=z,pt=function(o,p){et.forEach(o,function(s,e){e!==p&&e.toUpperCase()===p.toUpperCase()&&(o[p]=s,delete o[e])})},Ea=function(o,p,c,s,e){return o.config=p,c&&(o.code=c),o.request=s,o.response=e,o.isAxiosError=!0,o.toJSON=function(){return{message:this.message,name:this.name,description:this.description,number:this.number,fileName:this.fileName,lineNumber:this.lineNumber,columnNumber:this.columnNumber,stack:this.stack,config:this.config,code:this.code,status:this.response&&this.response.status?this.response.status:null}},o},fn,oa;function Oa(){if(oa)return fn;oa=1;var t=Ea;return fn=function(p,c,s,e,r){var l=new Error(p);return t(l,c,s,e,r)},fn}var vn,ea;function ct(){if(ea)return vn;ea=1;var t=Oa();return vn=function(p,c,s){var e=s.config.validateStatus;!s.status||!e||e(s.status)?p(s):c(t("Request failed with status code "+s.status,s.config,null,s.request,s))},vn}var Bn,pa;function lt(){if(pa)return Bn;pa=1;var t=z;return Bn=t.isStandardBrowserEnv()?function(){return{write:function(c,s,e,r,l,u){var i=[];i.push(c+"="+encodeURIComponent(s)),t.isNumber(e)&&i.push("expires="+new Date(e).toGMTString()),t.isString(r)&&i.push("path="+r),t.isString(l)&&i.push("domain="+l),u===!0&&i.push("secure"),document.cookie=i.join("; ")},read:function(c){var s=document.cookie.match(new RegExp("(^|;\\s*)("+c+")=([^;]*)"));return s?decodeURIComponent(s[3]):null},remove:function(c){this.write(c,"",Date.now()-864e5)}}}():function(){return{write:function(){},read:function(){return null},remove:function(){}}}(),Bn}var Wn,ca;function rt(){return ca||(ca=1,Wn=function(o){return/^([a-z][a-z\d\+\-\.]*:)?\/\//i.test(o)}),Wn}var Rn,la;function ut(){return la||(la=1,Rn=function(o,p){return p?o.replace(/\/+$/,"")+"/"+p.replace(/^\/+/,""):o}),Rn}var xn,ra;function it(){if(ra)return xn;ra=1;var t=rt(),o=ut();return xn=function(c,s){return c&&!t(s)?o(c,s):s},xn}var Fn,ua;function kt(){if(ua)return Fn;ua=1;var t=z,o=["age","authorization","content-length","content-type","etag","expires","from","host","if-modified-since","if-unmodified-since","last-modified","location","max-forwards","proxy-authorization","referer","retry-after","user-agent"];return Fn=function(c){var s={},e,r,l;return c&&t.forEach(c.split(`
2`),function(i){if(l=i.indexOf(":"),e=t.trim(i.substr(0,l)).toLowerCase(),r=t.trim(i.substr(l+1)),e){if(s[e]&&o.indexOf(e)>=0)return;e==="set-cookie"?s[e]=(s[e]?s[e]:[]).concat([r]):s[e]=s[e]?s[e]+", "+r:r}}),s},Fn}var Sn,ia;function dt(){if(ia)return Sn;ia=1;var t=z;return Sn=t.isStandardBrowserEnv()?function(){var p=/(msie|trident)/i.test(navigator.userAgent),c=document.createElement("a"),s;function e(r){var l=r;return p&&(c.setAttribute("href",l),l=c.href),c.setAttribute("href",l),{href:c.href,protocol:c.protocol?c.protocol.replace(/:$/,""):"",host:c.host,search:c.search?c.search.replace(/^\?/,""):"",hash:c.hash?c.hash.replace(/^#/,""):"",hostname:c.hostname,port:c.port,pathname:c.pathname.charAt(0)==="/"?c.pathname:"/"+c.pathname}}return s=e(window.location.href),function(l){var u=t.isString(l)?e(l):l;return u.protocol===s.protocol&&u.host===s.host}}():function(){return function(){return!0}}(),Sn}var Yn,ka;function Cn(){if(ka)return Yn;ka=1;function t(o){this.message=o}return t.prototype.toString=function(){return"Cancel"+(this.message?": "+this.message:"")}

2,t.prototype.__CANCEL__=!0,Yn=t,Yn}var Jn,da;function ga(){if(da)return Jn;da=1;var t=z,o=ct(),p=lt(),c=Ua,s=it(),e=kt(),r=dt(),l=Oa(),u=yn(),i=Cn();return Jn=function(k){return new Promise(function(A,Z){var h=k.data,v=k.headers,G=k.responseType,w;function B(){k.cancelToken&&k.cancelToken.unsubscribe(w),k.signal&&k.signal.removeEventListener("abort",w)}t.isFormData(h)&&delete v["Content-Type"];var b=new XMLHttpRequest;if(k.auth){var Y=k.auth.username||"",D=k.auth.password?unescape(encodeURIComponent(k.auth.password)):"";v.Authorization="Basic "+btoa(Y+":"+D)}var R=s(k.baseURL,k.url);b.open(k.method.toUpperCase(),c(R,k.params,k.paramsSerializer),!0),b.timeout=k.timeout;function V(){if(!!b){var f="getAllResponseHeaders"in b?e(b.getAllResponseHeaders()):null,X=!G||G==="text"||G==="json"?b.responseText:b.response,N={data:X,status:b.status,statusText:b.statusText,headers:f,config:k,request:b};o(function(E){A(E),B()},function(E){Z(E),B()},N),b=null}}if("onloadend"in b?b.onloadend=V:b.onreadystatechange=function(){!b||b.readyState!==4||b.status===0&&!(b.responseURL&&b.responseURL.indexOf("file:")===0)||setTimeout(V)},b.onabort=function(){!b||(Z(l("Request aborted",k,"ECONNABORTED",b)),b=null)},b.onerror=function(){Z(l("Network Error",k,null,b)),b=null},b.ontimeout=function(){var X="timeout of "+k.timeout+"ms exceeded",N=k.transitional||u.transitional;k.timeoutErrorMessage&&(X=k.timeoutErrorMessage),Z(l(X,k,N.clarifyTimeoutError?"ETIMEDOUT":"ECONNABORTED",b)),b=null},t.isStandardBrowserEnv()){var J=(k.withCredentials||r(R))&&k.xsrfCookieName?p.read(k.xsrfCookieName):void 0;J&&(v[k.xsrfHeaderName]=J)}"setRequestHeader"in b&&t.forEach(v,function(X,N){typeof h>"u"&&N.toLowerCase()==="content-type"?delete v[N]:b.setRequestHeader(N,X)}),t.isUndefined(k.withCredentials)||(b.withCredentials=!!k.withCredentials),G&&G!=="json"&&(b.responseType=k.responseType),typeof k.onDownloadProgress=="function"&&b.addEventListener("progress",k.onDownloadProgress),typeof k.onUploadProgress=="function"&&b.upload&&b.upload.addEventListener("progress",k.onUploadProgress),(k.cancelToken||k.signal)&&(w=function(f){!b||(Z(!f||f&&f.type?new i("canceled"):f),b.abort(),b=null)},k.cancelToken&&k.cancelToken.subscribe(w),k.signal&&(k.signal.aborted?w():k.signal.addEventListener("abort",w))),h||(h=null),b.send(h)})},Jn}var Xn,Ia;function yn(){if(Ia)return Xn;Ia=1;var t=z,o=pt,p=Ea,c={"Content-Type":"application/x-www-form-urlencoded"};function s(u,i){!t.isUndefined(u)&&t.isUndefined(u["Content-Type"])&&(u["Content-Type"]=i)}function e(){var u;return(typeof XMLHttpRequest<"u"||typeof process<"u"&&Object.prototype.toString.call(process)==="[object process]")&&(u=ga()),u}function r(u,i,g){if(t.isString(u))try{return(i||JSON.parse)(u),t.trim(u)}catch(k){if(k.name!=="SyntaxError")throw k}return(g||JSON.stringify)(u)}var l={transitional:{silentJSONParsing:!0,forcedJSONParsing:!0,clarifyTimeoutError:!1},adapter:e(),transformRequest:[function(i,g){return o(g,"Accept"),o(g,"Content-Type"),t.isFormData(i)||t.isArrayBuffer(i)||t.isBuffer(i)||t.isStream(i)||t.isFile(i)||t.isBlob(i)?i:t.isArrayBufferView(i)?i.buffer:t.isURLSearchParams(i)?(s(g,"application/x-www-form-urlencoded;charset=utf-8"),i.toString()):t.isObject(i)||g&&g["Content-Type"]==="application/json"?(s(g,"application/json"),r(i)):i}],transformResponse:[function(i){var g=this.transitional||l.transitional,k=g&&g.silentJSONParsing,y=g&&g.forcedJSONParsing,A=!k&&this.responseType==="json";if(A||y&&t.isString(i)&&i.length)try{return JSON.parse(i)}catch(Z){if(A)throw Z.name==="SyntaxError"?p(Z,this,"E_JSON_PARSE"):Z}return i}],timeout:0,xsrfCookieName:"XSRF-TOKEN",xsrfHeaderName:"X-XSRF-TOKEN",maxContentLength:-1,maxBodyLength:-1,validateStatus:function(i){return i>=200&&i<300},headers:{common:{Accept:"application/json, text/plain, */*"}}};return t.forEach(["delete","get","head"],function(i){l.headers[i]={}}),t.forEach(["post","put","patch"],function(i){l.headers[i]=t.merge(c)}),Xn=l,Xn}var gt=z,It=yn(),Ct=function(o,p,c){var s=this||It;return gt.forEach(c,function(r){o=r.call(s,o,p)}),o},Vn,Ca;function ja(){return Ca||(Ca=1,Vn=function(o){return!!(o&&o.__CANCEL__)}),Vn}var ya=z,Nn=Ct,yt=ja(),mt=yn(),At=Cn();function Ln(t){if(t.cancelToken&&t.cancelToken.throwIfRequested(),t.signal&&t.signal.aborted)throw new At("canceled")}var bt=function(o){Ln(o),o.headers=o.headers||{},o.data=Nn.call(o,o.data,o.headers,o.transformRequest),o.headers=ya.merge(o.headers.common||{},o.headers[o.method]||{}

2,o.headers),ya.forEach(["delete","get","head","post","put","patch","common"],function(s){delete o.headers[s]});var p=o.adapter||mt.adapter;return p(o).then(function(s){return Ln(o),s.data=Nn.call(o,s.data,s.headers,o.transformResponse),s},function(s){return yt(s)||(Ln(o),s&&s.response&&(s.response.data=Nn.call(o,s.response.data,s.response.headers,o.transformResponse))),Promise.reject(s)})},T=z,Ma=function(o,p){p=p||{};var c={};function s(g,k){return T.isPlainObject(g)&&T.isPlainObject(k)?T.merge(g,k):T.isPlainObject(k)?T.merge({},k):T.isArray(k)?k.slice():k}function e(g){if(T.isUndefined(p[g])){if(!T.isUndefined(o[g]))return s(void 0,o[g])}else return s(o[g],p[g])}function r(g){if(!T.isUndefined(p[g]))return s(void 0,p[g])}function l(g){if(T.isUndefined(p[g])){if(!T.isUndefined(o[g]))return s(void 0,o[g])}else return s(void 0,p[g])}function u(g){if(g in p)return s(o[g],p[g]);if(g in o)return s(void 0,o[g])}var i={url:r,method:r,data:r,baseURL:l,transformRequest:l,transformResponse:l,paramsSerializer:l,timeout:l,timeoutMessage:l,withCredentials:l,adapter:l,responseType:l,xsrfCookieName:l,xsrfHeaderName:l,onUploadProgress:l,onDownloadProgress:l,decompress:l,maxContentLength:l,maxBodyLength:l,transport:l,httpAgent:l,httpsAgent:l,cancelToken:l,socketPath:l,responseEncoding:l,validateStatus:u};return T.forEach(Object.keys(o).concat(Object.keys(p)),function(k){var y=i[k]||e,A=y(k);T.isUndefined(A)&&y!==u||(c[k]=A)}),c},Hn,ma;function Qa(){return ma||(ma=1,Hn={version:"0.22.0"}),Hn}var ht=Qa().version,$n={};["object","boolean","number","function","string","symbol"].forEach(function(t,o){$n[t]=function(c){return typeof c===t||"a"+(o<1?"n ":" ")+t}});var Aa={};$n.transitional=function(o,p,c){function s(e,r){return"[Axios v"+ht+"] Transitional option '"+e+"'"+r+(c?". "+c:"")}return function(e,r,l){if(o===!1)throw new Error(s(r," has been removed"+(p?" in "+p:"")));return p&&!Aa[r]&&(Aa[r]=!0,console.warn(s(r," has been deprecated since v"+p+" and will be removed in the near future"))),o?o(e,r,l):!0}};function wt(t,o,p){if(typeof t!="object")throw new TypeError("options must be an object");for(var c=Object.keys(t),s=c.length;s-- >0;){var e=c[s],r=o[e];if(r){var l=t[e],u=l===void 0||r(l,e,t);if(u!==!0)throw new TypeError("option "+e+" must be "+u);continue}if(p!==!0)throw Error("Unknown option "+e)}}var Zt={assertOptions:wt,validators:$n},qa=z,Gt=Ua,ba=ot,ha=bt,mn=Ma,_a=Zt,an=_a.validators;function on(t){this.defaults=t,this.interceptors={request:new ba,response:new ba}}on.prototype.request=function(o){typeof o=="string"?(o=arguments[1]||{},o.url=arguments[0]):o=o||{},o=mn(this.defaults,o),o.method?o.method=o.method.toLowerCase():this.defaults.method?o.method=this.defaults.method.toLowerCase():o.method="get";var p=o.transitional;p!==void 0&&_a.assertOptions(p,{silentJSONParsing:an.transitional(an.boolean),forcedJSONParsing:an.transitional(an.boolean),clarifyTimeoutError:an.transitional(an.boolean)},!1);var c=[],s=!0;this.interceptors.request.forEach(function(y){typeof y.runWhen=="function"&&y.runWhen(o)===!1||(s=s&&y.synchronous,c.unshift(y.fulfilled,y.rejected))});var e=[];this.interceptors.response.forEach(function(y){e.push(y.fulfilled,y.rejected)});var r;if(!s){var l=[ha,void 0];for(Array.prototype.unshift.apply(l,c),l=l.concat(e),r=Promise.resolve(o);l.length;)r=r.then(l.shift(),l.shift());return r}for(var u=o;c.length;){var i=c.shift(),g=c.shift();try{u=i(u)}catch(k){g(k);break}}try{r=ha(u)}catch(k){return Promise.reject(k)}for(;e.length;)r=r.then(e.shift(),e.shift());return r};on.prototype.getUri=function(o){return o=mn(this.defaults,o),Gt(o.url,o.params,o.paramsSerializer).replace(/^\?/,"")};qa.forEach(["delete","get","head","options"],function(o){on.prototype[o]=function(p,c){return this.request(mn(c||{},{method:o,url:p,data:(c||{}).data}))}});qa.forEach(["post","put","patch"],function(o){on.prototype[o]=function(p,c,s){return this.request(mn(s||{},{method:o,url:p,data:c}))}});var ft=on,Kn,wa;function vt(){if(wa)return Kn;wa=1;var t=Cn();function o(p){if(typeof p!="function")throw new TypeError("executor must be a function.");var c;this.promise=new Promise(function(r){c=r});var s=this;this.promise.then(function(e){if(!!s._listeners){var r,l=s._listeners.length;for(r=0;r<l;r++)s._listeners[r](e);s._listeners=null}}),this.promise.then=function(e){var r,l=new Promise(function(u){s.subscribe(u),r=u}).then(e);return l.cancel=function(){s.unsubscribe(r)},l},p(function(r){s.reason||(s.reason=new t(r),c(s.reason))})}return o.prototype.throwIfRequested=function(){if(this.reason)throw this.reason},o.prototype.subscribe=function(c){if(this.reason){c(this.reason);return}this._listeners?this._listeners.push(c):this._listeners=[c]},o.prototype.unsubscribe=function(c){if(!!this._listeners){var s=this._listeners.indexOf(c);s!==-1&&this._listeners.splice(s,1)}},o.source=function(){var c,s=new o(function(r){c=r});return{token:s,cancel:c}},Kn=o,Kn}var Dn,Za;function Bt(){return Za||(Za=1,Dn=function(o){return function(c){return o.apply(null,c)}}),Dn}var Pn,Ga;function Wt(){return Ga||(Ga=1,Pn=function(o){return typeof o=="object"&&o.isAxiosError===!0}),Pn}var fa=z,Rt=Pa,ln=ft,xt=Ma,Ft=yn();function $a(t){var o=new ln(t),p=Rt(ln.prototype.request,o);return fa.extend(p,ln.prototype,o),fa.extend(p,o),p.create=function(s){return $a(xt(t,s))},p}var Q=$a(Ft);Q.Axios=ln;Q.Cancel=Cn();Q.CancelToken=vt();Q.isCancel=ja();Q.VERSION=Qa().version;Q.all=function(o){return Promise.all(o)};Q.spread=Bt();Q.isAxiosError=Wt();Qn.exports=Q;Qn.exports.default=Q;(function(t){t.exports=Qn.exports})(Da);

2const St=cs(Da.exports),Yt=F({__name:"ajax",setup(t){const o=[{title:"Name",dataIndex:"name",sorter:!0,width:"20%"},{title:"Gender",dataIndex:"gender",filters:[{text:"Male",value:"male"},{text:"Female",value:"female"}],width:"20%"},{title:"Email",dataIndex:"email"}],p=async g=>(await St.get("https://randomuser.me/api?noinfo",{params:g})).data.results,{data:c,run:s,loading:e,current:r,pageSize:l}=Ks(p,{pagination:{currentKey:"page",pageSizeKey:"results"}}),u=H(()=>({total:200,current:r.value,pageSize:l.value})),i=(g,k,y)=>{s({results:g.pageSize,page:g==null?void 0:g.current,sortField:y.field,sortOrder:y.order,...k})};return(g,k)=>{const y=I("a-table"),A=I("demo-box");return m(),x(A,{jsfiddle:{us:"This example shows how to fetch and present data from a remote server, and how to implement filtering and sorting in server side by sending related parameters to server.",cn:"\u8FD9\u4E2A\u4F8B\u5B50\u901A\u8FC7\u7B80\u5355\u7684 ajax \u8BFB\u53D6\u65B9\u5F0F\uFF0C\u6F14\u793A\u4E86\u5982\u4F55\u4ECE\u670D\u52A1\u7AEF\u8BFB\u53D6\u5E76\u5C55\u73B0\u6570\u636E\uFF0C\u5177\u6709\u7B5B\u9009\u3001\u6392\u5E8F\u7B49\u529F\u80FD\u4EE5\u53CA\u9875\u9762 loading \u6548\u679C\u3002\u5F00\u53D1\u8005\u53EF\u4EE5\u81EA\u884C\u63A5\u5165\u5176\u4ED6\u6570\u636E\u5904\u7406\u65B9\u5F0F\u3002",docHtml:`<h2 id="zh-cn">zh-CN <a class="header-anchor" href="#zh-cn">
3          <span aria-hidden="true" class="anchor">#</span>
4        </a></h2>
5<p>\u8FD9\u4E2A\u4F8B\u5B50\u901A\u8FC7\u7B80\u5355\u7684 ajax \u8BFB\u53D6\u65B9\u5F0F\uFF0C\u6F14\u793A\u4E86\u5982\u4F55\u4ECE\u670D\u52A1\u7AEF\u8BFB\u53D6\u5E76\u5C55\u73B0\u6570\u636E\uFF0C\u5177\u6709\u7B5B\u9009\u3001\u6392\u5E8F\u7B49\u529F\u80FD\u4EE5\u53CA\u9875\u9762 loading \u6548\u679C\u3002\u5F00\u53D1\u8005\u53EF\u4EE5\u81EA\u884C\u63A5\u5165\u5176\u4ED6\u6570\u636E\u5904\u7406\u65B9\u5F0F\u3002</p>
6<p>\u53E6\u5916\uFF0C\u672C\u4F8B\u4E5F\u5C55\u793A\u4E86\u7B5B\u9009\u6392\u5E8F\u529F\u80FD\u5982\u4F55\u4EA4\u7ED9\u670D\u52A1\u7AEF\u5B9E\u73B0\uFF0C\u5217\u4E0D\u9700\u8981\u6307\u5B9A\u5177\u4F53\u7684 <code>onFilter</code> \u548C <code>sorter</code> \u51FD\u6570\uFF0C\u800C\u662F\u5728\u628A\u7B5B\u9009\u548C\u6392\u5E8F\u7684\u53C2\u6570\u53D1\u5230\u670D\u52A1\u7AEF\u6765\u5904\u7406\u3002</p>
7<p>\u5F53\u4F7F\u7528 <code>rowSelection</code> \u65F6\uFF0C\u8BF7\u8BBE\u7F6E <code>rowSelection.preserveSelectedRowKeys</code> \u5C5E\u6027\u4EE5\u4FDD\u7559 <code>key</code>\u3002</p>
8<h2 id="en-us">en-US <a class="header-anchor" href="#en-us">
9          <span aria-hidden="true" class="anchor">#</span>
10        </a></h2>
11<p>This example shows how to fetch and present data from a remote server, and how to implement filtering and sorting in server side by sending related parameters to server.</p>
12<p>Setting <code>rowSelection.preserveSelectedRowKeys</code> to keep the <code>key</code> when enable selection.</p>
13<p><strong>Note, this example use <a href="https://randomuser.me" target="_blank" rel="noopener noreferrer">Mock API</a> that you can look up in Network Console.</strong></p>
14`,order:10,title:{"en-US":"Ajax","zh-CN":"\u8FDC\u7A0B\u52A0\u8F7D\u6570\u636E"},relativePath:"components/table/demo/ajax.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXRhYmxlCiAgICA6Y29sdW1ucz0iY29sdW1ucyIKICAgIDpyb3cta2V5PSJyZWNvcmQgPT4gcmVjb3JkLmxvZ2luLnV1aWQiCiAgICA6ZGF0YS1zb3VyY2U9ImRhdGFTb3VyY2UiCiAgICA6cGFnaW5hdGlvbj0icGFnaW5hdGlvbiIKICAgIDpsb2FkaW5nPSJsb2FkaW5nIgogICAgQGNoYW5nZT0iaGFuZGxlVGFibGVDaGFuZ2UiCiAgPgogICAgPHRlbXBsYXRlICNib2R5Q2VsbD0ieyBjb2x1bW4sIHRleHQgfSI+CiAgICAgIDx0ZW1wbGF0ZSB2LWlmPSJjb2x1bW4uZGF0YUluZGV4ID09PSAnbmFtZSciPnt7IHRleHQuZmlyc3QgfX0ge3sgdGV4dC5sYXN0IH19PC90ZW1wbGF0ZT4KICAgIDwvdGVtcGxhdGU+CiAgPC9hLXRhYmxlPgo8L3RlbXBsYXRlPgo8c2NyaXB0IGxhbmc9InRzIiBzZXR1cD4KaW1wb3J0IHsgY29tcHV0ZWQgfSBmcm9tICd2dWUnOwppbXBvcnQgdHlwZSB7IFRhYmxlUHJvcHMgfSBmcm9tICdhbnQtZGVzaWduLXZ1ZSc7CmltcG9ydCB7IHVzZVBhZ2luYXRpb24gfSBmcm9tICd2dWUtcmVxdWVzdCc7CmltcG9ydCBheGlvcyBmcm9tICdheGlvcyc7CmNvbnN0IGNvbHVtbnMgPSBbCiAgewogICAgdGl0bGU6ICdOYW1lJywKICAgIGRhdGFJbmRleDogJ25hbWUnLAogICAgc29ydGVyOiB0cnVlLAogICAgd2lkdGg6ICcyMCUnLAogIH0sCiAgewogICAgdGl0bGU6ICdHZW5kZXInLAogICAgZGF0YUluZGV4OiAnZ2VuZGVyJywKICAgIGZpbHRlcnM6IFsKICAgICAgeyB0ZXh0OiAnTWFsZScsIHZhbHVlOiAnbWFsZScgfSwKICAgICAgeyB0ZXh0OiAnRmVtYWxlJywgdmFsdWU6ICdmZW1hbGUnIH0sCiAgICBdLAogICAgd2lkdGg6ICcyMCUnLAogIH0sCiAgewogICAgdGl0bGU6ICdFbWFpbCcsCiAgICBkYXRhSW5kZXg6ICdlbWFpbCcsCiAgfSwKXTsKCnR5cGUgQVBJUGFyYW1zID0gewogIHJlc3VsdHM6IG51bWJlcjsKICBwYWdlPzogbnVtYmVyOwogIHNvcnRGaWVsZD86IHN0cmluZzsKICBzb3J0T3JkZXI/OiBudW1iZXI7CiAgW2tleTogc3RyaW5nXTogYW55Owp9Owp0eXBlIEFQSVJlc3VsdCA9IHsKICByZXN1bHRzOiB7CiAgICBnZW5kZXI6ICdmZW1hbGUnIHwgJ21hbGUnOwogICAgbmFtZTogc3RyaW5nOwogICAgZW1haWw6IHN0cmluZzsKICB9W107Cn07Cgpjb25zdCB

14xdWVyeURhdGEgPSBhc3luYyAocGFyYW1zOiBBUElQYXJhbXMpID0+IHsKICBjb25zdCByZXMgPSBhd2FpdCBheGlvcy5nZXQ8QVBJUmVzdWx0PignaHR0cHM6Ly9yYW5kb211c2VyLm1lL2FwaT9ub2luZm8nLCB7IHBhcmFtcyB9KQogIHJldHVybiByZXMuZGF0YS5yZXN1bHRzOwp9OwoKY29uc3QgewogIGRhdGE6IGRhdGFTb3VyY2UsCiAgcnVuLAogIGxvYWRpbmcsCiAgY3VycmVudCwKICBwYWdlU2l6ZSwKfSA9IHVzZVBhZ2luYXRpb24ocXVlcnlEYXRhLCB7CiAgcGFnaW5hdGlvbjogewogICAgY3VycmVudEtleTogJ3BhZ2UnLAogICAgcGFnZVNpemVLZXk6ICdyZXN1bHRzJywKICB9LAp9KTsKCmNvbnN0IHBhZ2luYXRpb24gPSBjb21wdXRlZCgoKSA9PiAoewogIHRvdGFsOiAyMDAsCiAgY3VycmVudDogY3VycmVudC52YWx1ZSwKICBwYWdlU2l6ZTogcGFnZVNpemUudmFsdWUsCn0pKTsKCmNvbnN0IGhhbmRsZVRhYmxlQ2hhbmdlOiBUYWJsZVByb3BzWydvbkNoYW5nZSddID0gKAogIHBhZzogeyBwYWdlU2l6ZTogbnVtYmVyOyBjdXJyZW50OiBudW1iZXIgfSwKICBmaWx0ZXJzOiBhbnksCiAgc29ydGVyOiBhbnksCikgPT4gewogIHJ1bih7CiAgICByZXN1bHRzOiBwYWcucGFnZVNpemUsCiAgICBwYWdlOiBwYWc/LmN1cnJlbnQsCiAgICBzb3J0RmllbGQ6IHNvcnRlci5maWVsZCwKICAgIHNvcnRPcmRlcjogc29ydGVyLm9yZGVyLAogICAgLi4uZmlsdGVycywKICB9KTsKfTsKPC9zY3JpcHQ+Cgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXRhYmxlCiAgICA6Y29sdW1ucz0iY29sdW1ucyIKICAgIDpyb3cta2V5PSJyZWNvcmQgPT4gcmVjb3JkLmxvZ2luLnV1aWQiCiAgICA6ZGF0YS1zb3VyY2U9ImRhdGFTb3VyY2UiCiAgICA6cGFnaW5hdGlvbj0icGFnaW5hdGlvbiIKICAgIDpsb2FkaW5nPSJsb2FkaW5nIgogICAgQGNoYW5nZT0iaGFuZGxlVGFibGVDaGFuZ2UiCiAgPgogICAgPHRlbXBsYXRlICNib2R5Q2VsbD0ieyBjb2x1bW4sIHRleHQgfSI+CiAgICAgIDx0ZW1wbGF0ZSB2LWlmPSJjb2x1bW4uZGF0YUluZGV4ID09PSAnbmFtZSciPnt7IHRleHQuZmlyc3QgfX0ge3sgdGV4dC5sYXN0IH19PC90ZW1wbGF0ZT4KICAgIDwvdGVtcGxhdGU+CiAgPC9hLXRhYmxlPgo8L3RlbXBsYXRlPgo8c2NyaXB0IHNldHVwPgppbXBvcnQgeyBjb21wdXRlZCB9IGZyb20gJ3Z1ZSc7CmltcG9ydCB7IHVzZVBhZ2luYXRpb24gfSBmcm9tICd2dWUtcmVxdWVzdCc7CmltcG9ydCBheGlvcyBmcm9tICdheGlvcyc7CmNvbnN0IGNvbHVtbnMgPSBbCiAgewogICAgdGl0bGU6ICdOYW1lJywKICAgIGRhdGFJbmRleDogJ25hbWUnLAogICAgc29ydGVyOiB0cnVlLAogICAgd2lkdGg6ICcyMCUnLAogIH0sCiAgewogICAgdGl0bGU6ICdHZW5kZXInLAogICAgZGF0YUluZGV4OiAnZ2VuZGVyJywKICAgIGZpbHRlcnM6IFsKICAgICAgewogICAgICAgIHRleHQ6ICdNYWxlJywKICAgICAgICB2YWx1ZTogJ21hbGUnLAogICAgICB9LAogICAgICB7CiAgICAgICAgdGV4dDogJ0ZlbWFsZScsCiAgICAgICAgdmFsdWU6ICdmZW1hbGUnLAogICAgICB9LAogICAgXSwKICAgIHdpZHRoOiAnMjAlJywKICB9LAogIHsKICAgIHRpdGxlOiAnRW1haWwnLAogICAgZGF0YUluZGV4OiAnZW1haWwnLAogIH0sCl07CmNvbnN0IHF1ZXJ5RGF0YSA9IGFzeW5jIHBhcmFtcyA9PiB7CiAgY29uc3QgcmVzID0gYXdhaXQgYXhpb3MuZ2V0KCdodHRwczovL3JhbmRvbXVzZXIubWUvYXBpP25vaW5mbycsIHsKICAgIHBhcmFtcywKICB9KTsKICByZXR1cm4gcmVzLmRhdGEucmVzdWx0czsKfTsKY29uc3QgewogIGRhdGE6IGRhdGFTb3VyY2UsCiAgcnVuLAogIGxvYWRpbmcsCiAgY3VycmVudCwKICBwYWdlU2l6ZSwKfSA9IHVzZVBhZ2luYXRpb24ocXVlcnlEYXRhLCB7CiAgcGFnaW5hdGlvbjogewogICAgY3VycmVudEtleTogJ3BhZ2UnLAogICAgcGFnZVNpemVLZXk6ICdyZXN1bHRzJywKICB9LAp9KTsKY29uc3QgcGFnaW5hdGlvbiA9IGNvbXB1dGVkKCgpID0+ICh7CiAgdG90YWw6IDIwMCwKICBjdXJyZW50OiBjdXJyZW50LnZhbHVlLAogIHBhZ2VTaXplOiBwYWdlU2l6ZS52YWx1ZSwKfSkpOwpjb25zdCBoYW5kbGVUYWJsZUNoYW5nZSA9IChwYWcsIGZpbHRlcnMsIHNvcnRlcikgPT4gewogIHJ1bih7CiAgICByZXN1bHRzOiBwYWcucGFnZVNpemUsCiAgICBwYWdlOiBwYWc/LmN1cnJlbnQsCiAgICBzb3J0RmllbGQ6IHNvcnRlci5maWVsZCwKICAgIHNvcnRPcmRlcjogc29ydGVyLm9yZGVyLAogICAgLi4uZmlsdGVycywKICB9KTsKfTsKPC9zY3JpcHQ+"}},{default:d(()=>[C(y,{columns:o,"row-key":Z=>Z.login.uuid,"data-source":P(c),pagination:u.value,loading:P(e),onChange:i},{bodyCell:d(({column:Z,text:h})=>[Z.dataIndex==="name"?(m(),W(O,{key:0},[a(L(h.first)+" "+L(h.last),1)],64)):K("",!0)]),_:1},8,["row-key","data-source","pagination","loading"])]),htmlCode:d(()=>[...k[0]||(k[0]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
15  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table")]),a(`
16    `),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("columns"),n("span",{class:"token punctuation"},'"')]),a(`
17    `),n("span",{class:"token attr-name"},":row-key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("record => record.login.uuid"),n("span",{class:"token punctuation"},'"')]),a(`
18    `),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("dataSource"),n("span",{class:"token punctuation"},'"')]),a(`
19    `),n("span",{class:"token attr-name"},":pagination"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("pagination"),n("span",{class:"token punctuation"},'"')]),a(`
20    `),n("span",{class:"token attr-name"},":loading"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("loading"),n("span",{class:"token punctuation"},'"')]),a(`
21    `),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("handleTableChange"),n("span",{class:"token punctuation"},'"')]),a(`
22  `),n("span",{class:"token punctuation"},">")]),a(`
23    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#bodyCell"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ column, text }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
24      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"}

24,'"'),a("column.dataIndex === 'name'"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("{{ text.first }} {{ text.last }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
25    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
26  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table")]),n("span",{class:"token punctuation"},">")]),a(`
27`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
28`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ts"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"setup"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
29`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" computed "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
30`),n("span",{class:"token keyword"},"import"),a(" type "),n("span",{class:"token punctuation"},"{"),a(" TableProps "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'ant-design-vue'"),n("span",{class:"token punctuation"},";"),a(`
31`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" usePagination "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue-request'"),n("span",{class:"token punctuation"},";"),a(`
32`),n("span",{class:"token keyword"},"import"),a(" axios "),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'axios'"),n("span",{class:"token punctuation"},";"),a(`
33`),n("span",{class:"token keyword"},"const"),a(" columns "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
34  `),n("span",{class:"token punctuation"},"{"),a(`
35    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Name'"),n("span",{class:"token punctuation"},","),a(`
36    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
37    `),n("span",{class:"token literal-property property"},"sorter"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},","),a(`
38    `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'20%'"),n("span",{class:"token punctuation"},","),a(`
39  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
40  `),n("span",{class:"token punctuation"},"{"),a(`
41    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Gender'"),n("span",{class:"token punctuation"},","),a(`
42    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'gender'"),n("span",{class:"token punctuation"},","),a(`
43    `),n("span",{class:"token literal-property property"},"filters"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(`
44      `),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Male'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'male'"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
45      `),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Female'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'female'"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
46    `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
47    `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'20%'"),n("span",{class:"token punctuation"},","),a(`
48  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
49  `),n("span",{class:"token punctuation"},"{"),a(`
50    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Email'"),n("span",{class:"token punctuation"},","),a(`
51    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'email'"),n("span",{class:"token punctuation"},","),a(`
52  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
53`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
54
55type APIParams `),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"{"),a(`
56  `),n("span",{class:"token literal-property property"},"results"),n("span",{class:"token operator"},":"),a(" number"),n("span",{class:"token punctuation"},";"),a(`
57  page`),n("span",{class:"token operator"},"?"),n("span",{class:"token operator"},":"),a(" number"),n("span",{class:"token punctuation"},";"),a(`
58  sortField`),n("span",{class:"token operator"},"?"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},";"),a(`
59  sortOrder`),n("span",{class:"token operator"},"?"),n("span",{class:"token operator"},":"),a(" number"),n("span",{class:"token punctuation"},";"),a(`
60  `),n("span",{class:"token punctuation"},"["),a("key"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},":"),a(" any"),n("span",{class:"token punctuation"},";"),a(`
61`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
62type APIResult `),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"{"),a(`
63  `),n("span",{class:"token literal-property property"},"results"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"{"),a(`
64    `),n("span",{class:"token literal-property property"},"gender"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'female'"),a(),n("span",{class:"token operator"},"|"),a(),n("span",{class:"token string"},"'male'"),n("span",{class:"token punctuation"},";"),a(`
65    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},";"),a(`
66    `),n("span",{class:"token literal-property property"},"email"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},";"),a(`
67  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
68`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
69
70`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"queryData"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token keyword"},"async"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"params"),n("span",{class:"token operator"},":"),a(" APIParams")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
71  `),n("span",{class:"token keyword"},"const"),a(" res "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token keyword"},"await"),a(" axios"),n("span",{class:"token punctuation"},"."),a("get"),n("span",{class:"token operator"},"<"),a("APIResult"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'https://randomuser.me/api?noinfo'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token punctuation"},"{"),a(" params "),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),a(`
72  `),n("span",{class:"token keyword"},"return"),a(" res"),n("span",{class:"token punctuation"},"."),a("data"),n("span",{class:"token punctuation"},"."),a("results"),n("span",{class:"token punctuation"},";"),a(`
73`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
74
75`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token punctuation"},"{"),a(`
76  `),n("span",{class:"token literal-property property"},"data"),n("span",{class:"token operator"},":"),a(" dataSource"),n("span",{class:"token punctuation"},","),a(`
77  run`),n("span",{class:"token punctuation"},","),a(`
78  loading`),n("span",{class:"token punctuation"},","),a(`
79  current`),n("span",{class:"token punctuation"},","),a(`
80  pageSize`),n("span",{class:"token punctuation"},","),a(`
81`),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"usePagination"),n("span",{class:"token punctuation"}

81,"("),a("queryData"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token punctuation"},"{"),a(`
82  `),n("span",{class:"token literal-property property"},"pagination"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"{"),a(`
83    `),n("span",{class:"token literal-property property"},"currentKey"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'page'"),n("span",{class:"token punctuation"},","),a(`
84    `),n("span",{class:"token literal-property property"},"pageSizeKey"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'results'"),n("span",{class:"token punctuation"},","),a(`
85  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
86`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
87
88`),n("span",{class:"token keyword"},"const"),a(" pagination "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"computed"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
89  `),n("span",{class:"token literal-property property"},"total"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"200"),n("span",{class:"token punctuation"},","),a(`
90  `),n("span",{class:"token literal-property property"},"current"),n("span",{class:"token operator"},":"),a(" current"),n("span",{class:"token punctuation"},"."),a("value"),n("span",{class:"token punctuation"},","),a(`
91  `),n("span",{class:"token literal-property property"},"pageSize"),n("span",{class:"token operator"},":"),a(" pageSize"),n("span",{class:"token punctuation"},"."),a("value"),n("span",{class:"token punctuation"},","),a(`
92`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
93
94`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token literal-property property"},"handleTableChange"),n("span",{class:"token operator"},":"),a(" TableProps"),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'onChange'"),n("span",{class:"token punctuation"},"]"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),a(`
95  `),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"pag"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"pageSize"),n("span",{class:"token operator"},":"),a(" number"),n("span",{class:"token punctuation"},";"),a(" current"),n("span",{class:"token operator"},":"),a(" number "),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
96  `),n("span",{class:"token literal-property property"},"filters"),n("span",{class:"token operator"},":"),a(" any"),n("span",{class:"token punctuation"},","),a(`
97  `),n("span",{class:"token literal-property property"},"sorter"),n("span",{class:"token operator"},":"),a(" any"),n("span",{class:"token punctuation"},",")]),a(`
98`),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
99  `),n("span",{class:"token function"},"run"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
100    `),n("span",{class:"token literal-property property"},"results"),n("span",{class:"token operator"},":"),a(" pag"),n("span",{class:"token punctuation"},"."),a("pageSize"),n("span",{class:"token punctuation"},","),a(`
101    `),n("span",{class:"token literal-property property"},"page"),n("span",{class:"token operator"},":"),a(" pag"),n("span",{class:"token operator"},"?."),a("current"),n("span",{class:"token punctuation"},","),a(`
102    `),n("span",{class:"token literal-property property"},"sortField"),n("span",{class:"token operator"},":"),a(" sorter"),n("span",{class:"token punctuation"},"."),a("field"),n("span",{class:"token punctuation"},","),a(`
103    `),n("span",{class:"token literal-property property"},"sortOrder"),n("span",{class:"token operator"},":"),a(" sorter"),n("span",{class:"token punctuation"},"."),a("order"),n("span",{class:"token punctuation"},","),a(`
104    `),n("span",{class:"token operator"},"..."),a("filters"),n("span",{class:"token punctuation"},","),a(`
105  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
106`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
107`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"}

107,"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
108`)])],-1)])]),jsVersionHtml:d(()=>[...k[1]||(k[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
109  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table")]),a(`
110    `),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("columns"),n("span",{class:"token punctuation"},'"')]),a(`
111    `),n("span",{class:"token attr-name"},":row-key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("record => record.login.uuid"),n("span",{class:"token punctuation"},'"')]),a(`
112    `),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("dataSource"),n("span",{class:"token punctuation"},'"')]),a(`
113    `),n("span",{class:"token attr-name"},":pagination"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("pagination"),n("span",{class:"token punctuation"},'"')]),a(`
114    `),n("span",{class:"token attr-name"},":loading"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("loading"),n("span",{class:"token punctuation"},'"')]),a(`
115    `),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("handleTableChange"),n("span",{class:"token punctuation"},'"')]),a(`
116  `),n("span",{class:"token punctuation"},">")]),a(`
117    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#bodyCell"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ column, text }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
118      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("column.dataIndex === 'name'"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("{{ text.first }} {{ text.last }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
119    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
120  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table")]),n("span",{class:"token punctuation"},">")]),a(`
121`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
122`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),n("span",{class:"token attr-name"},"setup"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
123`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" computed "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
124`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" usePagination "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue-request'"),n("span",{class:"token punctuation"},";"),a(`
125`),n("span",{class:"token keyword"},"import"),a(" axios "),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'axios'"),n("span",{class:"token punctuation"},";"),a(`
126`),n("span",{class:"token keyword"},"const"),a(" columns "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
127  `),n("span",{class:"token punctuation"},"{"),a(`
128    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Name'"),n("span",{class:"token punctuation"},","),a(`
129    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
130    `),n("span",{class:"token literal-property property"},"sorter"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},","),a(`
131    `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'20%'"),n("span",{class:"token punctuation"},","),a(`
132  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
133  `),n("span",{class:"token punctuation"},"{"),a(`
134    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Gender'"),n("span",{class:"token punctuation"},","),a(`
135    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'gender'"),n("span",{class:"token punctuation"},","),a(`
136    `),n("span",{class:"token literal-property property"},"filters"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(`
137      `),n("span",{class:"token punctuation"},"{"),a(`
138        `),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Male'"),n("span",{class:"token punctuation"},","),a(`
139        `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'male'"),n("span",{class:"token punctuation"},","),a(`
140      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
141      `),n("span",{class:"token punctuation"},"{"),a(`
142        `),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Female'"),n("span",{class:"token punctuation"},","),a(`
143        `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'female'"),n("span",{class:"token punctuation"},","),a(`
144      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
145    `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
146    `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'20%'"),n("span",{class:"token punctuation"},","),a(`
147  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
148  `),n("span",{class:"token punctuation"},"{"),a(`
149    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Email'"),n("span",{class:"token punctuation"},","),a(`
150    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'email'"),n("span",{class:"token punctuation"},","),a(`
151  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
152`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
153`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"queryData"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token keyword"},"async"),a(),n("span",{class:"token parameter"},"params"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
154  `),n("span",{class:"token keyword"},"const"),a(" res "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token keyword"},"await"),a(" axios"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"get"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'https://randomuser.me/api?noinfo'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token punctuation"},"{"),a(`
155    params`),n("span",{class:"token punctuation"},","),a(`
156  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
157  `),n("span",{class:"token keyword"},"return"),a(" res"),n("span",{class:"token punctuation"},"."),a("data"),n("span",{class:"token punctuation"},"."),a("results"),n("span",{class:"token punctuation"},";"),a(`
158`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
159`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token punctuation"},"{"),a(`
160  `),n("span",{class:"token literal-property property"},"data"),n("span",{class:"token operator"},":"),a(" dataSource"),n("span",{class:"token punctuation"},","),a(`
161  run`),n("span",{class:"token punctuation"},","),a(`
162  loading`),n("span",{class:"token punctuation"},","),a(`
163  current`),n("span",{class:"token punctuation"},","),a(`
164  pageSize`),n("span",{class:"token punctuation"},","),a(`
165`),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"usePagination"),n("span",{class:"token punctuation"}

165,"("),a("queryData"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token punctuation"},"{"),a(`
166  `),n("span",{class:"token literal-property property"},"pagination"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"{"),a(`
167    `),n("span",{class:"token literal-property property"},"currentKey"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'page'"),n("span",{class:"token punctuation"},","),a(`
168    `),n("span",{class:"token literal-property property"},"pageSizeKey"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'results'"),n("span",{class:"token punctuation"},","),a(`
169  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
170`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
171`),n("span",{class:"token keyword"},"const"),a(" pagination "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"computed"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
172  `),n("span",{class:"token literal-property property"},"total"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"200"),n("span",{class:"token punctuation"},","),a(`
173  `),n("span",{class:"token literal-property property"},"current"),n("span",{class:"token operator"},":"),a(" current"),n("span",{class:"token punctuation"},"."),a("value"),n("span",{class:"token punctuation"},","),a(`
174  `),n("span",{class:"token literal-property property"},"pageSize"),n("span",{class:"token operator"},":"),a(" pageSize"),n("span",{class:"token punctuation"},"."),a("value"),n("span",{class:"token punctuation"},","),a(`
175`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
176`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"handleTableChange"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("pag"),n("span",{class:"token punctuation"},","),a(" filters"),n("span",{class:"token punctuation"},","),a(" sorter")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
177  `),n("span",{class:"token function"},"run"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
178    `),n("span",{class:"token literal-property property"},"results"),n("span",{class:"token operator"},":"),a(" pag"),n("span",{class:"token punctuation"},"."),a("pageSize"),n("span",{class:"token punctuation"},","),a(`
179    `),n("span",{class:"token literal-property property"},"page"),n("span",{class:"token operator"},":"),a(" pag"),n("span",{class:"token operator"},"?."),a("current"),n("span",{class:"token punctuation"},","),a(`
180    `),n("span",{class:"token literal-property property"},"sortField"),n("span",{class:"token operator"},":"),a(" sorter"),n("span",{class:"token punctuation"},"."),a("field"),n("span",{class:"token punctuation"},","),a(`
181    `),n("span",{class:"token literal-property property"},"sortOrder"),n("span",{class:"token operator"},":"),a(" sorter"),n("span",{class:"token punctuation"},"."),a("order"),n("span",{class:"token punctuation"},","),a(`
182    `),n("span",{class:"token operator"},"..."),a("filters"),n("span",{class:"token punctuation"},","),a(`
183  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
184`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
185`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"}

185,"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
186`)])],-1)])]),_:1})}}}),Jt={key:0},Xt={key:0},Vt={key:1},Nt={key:2},Lt={class:"ant-dropdown-link"},Ht=F({__name:"basic",setup(t){const o=[{name:"Name",dataIndex:"name",key:"name"},{title:"Age",dataIndex:"age",key:"age"},{title:"Address",dataIndex:"address",key:"address"},{title:"Tags",key:"tags",dataIndex:"tags"},{title:"Action",key:"action"}],p=[{key:"1",name:"John Brown",age:32,address:"New York No. 1 Lake Park",tags:["nice","developer"]},{key:"2",name:"Jim Green",age:42,address:"London No. 1 Lake Park",tags:["loser"]},{key:"3",name:"Joe Black",age:32,address:"Sidney No. 1 Lake Park",tags:["cool","teacher"]}];return(c,s)=>{const e=I("a-tag"),r=I("a-divider"),l=I("a-table"),u=I("demo-box");return m(),x(u,{jsfiddle:{us:"Simple table with actions.",cn:"\u7B80\u5355\u7684\u8868\u683C\uFF0C\u6700\u540E\u4E00\u5217\u662F\u5404\u79CD\u64CD\u4F5C\u3002",docHtml:`<h2 id="zh-cn">zh-CN <a class="header-anchor" href="#zh-cn">
187          <span aria-hidden="true" class="anchor">#</span>
188        </a></h2>
189<p>\u7B80\u5355\u7684\u8868\u683C\uFF0C\u6700\u540E\u4E00\u5217\u662F\u5404\u79CD\u64CD\u4F5C\u3002</p>
190<h2 id="en-us">en-US <a class="header-anchor" href="#en-us">
191          <span aria-hidden="true" class="anchor">#</span>
192        </a></h2>
193<p>Simple table with actions.</p>
194`,order:0,title:{"en-US":"Basic Usage","zh-CN":"\u57FA\u672C\u7528\u6CD5"},relativePath:"components/table/demo/basic.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXRhYmxlIDpjb2x1bW5zPSJjb2x1bW5zIiA6ZGF0YS1zb3VyY2U9ImRhdGEiPgogICAgPHRlbXBsYXRlICNoZWFkZXJDZWxsPSJ7IGNvbHVtbiB9Ij4KICAgICAgPHRlbXBsYXRlIHYtaWY9ImNvbHVtbi5rZXkgPT09ICduYW1lJyI+CiAgICAgICAgPHNwYW4+CiAgICAgICAgICA8c21pbGUtb3V0bGluZWQgLz4KICAgICAgICAgIE5hbWUKICAgICAgICA8L3NwYW4+CiAgICAgIDwvdGVtcGxhdGU+CiAgICA8L3RlbXBsYXRlPgoKICAgIDx0ZW1wbGF0ZSAjYm9keUNlbGw9InsgY29sdW1uLCByZWNvcmQgfSI+CiAgICAgIDx0ZW1wbGF0ZSB2LWlmPSJjb2x1bW4ua2V5ID09PSAnbmFtZSciPgogICAgICAgIDxhPgogICAgICAgICAge3sgcmVjb3JkLm5hbWUgfX0KICAgICAgICA8L2E+CiAgICAgIDwvdGVtcGxhdGU+CiAgICAgIDx0ZW1wbGF0ZSB2LWVsc2UtaWY9ImNvbHVtbi5rZXkgPT09ICd0YWdzJyI+CiAgICAgICAgPHNwYW4+CiAgICAgICAgICA8YS10YWcKICAgICAgICAgICAgdi1mb3I9InRhZyBpbiByZWNvcmQudGFncyIKICAgICAgICAgICAgOmtleT0idGFnIgogICAgICAgICAgICA6Y29sb3I9InRhZyA9PT0gJ2xvc2VyJyA/ICd2b2xjYW5vJyA6IHRhZy5sZW5ndGggPiA1ID8gJ2dlZWtibHVlJyA6ICdncmVlbiciCiAgICAgICAgICA+CiAgICAgICAgICAgIHt7IHRhZy50b1VwcGVyQ2FzZSgpIH19CiAgICAgICAgICA8L2EtdGFnPgogICAgICAgIDwvc3Bhbj4KICAgICAgPC90ZW1wbGF0ZT4KICAgICAgPHRlbXBsYXRlIHYtZWxzZS1pZj0iY29sdW1uLmtleSA9PT0gJ2FjdGlvbiciPgogICAgICAgIDxzcGFuPgogICAgICAgICAgPGE+SW52aXRlIOS4gCB7eyByZWNvcmQubmFtZSB9fTwvYT4KICAgICAgICAgIDxhLWRpdmlkZXIgdHlwZT0idmVydGljYWwiIC8+CiAgICAgICAgICA8YT5EZWxldGU8L2E+CiAgICAgICAgICA8YS1kaXZpZGVyIHR5cGU9InZlcnRpY2FsIiAvPgogICAgICAgICAgPGEgY2xhc3M9ImFudC1kcm9wZG93bi1saW5rIj4KICAgICAgICAgICAgTW9yZSBhY3Rpb25zCiAgICAgICAgICAgIDxkb3duLW91dGxpbmVkIC8+CiAgICAgICAgICA8L2E+CiAgICAgICAgPC9zcGFuPgogICAgICA8L3RlbXBsYXRlPgogICAgPC90ZW1wbGF0ZT4KICA8L2EtdGFibGU+CjwvdGVtcGxhdGU+CjxzY3JpcHQgbGFuZz0idHMiIHNldHVwPgppbXBvcnQgeyBTbWlsZU91dGxpbmVkLCBEb3duT3V0bGluZWQgfSBmcm9tICdAYW50LWRlc2lnbi9pY29ucy12dWUnOwpjb25zdCBjb2x1bW5zID0gWwogIHsKICAgIG5hbWU6ICdOYW1lJywKICAgIGRhdGFJbmRleDogJ25hbWUnLAogICAga2V5OiAnbmFtZScsCiAgfSwKICB7CiAgICB0aXRsZTogJ0FnZScsCiAgICBkYXRhSW5kZXg6ICdhZ2UnLAogICAga2V5OiAnYWdlJywKICB9LAogIHsKICAgIHRpdGxlOiAnQWRkcmVzcycsCiAgICBkYXRhSW5kZXg6ICdhZGRyZXNzJywKICAgIGtleTogJ2FkZHJlc3MnLAogIH0sCiAgewogICAgdGl0bGU6ICdUYWdzJywKICAgIGtleTogJ3RhZ3MnLAogICAgZGF0YUluZGV4OiAndGFncycsCiAgfSwKICB7CiAgICB0aXRsZTogJ0FjdGlvbicsCiAgICBrZXk6ICdhY3Rpb24nLAogIH0sCl07Cgpjb25zdCBkYXRhID0gWwogIHsKICAgIGtleTogJzEnLAogICAgbmFtZTogJ0pvaG4gQnJvd24nLAogICAgYWdlOiAzMiwKICAgIGFkZHJlc3M6ICdOZXcgWW9yayBOby4gMSBMYWtlIFBhcmsnLAogICAgdGFnczogWyduaWNlJywgJ2RldmVsb3BlciddLAogIH0sCiAgewogICAga2V5OiAnMicsCiAgICBuYW1lOiAnSmltIEdyZWVuJywKICAgIGFnZTogNDIsCiAgICBhZGRyZXNzOiAnTG9uZG9uIE5vLiAxIExha2UgUGFyaycsCiAgICB0YWdzOiBbJ2xvc2VyJ10sCiAgfSwKICB7CiAgICBrZXk6ICczJywKICAgIG5hbWU6ICdKb2UgQmxhY2snLAogICAgYWdlOiAzMiwKICAgIGFkZHJlc3M6ICdTaWRuZXkgTm8uIDEgTGFrZSBQYXJrJywKICAgIHRhZ3M6IFsnY29vbCcsICd0ZWFjaGVyJ10sCiAgfSwKXTsKPC9zY3JpcHQ+Cgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXRhYmxlIDpjb2x1bW5zPSJjb2x1bW5zIiA6ZGF0YS1zb3VyY2U9ImRhdGEiPgogICAgPHRlbXBsYXRlICNoZWFkZXJDZWxsPSJ7IGNvbHVtbiB9Ij4KICAgICAgPHRlbXBsYXRlIHYtaWY9ImNvbHVtbi5rZXkgPT09ICduYW1lJyI+CiAgICAgICAgPHNwYW4+CiAgICAgICAgICA8c21pbGUtb3V0bGluZWQgLz4KICAgICAgICAgIE5hbWUKICAgICAgICA8L3NwYW4+CiAgICAgIDwvdGVtcGxhdGU+CiAgICA8L3RlbXBsYXRlPgoKICAgIDx0ZW1wbGF0ZSA

194jYm9keUNlbGw9InsgY29sdW1uLCByZWNvcmQgfSI+CiAgICAgIDx0ZW1wbGF0ZSB2LWlmPSJjb2x1bW4ua2V5ID09PSAnbmFtZSciPgogICAgICAgIDxhPgogICAgICAgICAge3sgcmVjb3JkLm5hbWUgfX0KICAgICAgICA8L2E+CiAgICAgIDwvdGVtcGxhdGU+CiAgICAgIDx0ZW1wbGF0ZSB2LWVsc2UtaWY9ImNvbHVtbi5rZXkgPT09ICd0YWdzJyI+CiAgICAgICAgPHNwYW4+CiAgICAgICAgICA8YS10YWcKICAgICAgICAgICAgdi1mb3I9InRhZyBpbiByZWNvcmQudGFncyIKICAgICAgICAgICAgOmtleT0idGFnIgogICAgICAgICAgICA6Y29sb3I9InRhZyA9PT0gJ2xvc2VyJyA/ICd2b2xjYW5vJyA6IHRhZy5sZW5ndGggPiA1ID8gJ2dlZWtibHVlJyA6ICdncmVlbiciCiAgICAgICAgICA+CiAgICAgICAgICAgIHt7IHRhZy50b1VwcGVyQ2FzZSgpIH19CiAgICAgICAgICA8L2EtdGFnPgogICAgICAgIDwvc3Bhbj4KICAgICAgPC90ZW1wbGF0ZT4KICAgICAgPHRlbXBsYXRlIHYtZWxzZS1pZj0iY29sdW1uLmtleSA9PT0gJ2FjdGlvbiciPgogICAgICAgIDxzcGFuPgogICAgICAgICAgPGE+SW52aXRlIOS4gCB7eyByZWNvcmQubmFtZSB9fTwvYT4KICAgICAgICAgIDxhLWRpdmlkZXIgdHlwZT0idmVydGljYWwiIC8+CiAgICAgICAgICA8YT5EZWxldGU8L2E+CiAgICAgICAgICA8YS1kaXZpZGVyIHR5cGU9InZlcnRpY2FsIiAvPgogICAgICAgICAgPGEgY2xhc3M9ImFudC1kcm9wZG93bi1saW5rIj4KICAgICAgICAgICAgTW9yZSBhY3Rpb25zCiAgICAgICAgICAgIDxkb3duLW91dGxpbmVkIC8+CiAgICAgICAgICA8L2E+CiAgICAgICAgPC9zcGFuPgogICAgICA8L3RlbXBsYXRlPgogICAgPC90ZW1wbGF0ZT4KICA8L2EtdGFibGU+CjwvdGVtcGxhdGU+CjxzY3JpcHQgc2V0dXA+CmNvbnN0IGNvbHVtbnMgPSBbCiAgewogICAgbmFtZTogJ05hbWUnLAogICAgZGF0YUluZGV4OiAnbmFtZScsCiAgICBrZXk6ICduYW1lJywKICB9LAogIHsKICAgIHRpdGxlOiAnQWdlJywKICAgIGRhdGFJbmRleDogJ2FnZScsCiAgICBrZXk6ICdhZ2UnLAogIH0sCiAgewogICAgdGl0bGU6ICdBZGRyZXNzJywKICAgIGRhdGFJbmRleDogJ2FkZHJlc3MnLAogICAga2V5OiAnYWRkcmVzcycsCiAgfSwKICB7CiAgICB0aXRsZTogJ1RhZ3MnLAogICAga2V5OiAndGFncycsCiAgICBkYXRhSW5kZXg6ICd0YWdzJywKICB9LAogIHsKICAgIHRpdGxlOiAnQWN0aW9uJywKICAgIGtleTogJ2FjdGlvbicsCiAgfSwKXTsKY29uc3QgZGF0YSA9IFsKICB7CiAgICBrZXk6ICcxJywKICAgIG5hbWU6ICdKb2huIEJyb3duJywKICAgIGFnZTogMzIsCiAgICBhZGRyZXNzOiAnTmV3IFlvcmsgTm8uIDEgTGFrZSBQYXJrJywKICAgIHRhZ3M6IFsnbmljZScsICdkZXZlbG9wZXInXSwKICB9LAogIHsKICAgIGtleTogJzInLAogICAgbmFtZTogJ0ppbSBHcmVlbicsCiAgICBhZ2U6IDQyLAogICAgYWRkcmVzczogJ0xvbmRvbiBOby4gMSBMYWtlIFBhcmsnLAogICAgdGFnczogWydsb3NlciddLAogIH0sCiAgewogICAga2V5OiAnMycsCiAgICBuYW1lOiAnSm9lIEJsYWNrJywKICAgIGFnZTogMzIsCiAgICBhZGRyZXNzOiAnU2lkbmV5IE5vLiAxIExha2UgUGFyaycsCiAgICB0YWdzOiBbJ2Nvb2wnLCAndGVhY2hlciddLAogIH0sCl07CmV4cG9ydCB7fTsKPC9zY3JpcHQ+"}},{default:d(()=>[C(l,{columns:o,"data-source":p},{headerCell:d(({column:i})=>[i.key==="name"?(m(),W("span",Jt,[C(P(Ra)),s[0]||(s[0]=a(" Name ",-1))])):K("",!0)]),bodyCell:d(({column:i,record:g})=>[i.key==="name"?(m(),W("a",Xt,L(g.name),1)):i.key==="tags"?(m(),W("span",Vt,[(m(!0),W(O,null,dn(g.tags,k=>(m(),x(e,{key:k,color:k==="loser"?"volcano":k.length>5?"geekblue":"green"},{default:d(()=>[a(L(k.toUpperCase()),1)]),_:2},1032,["color"]))),128))])):i.key==="action"?(m(),W("span",Nt,[n("a",null,"Invite \u4E00 "+L(g.name),1),C(r,{type:"vertical"}),s[2]||(s[2]=n("a",null,"Delete",-1)),C(r,{type:"vertical"}),n("a",Lt,[s[1]||(s[1]=a(" More actions ",-1)),C(P(On))])])):K("",!0)]),_:1})]),htmlCode:d(()=>[...s[3]||(s[3]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
195  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table")]),a(),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("columns"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("data"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
196    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#headerCell"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ column }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
197      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"}

197,'"'),a("column.key === 'name'"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
198        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("span")]),n("span",{class:"token punctuation"},">")]),a(`
199          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("smile-outlined")]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
200          Name
201        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("span")]),n("span",{class:"token punctuation"},">")]),a(`
202      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
203    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
204
205    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#bodyCell"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ column, record }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
206      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("column.key === 'name'"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
207        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
208          {{ record.name }}
209        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
210      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
211      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"v-else-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("column.key === 'tags'"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
212        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("span")]),n("span",{class:"token punctuation"},">")]),a(`
213          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tag")]),a(`
214            `),n("span",{class:"token attr-name"},"v-for"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("tag in record.tags"),n("span",{class:"token punctuation"},'"')]),a(`
215            `),n("span",{class:"token attr-name"},":key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("tag"),n("span",{class:"token punctuation"},'"')]),a(`
216            `),n("span",{class:"token attr-name"},":color"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("tag === 'loser' ? 'volcano' : tag.length > 5 ? 'geekblue' : 'green'"),n("span",{class:"token punctuation"},'"')]),a(`
217          `),n("span",{class:"token punctuation"},">")]),a(`
218            {{ tag.toUpperCase() }}
219          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-tag")]),n("span",{class:"token punctuation"},">")]),a(`
220        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("span")]),n("span",{class:"token punctuation"},">")]),a(`
221      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
222      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"v-else-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"}

222,'"'),a("column.key === 'action'"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
223        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("span")]),n("span",{class:"token punctuation"},">")]),a(`
224          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a")]),n("span",{class:"token punctuation"},">")]),a("Invite \u4E00 {{ record.name }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
225          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-divider")]),a(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("vertical"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
226          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a")]),n("span",{class:"token punctuation"},">")]),a("Delete"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
227          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-divider")]),a(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("vertical"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
228          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a")]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ant-dropdown-link"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
229            More actions
230            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("down-outlined")]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
231          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
232        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("span")]),n("span",{class:"token punctuation"},">")]),a(`
233      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
234    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
235  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table")]),n("span",{class:"token punctuation"},">")]),a(`
236`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
237`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ts"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"setup"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
238`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" SmileOutlined"),n("span",{class:"token punctuation"},","),a(" DownOutlined "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'@ant-design/icons-vue'"),n("span",{class:"token punctuation"},";"),a(`
239`),n("span",{class:"token keyword"},"const"),a(" columns "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
240  `),n("span",{class:"token punctuation"},"{"),a(`
241    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Name'"),n("span",{class:"token punctuation"},","),a(`
242    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
243    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
244  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
245  `),n("span",{class:"token punctuation"},"{"),a(`
246    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Age'"),n("span",{class:"token punctuation"},","),a(`
247    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'age'"),n("span",{class:"token punctuation"},","),a(`
248    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'age'"),n("span",{class:"token punctuation"},","),a(`
249  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
250  `),n("span",{class:"token punctuation"},"{"),a(`
251    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Address'"),n("span",{class:"token punctuation"},","),a(`
252    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
253    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
254  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
255  `),n("span",{class:"token punctuation"},"{"),a(`
256    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Tags'"),n("span",{class:"token punctuation"},","),a(`
257    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'tags'"),n("span",{class:"token punctuation"},","),a(`
258    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'tags'"),n("span",{class:"token punctuation"},","),a(`
259  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
260  `),n("span",{class:"token punctuation"},"{"),a(`
261    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Action'"),n("span",{class:"token punctuation"},","),a(`
262    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'action'"),n("span",{class:"token punctuation"},","),a(`
263  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
264`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
265
266`),n("span",{class:"token keyword"},"const"),a(" data "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
267  `),n("span",{class:"token punctuation"},"{"),a(`
268    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'1'"),n("span",{class:"token punctuation"},","),a(`
269    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'John Brown'"),n("span",{class:"token punctuation"},","),a(`
270    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
271    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'New York No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
272    `),n("span",{class:"token literal-property property"},"tags"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'nice'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token string"},"'developer'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
273  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
274  `),n("span",{class:"token punctuation"},"{"),a(`
275    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'2'"),n("span",{class:"token punctuation"},","),a(`
276    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jim Green'"),n("span",{class:"token punctuation"},","),a(`
277    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"42"),n("span",{class:"token punctuation"},","),a(`
278    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'London No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
279    `),n("span",{class:"token literal-property property"},"tags"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'loser'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
280  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
281  `),n("span",{class:"token punctuation"},"{"),a(`
282    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'3'"),n("span",{class:"token punctuation"},","),a(`
283    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Joe Black'"),n("span",{class:"token punctuation"},","),a(`
284    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
285    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"}

285,"'Sidney No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
286    `),n("span",{class:"token literal-property property"},"tags"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'cool'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token string"},"'teacher'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
287  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
288`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
289`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
290`)])],-1)])]),jsVersionHtml:d(()=>[...s[4]||(s[4]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
291  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table")]),a(),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("columns"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("data"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
292    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#headerCell"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ column }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
293      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("column.key === 'name'"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
294        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("span")]),n("span",{class:"token punctuation"},">")]),a(`
295          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("smile-outlined")]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
296          Name
297        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("span")]),n("span",{class:"token punctuation"},">")]),a(`
298      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
299    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
300
301    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#bodyCell"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ column, record }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
302      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"}

302,'"'),a("column.key === 'name'"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
303        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
304          {{ record.name }}
305        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
306      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
307      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"v-else-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("column.key === 'tags'"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
308        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("span")]),n("span",{class:"token punctuation"},">")]),a(`
309          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tag")]),a(`
310            `),n("span",{class:"token attr-name"},"v-for"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("tag in record.tags"),n("span",{class:"token punctuation"},'"')]),a(`
311            `),n("span",{class:"token attr-name"},":key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("tag"),n("span",{class:"token punctuation"},'"')]),a(`
312            `),n("span",{class:"token attr-name"},":color"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("tag === 'loser' ? 'volcano' : tag.length > 5 ? 'geekblue' : 'green'"),n("span",{class:"token punctuation"},'"')]),a(`
313          `),n("span",{class:"token punctuation"},">")]),a(`
314            {{ tag.toUpperCase() }}
315          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-tag")]),n("span",{class:"token punctuation"},">")]),a(`
316        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("span")]),n("span",{class:"token punctuation"},">")]),a(`
317      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
318      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"v-else-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("column.key === 'action'"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
319        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("span")]),n("span",{class:"token punctuation"},">")]),a(`
320          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a")]),n("span",{class:"token punctuation"},">")]),a("Invite \u4E00 {{ record.name }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
321          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-divider")]),a(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("vertical"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
322          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a")]),n("span",{class:"token punctuation"},">")]),a("Delete"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
323          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"}

323,"<"),a("a-divider")]),a(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("vertical"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
324          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a")]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ant-dropdown-link"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
325            More actions
326            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("down-outlined")]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
327          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
328        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("span")]),n("span",{class:"token punctuation"},">")]),a(`
329      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
330    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
331  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table")]),n("span",{class:"token punctuation"},">")]),a(`
332`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
333`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),n("span",{class:"token attr-name"},"setup"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
334`),n("span",{class:"token keyword"},"const"),a(" columns "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
335  `),n("span",{class:"token punctuation"},"{"),a(`
336    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Name'"),n("span",{class:"token punctuation"},","),a(`
337    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
338    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
339  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
340  `),n("span",{class:"token punctuation"},"{"),a(`
341    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Age'"),n("span",{class:"token punctuation"},","),a(`
342    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'age'"),n("span",{class:"token punctuation"},","),a(`
343    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'age'"),n("span",{class:"token punctuation"},","),a(`
344  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
345  `),n("span",{class:"token punctuation"},"{"),a(`
346    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Address'"),n("span",{class:"token punctuation"},","),a(`
347    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
348    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
349  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
350  `),n("span",{class:"token punctuation"},"{"),a(`
351    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Tags'"),n("span",{class:"token punctuation"},","),a(`
352    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'tags'"),n("span",{class:"token punctuation"},","),a(`
353    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'tags'"),n("span",{class:"token punctuation"},","),a(`
354  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
355  `),n("span",{class:"token punctuation"},"{"),a(`
356    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Action'"),n("span",{class:"token punctuation"},","),a(`
357    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'action'"),n("span",{class:"token punctuation"},","),a(`
358  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
359`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
360`),n("span",{class:"token keyword"},"const"),a(" data "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
361  `),n("span",{class:"token punctuation"},"{"),a(`
362    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'1'"),n("span",{class:"token punctuation"},","),a(`
363    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'John Brown'"),n("span",{class:"token punctuation"},","),a(`
364    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
365    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'New York No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
366    `),n("span",{class:"token literal-property property"},"tags"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'nice'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token string"},"'developer'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
367  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
368  `),n("span",{class:"token punctuation"},"{"),a(`
369    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'2'"),n("span",{class:"token punctuation"},","),a(`
370    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jim Green'"),n("span",{class:"token punctuation"},","),a(`
371    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"42"),n("span",{class:"token punctuation"},","),a(`
372    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'London No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
373    `),n("span",{class:"token literal-property property"},"tags"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'loser'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
374  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
375  `),n("span",{class:"token punctuation"},"{"),a(`
376    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'3'"),n("span",{class:"token punctuation"},","),a(`
377    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Joe Black'"),n("span",{class:"token punctuation"},","),a(`
378    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
379    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"}

379,"'Sidney No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
380    `),n("span",{class:"token literal-property property"},"tags"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'cool'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token string"},"'teacher'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
381  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
382`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
383`),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token punctuation"},"{"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
384`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
385`)])],-1)])]),_:1})}}}),Kt={key:0},Dt=F({__name:"bordered",setup(t){const o=[{title:"Name",dataIndex:"name"},{title:"Cash Assets",className:"column-money",dataIndex:"money"},{title:"Address",dataIndex:"address"}],p=[{key:"1",name:"John Brown",money:"\uFFE5300,000.00",address:"New York No. 1 Lake Park"},{key:"2",name:"Jim Green",money:"\uFFE51,256,000.00",address:"London No. 1 Lake Park"},{key:"3",name:"Joe Black",money:"\uFFE5120,000.00",address:"Sidney No. 1 Lake Park"}];return(c,s)=>{const e=I("a-table"),r=I("demo-box");return m(),x(r,{jsfiddle:{us:"Add border, title and footer for table.",cn:"\u6DFB\u52A0\u8868\u683C\u8FB9\u6846\u7EBF\uFF0C\u9875\u5934\u548C\u9875\u811A\u3002",docHtml:`<h2 id="zh-cn">zh-CN <a class="header-anchor" href="#zh-cn">
386          <span aria-hidden="true" class="anchor">#</span>
387        </a></h2>
388<p>\u6DFB\u52A0\u8868\u683C\u8FB9\u6846\u7EBF\uFF0C\u9875\u5934\u548C\u9875\u811A\u3002</p>
389<h2 id="en-us">en-US <a class="header-anchor" href="#en-us">
390          <span aria-hidden="true" class="anchor">#</span>
391        </a></h2>
392<p>Add border, title and footer for table.</p>
393`,order:12,title:{"en-US":"border, title and footer","zh-CN":"\u5E26\u8FB9\u6846"},relativePath:"components/table/demo/bordered.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXRhYmxlIDpjb2x1bW5zPSJjb2x1bW5zIiA6ZGF0YS1zb3VyY2U9ImRhdGEiIGJvcmRlcmVkPgogICAgPHRlbXBsYXRlICNib2R5Q2VsbD0ieyBjb2x1bW4sIHRleHQgfSI+CiAgICAgIDx0ZW1wbGF0ZSB2LWlmPSJjb2x1bW4uZGF0YUluZGV4ID09PSAnbmFtZSciPgogICAgICAgIDxhPnt7IHRleHQgfX08L2E+CiAgICAgIDwvdGVtcGxhdGU+CiAgICA8L3RlbXBsYXRlPgogICAgPHRlbXBsYXRlICN0aXRsZT5IZWFkZXI8L3RlbXBsYXRlPgogICAgPHRlbXBsYXRlICNmb290ZXI+Rm9vdGVyPC90ZW1wbGF0ZT4KICA8L2EtdGFibGU+CjwvdGVtcGxhdGU+CjxzY3JpcHQgbGFuZz0idHMiIHNldHVwPgpjb25zdCBjb2x1bW5zID0gWwogIHsKICAgIHRpdGxlOiAnTmFtZScsCiAgICBkYXRhSW5kZXg6ICduYW1lJywKICB9LAogIHsKICAgIHRpdGxlOiAnQ2FzaCBBc3NldHMnLAogICAgY2xhc3NOYW1lOiAnY29sdW1uLW1vbmV5JywKICAgIGRhdGFJbmRleDogJ21vbmV5JywKICB9LAogIHsKICAgIHRpdGxlOiAnQWRkcmVzcycsCiAgICBkYXRhSW5kZXg6ICdhZGRyZXNzJywKICB9LApdOwoKY29uc3QgZGF0YSA9IFsKICB7CiAgICBrZXk6ICcxJywKICAgIG5hbWU6ICdKb2huIEJyb3duJywKICAgIG1vbmV5OiAn77+lMzAwLDAwMC4wMCcsCiAgICBhZGRyZXNzOiAnTmV3IFlvcmsgTm8uIDEgTGFrZSBQYXJrJywKICB9LAogIHsKICAgIGtleTogJzInLAogICAgbmFtZTogJ0ppbSBHcmVlbicsCiAgICBtb25leTogJ++/pTEsMjU2LDAwMC4wMCcsCiAgICBhZGRyZXNzOiAnTG9uZG9uIE5vLiAxIExha2UgUGFyaycsCiAgfSwKICB7CiAgICBrZXk6ICczJywKICAgIG5hbWU6ICdKb2UgQmxhY2snLAogICAgbW9uZXk6ICfvv6UxMjAsMDAwLjAwJywKICAgIGFkZHJlc3M6ICdTaWRuZXkgTm8uIDEgTGFrZSBQYXJrJywKICB9LApdOwo8L3NjcmlwdD4KPHN0eWxlIHNjb3BlZD4KdGguY29sdW1uLW1vbmV5LAp0ZC5jb2x1bW4tbW9uZXkgewogIHRleHQtYWxpZ246IHJpZ2h0ICFpbXBvcnRhbnQ7Cn0KPC9zdHlsZT4K",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXRhYmxlIDpjb2x1bW5zPSJjb2x1bW5zIiA6ZGF0YS1zb3VyY2U9ImRhdGEiIGJvcmRlcmVkPgogICAgPHRlbXBsYXRlICNib2R5Q2VsbD0ieyBjb2x1bW4sIHRleHQgfSI+CiAgICAgIDx0ZW1wbGF0ZSB2LWlmPSJjb2x1bW4uZGF0YUluZGV4ID09PSAnbmFtZSciPgogICAgICAgIDxhPnt7IHRleHQgfX08L2E+CiAgICAgIDwvdGVtcGxhdGU+CiAgICA8L3RlbXBsYXRlPgogICAgPHRlbXBsYXRlICN0aXRsZT5IZWFkZXI8L3RlbXBsYXRlPgogICAgPHRlbXBsYXRlICNmb290ZXI+Rm9vdGVyPC90ZW1wbGF0ZT4KICA8L2EtdGFibGU+CjwvdGVtcGxhdGU+CjxzY3JpcHQgc2V0dXA+CmNvbnN0IGNvbHVtbnMgPSBbCiAgewogICAgdGl0bGU6ICdOYW1lJywKICAgIGRhdGFJbmRleDogJ25hbWUnLAogIH0sCiAgewogICAgdGl0bGU6ICdDYXNoIEFzc2V0cycsCiAgICBjbGFzc05hbWU6ICdjb2x1bW4tbW9uZXknLAogICAgZGF0YUluZGV4OiAnbW9uZXknLAogIH0sCiAgewogICAgdGl0bGU6ICdBZGRyZXNzJywKICAgIGRhdGFJbmRleDogJ2FkZHJlc3MnLAogIH0sCl07CmNvbnN0IGRhdGEgPSBbCiAgewogICAga2V5OiAnMScsCiAgICBuYW1lOiAnSm9obiBCcm93bicsCiAgICBtb25leTogJ++/pTMwMCwwMDAuMDAnLAogICAgYWRkcmVzczogJ05ldyBZb3JrIE5vLiAxIExha2UgUGFyaycsCiAgfSwKICB7CiAgICBrZXk6ICcyJywKICAgIG5hbWU6ICdKaW0gR3JlZW4nLAogICAgbW9uZXk6ICfvv6UxLDI1NiwwMDAuMDAnLAogICAgYWRkcmVzczogJ0xvbmRvbiBOby4gMSBMYWtlIFBhcmsnLAogIH0sCiAgewogICAga2V5OiAnMycsCiAgICBuYW1lOiAnSm9lIEJsYWNrJywKICAgIG1vbmV5OiAn77+lMTIwLDAwMC4wMCcsCiAgICBhZGRyZXNzOiAnU2lkbmV5IE5vLiAxIExha2UgUGFyaycsCiAgfSwKXTsKPC9zY3JpcHQ+CjxzdHlsZSBzY29wZWQ+CnRoLmNvbHVtbi1tb25leSwKdGQuY29sdW1uLW1vbmV5IHsKICB0ZXh0LWFsaWduOiByaWdodCAhaW1wb3J0YW50Owp9Cjwvc3R5bGU+"}},{default:d(()=>[C(e,{columns:o,"data-source":p,bordered:""},{bodyCell:d(({column:l,text:u})=>[l.dataIndex==="name"?(m(),W("a",Kt,L(u),1)):K("",!0)]),title:d(()=>[...s[0]||(s[0]=[a("Header",-1)])]),footer:d(()=>[...s[1]||(s[1]=[a("Footer",-1)])]),_:1})]),htmlCode:d(()=>[...s[2]||(s[2]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
394  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table")]),a(),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"}

394,'"'),a("columns"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("data"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"bordered"),n("span",{class:"token punctuation"},">")]),a(`
395    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#bodyCell"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ column, text }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
396      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("column.dataIndex === 'name'"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
397        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a")]),n("span",{class:"token punctuation"},">")]),a("{{ text }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
398      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
399    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
400    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#title"),n("span",{class:"token punctuation"},">")]),a("Header"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
401    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#footer"),n("span",{class:"token punctuation"},">")]),a("Footer"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
402  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table")]),n("span",{class:"token punctuation"},">")]),a(`
403`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
404`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ts"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"setup"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
405`),n("span",{class:"token keyword"},"const"),a(" columns "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
406  `),n("span",{class:"token punctuation"},"{"),a(`
407    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Name'"),n("span",{class:"token punctuation"},","),a(`
408    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
409  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
410  `),n("span",{class:"token punctuation"},"{"),a(`
411    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Cash Assets'"),n("span",{class:"token punctuation"},","),a(`
412    `),n("span",{class:"token literal-property property"},"className"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'column-money'"),n("span",{class:"token punctuation"},","),a(`
413    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'money'"),n("span",{class:"token punctuation"},","),a(`
414  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
415  `),n("span",{class:"token punctuation"},"{"),a(`
416    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Address'"),n("span",{class:"token punctuation"},","),a(`
417    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
418  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
419`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
420
421`),n("span",{class:"token keyword"},"const"),a(" data "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
422  `),n("span",{class:"token punctuation"},"{"),a(`
423    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'1'"),n("span",{class:"token punctuation"},","),a(`
424    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'John Brown'"),n("span",{class:"token punctuation"},","),a(`
425    `),n("span",{class:"token literal-property property"},"money"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'\uFFE5300,000.00'"),n("span",{class:"token punctuation"},","),a(`
426    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'New York No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
427  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
428  `),n("span",{class:"token punctuation"},"{"),a(`
429    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'2'"),n("span",{class:"token punctuation"},","),a(`
430    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jim Green'"),n("span",{class:"token punctuation"},","),a(`
431    `),n("span",{class:"token literal-property property"},"money"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'\uFFE51,256,000.00'"),n("span",{class:"token punctuation"},","),a(`
432    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'London No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
433  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
434  `),n("span",{class:"token punctuation"},"{"),a(`
435    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'3'"),n("span",{class:"token punctuation"},","),a(`
436    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Joe Black'"),n("span",{class:"token punctuation"},","),a(`
437    `),n("span",{class:"token literal-property property"},"money"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'\uFFE5120,000.00'"),n("span",{class:"token punctuation"},","),a(`
438    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"}

438,"'Sidney No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
439  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
440`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
441`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
442`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("style")]),a(),n("span",{class:"token attr-name"},"scoped"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token style"},[n("span",{class:"token language-css"},[a(`
443`),n("span",{class:"token selector"},`th.column-money,
444td.column-money`),a(),n("span",{class:"token punctuation"},"{"),a(`
445  `),n("span",{class:"token property"},"text-align"),n("span",{class:"token punctuation"},":"),a(" right "),n("span",{class:"token important"},"!important"),n("span",{class:"token punctuation"},";"),a(`
446`),n("span",{class:"token punctuation"},"}"),a(`
447`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("style")]),n("span",{class:"token punctuation"},">")]),a(`
448`)])],-1)])]),jsVersionHtml:d(()=>[...s[3]||(s[3]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
449  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table")]),a(),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("columns"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("data"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"bordered"),n("span",{class:"token punctuation"},">")]),a(`
450    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#bodyCell"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ column, text }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
451      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("column.dataIndex === 'name'"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
452        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a")]),n("span",{class:"token punctuation"},">")]),a("{{ text }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
453      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
454    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
455    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#title"),n("span",{class:"token punctuation"},">")]),a("Header"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
456    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#footer"),n("span",{class:"token punctuation"},">")]),a("Footer"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
457  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table")]),n("span",{class:"token punctuation"},">")]),a(`
458`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
459`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"}

459,"<"),a("script")]),a(),n("span",{class:"token attr-name"},"setup"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
460`),n("span",{class:"token keyword"},"const"),a(" columns "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
461  `),n("span",{class:"token punctuation"},"{"),a(`
462    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Name'"),n("span",{class:"token punctuation"},","),a(`
463    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
464  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
465  `),n("span",{class:"token punctuation"},"{"),a(`
466    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Cash Assets'"),n("span",{class:"token punctuation"},","),a(`
467    `),n("span",{class:"token literal-property property"},"className"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'column-money'"),n("span",{class:"token punctuation"},","),a(`
468    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'money'"),n("span",{class:"token punctuation"},","),a(`
469  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
470  `),n("span",{class:"token punctuation"},"{"),a(`
471    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Address'"),n("span",{class:"token punctuation"},","),a(`
472    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
473  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
474`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
475`),n("span",{class:"token keyword"},"const"),a(" data "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
476  `),n("span",{class:"token punctuation"},"{"),a(`
477    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'1'"),n("span",{class:"token punctuation"},","),a(`
478    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'John Brown'"),n("span",{class:"token punctuation"},","),a(`
479    `),n("span",{class:"token literal-property property"},"money"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'\uFFE5300,000.00'"),n("span",{class:"token punctuation"},","),a(`
480    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'New York No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
481  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
482  `),n("span",{class:"token punctuation"},"{"),a(`
483    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'2'"),n("span",{class:"token punctuation"},","),a(`
484    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jim Green'"),n("span",{class:"token punctuation"},","),a(`
485    `),n("span",{class:"token literal-property property"},"money"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'\uFFE51,256,000.00'"),n("span",{class:"token punctuation"},","),a(`
486    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'London No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
487  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
488  `),n("span",{class:"token punctuation"},"{"),a(`
489    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'3'"),n("span",{class:"token punctuation"},","),a(`
490    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Joe Black'"),n("span",{class:"token punctuation"},","),a(`
491    `),n("span",{class:"token literal-property property"},"money"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'\uFFE5120,000.00'"),n("span",{class:"token punctuation"},","),a(`
492    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"}

492,"'Sidney No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
493  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
494`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
495`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
496`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("style")]),a(),n("span",{class:"token attr-name"},"scoped"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token style"},[n("span",{class:"token language-css"},[a(`
497`),n("span",{class:"token selector"},`th.column-money,
498td.column-money`),a(),n("span",{class:"token punctuation"},"{"),a(`
499  `),n("span",{class:"token property"},"text-align"),n("span",{class:"token punctuation"},":"),a(" right "),n("span",{class:"token important"},"!important"),n("span",{class:"token punctuation"},";"),a(`
500`),n("span",{class:"token punctuation"},"}"),a(`
501`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("style")]),n("span",{class:"token punctuation"},">")]),a(`
502`)])],-1)])]),_:1})}}});const Pt=M(Dt,[["__scopeId","data-v-2e7d183b"]]),Tt={key:0,href:"javascript:;"}

502,zt=F({__name:"colspan-rowspan",setup(t){const o=(s,e)=>{if(e===4)return{colSpan:0}},p=[{key:"1",name:"John Brown",age:32,tel:"0571-22098909",phone:18889898989,address:"New York No. 1 Lake Park"},{key:"2",name:"Jim Green",tel:"0571-22098333",phone:18889898888,age:42,address:"London No. 1 Lake Park"},{key:"3",name:"Joe Black",age:32,tel:"0575-22098909",phone:18900010002,address:"Sidney No. 1 Lake Park"},{key:"4",name:"Jim Red",age:18,tel:"0575-22098909",phone:18900010002,address:"London No. 2 Lake Park"},{key:"5",name:"Jake White",age:18,tel:"0575-22098909",phone:18900010002,address:"Dublin No. 2 Lake Park"}],c=[{title:"Name",dataIndex:"name",customCell:(s,e)=>({colSpan:e<4?1:5})},{title:"Age",dataIndex:"age",customCell:o},{title:"Home phone",colSpan:2,dataIndex:"tel",customCell:(s,e)=>{if(e===2)return{rowSpan:2};if(e===3)return{rowSpan:0};if(e===4)return{colSpan:0}}},{title:"Phone",colSpan:0,dataIndex:"phone",customCell:o},{title:"Address",dataIndex:"address",customCell:o}];return(s,e)=>{const r=I("a-table"),l=I("demo-box");return m(),x(l,{jsfiddle:{us:"Table column title supports `colSpan` that set in `column`.\nTable cell supports `colSpan` and `rowSpan` that set in render return object. When each of them is set to `0`, the cell will not be rendered.",cn:`\u8868\u5934\u53EA\u652F\u6301\u5217\u5408\u5E76\uFF0C\u4F7F\u7528 column \u91CC\u7684 colSpan \u8FDB\u884C\u8BBE\u7F6E\u3002
503\u8868\u683C\u652F\u6301\u884C/\u5217\u5408\u5E76\uFF0C\u4F7F\u7528 render \u91CC\u7684\u5355\u5143\u683C\u5C5E\u6027 colSpan \u6216\u8005 rowSpan \u8BBE\u503C\u4E3A 0 \u65F6\uFF0C\u8BBE\u7F6E\u7684\u8868\u683C\u4E0D\u4F1A\u6E32\u67D3\u3002`,docHtml:`<h2 id="zh-cn">zh-CN <a class="header-anchor" href="#zh-cn">
504          <span aria-hidden="true" class="anchor">#</span>
505        </a></h2>
506<p>\u8868\u5934\u53EA\u652F\u6301\u5217\u5408\u5E76\uFF0C\u4F7F\u7528 column \u91CC\u7684 colSpan \u8FDB\u884C\u8BBE\u7F6E\u3002
507\u8868\u683C\u652F\u6301\u884C/\u5217\u5408\u5E76\uFF0C\u4F7F\u7528 render \u91CC\u7684\u5355\u5143\u683C\u5C5E\u6027 colSpan \u6216\u8005 rowSpan \u8BBE\u503C\u4E3A 0 \u65F6\uFF0C\u8BBE\u7F6E\u7684\u8868\u683C\u4E0D\u4F1A\u6E32\u67D3\u3002</p>
508<h2 id="en-us">en-US <a class="header-anchor" href="#en-us">
509          <span aria-hidden="true" class="anchor">#</span>
510        </a></h2>
511<p>Table column title supports <code>colSpan</code> that set in <code>column</code>.
512Table cell supports <code>colSpan</code> and <code>rowSpan</code> that set in render return object. When each of them is set to <code>0</code>, the cell will not be rendered.</p>
513`,order:4,title:{"en-US":"ColSpan and rowSpan","zh-CN":"\u8868\u683C\u884C/\u5217\u5408\u5E76"},relativePath:"components/table/demo/colspan-rowspan.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXRhYmxlIDpjb2x1bW5zPSJjb2x1bW5zIiA6ZGF0YS1zb3VyY2U9ImRhdGEiIGJvcmRlcmVkPgogICAgPHRlbXBsYXRlICNib2R5Q2VsbD0ieyBjb2x1bW4sIHRleHQgfSI+CiAgICAgIDx0ZW1wbGF0ZSB2LWlmPSJjb2x1bW4uZGF0YUluZGV4ID09PSAnbmFtZSciPgogICAgICAgIDxhIGhyZWY9ImphdmFzY3JpcHQ6OyI+e3sgdGV4dCB9fTwvYT4KICAgICAgPC90ZW1wbGF0ZT4KICAgIDwvdGVtcGxhdGU+CiAgPC9hLXRhYmxlPgo8L3RlbXBsYXRlPgo8c2NyaXB0IGxhbmc9InRzIiBzZXR1cD4KaW1wb3J0IHR5cGUgeyBUYWJsZUNvbHVtblR5cGUgfSBmcm9tICdhbnQtZGVzaWduLXZ1ZSc7Ci8vIEluIHRoZSBmaWZ0aCByb3csIG90aGVyIGNvbHVtbnMgYXJlIG1lcmdlZCBpbnRvIGZpcnN0IGNvbHVtbgovLyBieSBzZXR0aW5nIGl0J3MgY29sU3BhbiB0byBiZSAwCmNvbnN0IHNoYXJlZE9uQ2VsbCA9IChfLCBpbmRleCkgPT4gewogIGlmIChpbmRleCA9PT0gNCkgewogICAgcmV0dXJuIHsgY29sU3BhbjogMCB9OwogIH0KfTsKCmNvbnN0IGRhdGEgPSBbCiAgewogICAga2V5OiAnMScsCiAgICBuYW1lOiAnSm9obiBCcm93bicsCiAgICBhZ2U6IDMyLAogICAgdGVsOiAnMDU3MS0yMjA5ODkwOScsCiAgICBwaG9uZTogMTg4ODk4OTg5ODksCiAgICBhZGRyZXNzOiAnTmV3IFlvcmsgTm8uIDEgTGFrZSBQYXJrJywKICB9LAogIHsKICAgIGtleTogJzInLAogICAgbmFtZTogJ0ppbSBHcmVlbicsCiAgICB0ZWw6ICcwNTcxLTIyMDk4MzMzJywKICAgIHBob25lOiAxODg4OTg5ODg4OCwKICAgIGFnZTogNDIsCiAgICBhZGRyZXNzOiAnTG9uZG9uIE5vLiAxIExha2UgUGFyaycsCiAgfSwKICB7CiAgICBrZXk6ICczJywKICAgIG5hbWU6ICdKb2UgQmxhY2snLAogICAgYWdlOiAzMiwKICAgIHRlbDogJzA1NzUtMjIwOTg5MDknLAogICAgcGhvbmU6IDE4OTAwMDEwMDAyLAogICAgYWRkcmVzczogJ1NpZG5leSBOby4gMSBMYWtlIFBhcmsnLAogIH0sCiAgewogICAga2V5OiAnNCcsCiAgICBuYW1lOiAnSmltIFJlZCcsCiAgICBhZ2U6IDE4LAogICAgdGVsOiAnMDU3NS0yMjA5ODkwOScsCiAgICBwaG9uZTogMTg5MDAwMTAwMDIsCiAgICBhZGRyZXNzOiAnTG9uZG9uIE5vLiAyIExha2UgUGFyaycsCiAgfSwKICB7CiAgICBrZXk6ICc1JywKICAgIG5hbWU6ICdKYWtlIFdoaXRlJywKICAgIGFnZTogMTgsCiAgICB0ZWw6ICcwNTc1LTIyMDk4OTA5JywKICAgIHBob25lOiAxODkwMDAxMDAwMiwKICAgIGFkZHJlc3M6ICdEdWJsaW4gTm8uIDIgTGFrZSBQYXJrJywKICB9LApdOwoKY29uc3QgY29sdW1uczogVGFibGVDb2x1bW5UeXBlW10gPSBbCiAgewogICAgdGl0bGU6ICdOYW1lJywKICAgIGRhdGFJbmRleDogJ25hbWUnLAogICAgY3VzdG9tQ2VsbDogKF8sIGluZGV4KSA9PiAoewogICAgICBjb2xTcGFuOiBpbmRleCA8IDQgPyAxIDogNSwKICAgIH0pLAogIH0sCiAgewogICAgdGl0bGU6ICdBZ2UnLAogICAgZGF0YUluZGV4OiAnYWdlJywKICAgIGN1c3RvbUNlbGw6IHNoYXJlZE9uQ2VsbCwKICB9LAogIHsKICAgIHRpdGxlOiAnSG9tZSBwaG9uZScsCiAgICBjb2xTcGFuOiAyLAogICAgZGF0YUluZGV4OiAndGVsJywKICAgIGN1c3RvbUNlbGw6IChfLCBpbmRleCkgPT4gewogICAgICBpZiAoaW5kZXggPT09IDIpIHsKICAgICAgICByZXR1cm4geyByb3dTcGFuOiAyIH07CiAgICAgI

513H0KICAgICAgLy8gVGhlc2UgdHdvIGFyZSBtZXJnZWQgaW50byBhYm92ZSBjZWxsCiAgICAgIGlmIChpbmRleCA9PT0gMykgewogICAgICAgIHJldHVybiB7IHJvd1NwYW46IDAgfTsKICAgICAgfQogICAgICBpZiAoaW5kZXggPT09IDQpIHsKICAgICAgICByZXR1cm4geyBjb2xTcGFuOiAwIH07CiAgICAgIH0KICAgIH0sCiAgfSwKICB7CiAgICB0aXRsZTogJ1Bob25lJywKICAgIGNvbFNwYW46IDAsCiAgICBkYXRhSW5kZXg6ICdwaG9uZScsCiAgICBjdXN0b21DZWxsOiBzaGFyZWRPbkNlbGwsCiAgfSwKICB7CiAgICB0aXRsZTogJ0FkZHJlc3MnLAogICAgZGF0YUluZGV4OiAnYWRkcmVzcycsCiAgICBjdXN0b21DZWxsOiBzaGFyZWRPbkNlbGwsCiAgfSwKXTsKPC9zY3JpcHQ+Cgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXRhYmxlIDpjb2x1bW5zPSJjb2x1bW5zIiA6ZGF0YS1zb3VyY2U9ImRhdGEiIGJvcmRlcmVkPgogICAgPHRlbXBsYXRlICNib2R5Q2VsbD0ieyBjb2x1bW4sIHRleHQgfSI+CiAgICAgIDx0ZW1wbGF0ZSB2LWlmPSJjb2x1bW4uZGF0YUluZGV4ID09PSAnbmFtZSciPgogICAgICAgIDxhIGhyZWY9ImphdmFzY3JpcHQ6OyI+e3sgdGV4dCB9fTwvYT4KICAgICAgPC90ZW1wbGF0ZT4KICAgIDwvdGVtcGxhdGU+CiAgPC9hLXRhYmxlPgo8L3RlbXBsYXRlPgo8c2NyaXB0IHNldHVwPgovLyBJbiB0aGUgZmlmdGggcm93LCBvdGhlciBjb2x1bW5zIGFyZSBtZXJnZWQgaW50byBmaXJzdCBjb2x1bW4KLy8gYnkgc2V0dGluZyBpdCdzIGNvbFNwYW4gdG8gYmUgMApjb25zdCBzaGFyZWRPbkNlbGwgPSAoXywgaW5kZXgpID0+IHsKICBpZiAoaW5kZXggPT09IDQpIHsKICAgIHJldHVybiB7CiAgICAgIGNvbFNwYW46IDAsCiAgICB9OwogIH0KfTsKY29uc3QgZGF0YSA9IFsKICB7CiAgICBrZXk6ICcxJywKICAgIG5hbWU6ICdKb2huIEJyb3duJywKICAgIGFnZTogMzIsCiAgICB0ZWw6ICcwNTcxLTIyMDk4OTA5JywKICAgIHBob25lOiAxODg4OTg5ODk4OSwKICAgIGFkZHJlc3M6ICdOZXcgWW9yayBOby4gMSBMYWtlIFBhcmsnLAogIH0sCiAgewogICAga2V5OiAnMicsCiAgICBuYW1lOiAnSmltIEdyZWVuJywKICAgIHRlbDogJzA1NzEtMjIwOTgzMzMnLAogICAgcGhvbmU6IDE4ODg5ODk4ODg4LAogICAgYWdlOiA0MiwKICAgIGFkZHJlc3M6ICdMb25kb24gTm8uIDEgTGFrZSBQYXJrJywKICB9LAogIHsKICAgIGtleTogJzMnLAogICAgbmFtZTogJ0pvZSBCbGFjaycsCiAgICBhZ2U6IDMyLAogICAgdGVsOiAnMDU3NS0yMjA5ODkwOScsCiAgICBwaG9uZTogMTg5MDAwMTAwMDIsCiAgICBhZGRyZXNzOiAnU2lkbmV5IE5vLiAxIExha2UgUGFyaycsCiAgfSwKICB7CiAgICBrZXk6ICc0JywKICAgIG5hbWU6ICdKaW0gUmVkJywKICAgIGFnZTogMTgsCiAgICB0ZWw6ICcwNTc1LTIyMDk4OTA5JywKICAgIHBob25lOiAxODkwMDAxMDAwMiwKICAgIGFkZHJlc3M6ICdMb25kb24gTm8uIDIgTGFrZSBQYXJrJywKICB9LAogIHsKICAgIGtleTogJzUnLAogICAgbmFtZTogJ0pha2UgV2hpdGUnLAogICAgYWdlOiAxOCwKICAgIHRlbDogJzA1NzUtMjIwOTg5MDknLAogICAgcGhvbmU6IDE4OTAwMDEwMDAyLAogICAgYWRkcmVzczogJ0R1YmxpbiBOby4gMiBMYWtlIFBhcmsnLAogIH0sCl07CmNvbnN0IGNvbHVtbnMgPSBbCiAgewogICAgdGl0bGU6ICdOYW1lJywKICAgIGRhdGFJbmRleDogJ25hbWUnLAogICAgY3VzdG9tQ2VsbDogKF8sIGluZGV4KSA9PiAoewogICAgICBjb2xTcGFuOiBpbmRleCA8IDQgPyAxIDogNSwKICAgIH0pLAogIH0sCiAgewogICAgdGl0bGU6ICdBZ2UnLAogICAgZGF0YUluZGV4OiAnYWdlJywKICAgIGN1c3RvbUNlbGw6IHNoYXJlZE9uQ2VsbCwKICB9LAogIHsKICAgIHRpdGxlOiAnSG9tZSBwaG9uZScsCiAgICBjb2xTcGFuOiAyLAogICAgZGF0YUluZGV4OiAndGVsJywKICAgIGN1c3RvbUNlbGw6IChfLCBpbmRleCkgPT4gewogICAgICBpZiAoaW5kZXggPT09IDIpIHsKICAgICAgICByZXR1cm4gewogICAgICAgICAgcm93U3BhbjogMiwKICAgICAgICB9OwogICAgICB9CiAgICAgIC8vIFRoZXNlIHR3byBhcmUgbWVyZ2VkIGludG8gYWJvdmUgY2VsbAogICAgICBpZiAoaW5kZXggPT09IDMpIHsKICAgICAgICByZXR1cm4gewogICAgICAgICAgcm93U3BhbjogMCwKICAgICAgICB9OwogICAgICB9CiAgICAgIGlmIChpbmRleCA9PT0gNCkgewogICAgICAgIHJldHVybiB7CiAgICAgICAgICBjb2xTcGFuOiAwLAogICAgICAgIH07CiAgICAgIH0KICAgIH0sCiAgfSwKICB7CiAgICB0aXRsZTogJ1Bob25lJywKICAgIGNvbFNwYW46IDAsCiAgICBkYXRhSW5kZXg6ICdwaG9uZScsCiAgICBjdXN0b21DZWxsOiBzaGFyZWRPbkNlbGwsCiAgfSwKICB7CiAgICB0aXRsZTogJ0FkZHJlc3MnLAogICAgZGF0YUluZGV4OiAnYWRkcmVzcycsCiAgICBjdXN0b21DZWxsOiBzaGFyZWRPbkNlbGwsCiAgfSwKXTsKZXhwb3J0IHt9Owo8L3NjcmlwdD4="}},{default:d(()=>[C(r,{columns:c,"data-source":p,bordered:""},{bodyCell:d(({column:u,text:i})=>[u.dataIndex==="name"?(m(),W("a",Tt,L(i),1)):K("",!0)]),_:1})]),htmlCode:d(()=>[...e[0]||(e[0]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
514  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table")]),a(),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("columns"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("data"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"bordered"),n("span",{class:"token punctuation"},">")]),a(`
515    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#bodyCell"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ column, text }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
516      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"}

516,'"'),a("column.dataIndex === 'name'"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
517        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a")]),a(),n("span",{class:"token attr-name"},"href"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("javascript:;"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("{{ text }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
518      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
519    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
520  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table")]),n("span",{class:"token punctuation"},">")]),a(`
521`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
522`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ts"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"setup"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
523`),n("span",{class:"token keyword"},"import"),a(" type "),n("span",{class:"token punctuation"},"{"),a(" TableColumnType "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'ant-design-vue'"),n("span",{class:"token punctuation"},";"),a(`
524`),n("span",{class:"token comment"},"// In the fifth row, other columns are merged into first column"),a(`
525`),n("span",{class:"token comment"},"// by setting it's colSpan to be 0"),a(`
526`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"sharedOnCell"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("_"),n("span",{class:"token punctuation"},","),a(" index")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
527  `),n("span",{class:"token keyword"},"if"),a(),n("span",{class:"token punctuation"},"("),a("index "),n("span",{class:"token operator"},"==="),a(),n("span",{class:"token number"},"4"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
528    `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"colSpan"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"0"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
529  `),n("span",{class:"token punctuation"},"}"),a(`
530`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
531
532`),n("span",{class:"token keyword"},"const"),a(" data "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
533  `),n("span",{class:"token punctuation"},"{"),a(`
534    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'1'"),n("span",{class:"token punctuation"},","),a(`
535    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'John Brown'"),n("span",{class:"token punctuation"},","),a(`
536    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
537    `),n("span",{class:"token literal-property property"},"tel"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'0571-22098909'"),n("span",{class:"token punctuation"},","),a(`
538    `),n("span",{class:"token literal-property property"},"phone"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"18889898989"),n("span",{class:"token punctuation"},","),a(`
539    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'New York No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
540  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
541  `),n("span",{class:"token punctuation"},"{"),a(`
542    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'2'"),n("span",{class:"token punctuation"},","),a(`
543    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jim Green'"),n("span",{class:"token punctuation"},","),a(`
544    `),n("span",{class:"token literal-property property"},"tel"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'0571-22098333'"),n("span",{class:"token punctuation"},","),a(`
545    `),n("span",{class:"token literal-property property"},"phone"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"18889898888"),n("span",{class:"token punctuation"},","),a(`
546    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"42"),n("span",{class:"token punctuation"},","),a(`
547    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'London No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
548  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
549  `),n("span",{class:"token punctuation"},"{"),a(`
550    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'3'"),n("span",{class:"token punctuation"},","),a(`
551    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Joe Black'"),n("span",{class:"token punctuation"},","),a(`
552    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
553    `),n("span",{class:"token literal-property property"},"tel"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'0575-22098909'"),n("span",{class:"token punctuation"},","),a(`
554    `),n("span",{class:"token literal-property property"},"phone"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"18900010002"),n("span",{class:"token punctuation"},","),a(`
555    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"}

555,"'Sidney No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
556  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
557  `),n("span",{class:"token punctuation"},"{"),a(`
558    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'4'"),n("span",{class:"token punctuation"},","),a(`
559    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jim Red'"),n("span",{class:"token punctuation"},","),a(`
560    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"18"),n("span",{class:"token punctuation"},","),a(`
561    `),n("span",{class:"token literal-property property"},"tel"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'0575-22098909'"),n("span",{class:"token punctuation"},","),a(`
562    `),n("span",{class:"token literal-property property"},"phone"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"18900010002"),n("span",{class:"token punctuation"},","),a(`
563    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'London No. 2 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
564  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
565  `),n("span",{class:"token punctuation"},"{"),a(`
566    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'5'"),n("span",{class:"token punctuation"},","),a(`
567    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jake White'"),n("span",{class:"token punctuation"},","),a(`
568    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"18"),n("span",{class:"token punctuation"},","),a(`
569    `),n("span",{class:"token literal-property property"},"tel"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'0575-22098909'"),n("span",{class:"token punctuation"},","),a(`
570    `),n("span",{class:"token literal-property property"},"phone"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"18900010002"),n("span",{class:"token punctuation"},","),a(`
571    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Dublin No. 2 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
572  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
573`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
574
575`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token literal-property property"},"columns"),n("span",{class:"token operator"},":"),a(" TableColumnType"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
576  `),n("span",{class:"token punctuation"},"{"),a(`
577    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Name'"),n("span",{class:"token punctuation"},","),a(`
578    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
579    `),n("span",{class:"token function-variable function"},"customCell"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("_"),n("span",{class:"token punctuation"},","),a(" index")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
580      `),n("span",{class:"token literal-property property"},"colSpan"),n("span",{class:"token operator"},":"),a(" index "),n("span",{class:"token operator"},"<"),a(),n("span",{class:"token number"},"4"),a(),n("span",{class:"token operator"},"?"),a(),n("span",{class:"token number"},"1"),a(),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"5"),n("span",{class:"token punctuation"},","),a(`
581    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
582  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
583  `),n("span",{class:"token punctuation"},"{"),a(`
584    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Age'"),n("span",{class:"token punctuation"},","),a(`
585    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'age'"),n("span",{class:"token punctuation"},","),a(`
586    `),n("span",{class:"token literal-property property"},"customCell"),n("span",{class:"token operator"},":"),a(" sharedOnCell"),n("span",{class:"token punctuation"},","),a(`
587  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
588  `),n("span",{class:"token punctuation"},"{"),a(`
589    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Home phone'"),n("span",{class:"token punctuation"},","),a(`
590    `),n("span",{class:"token literal-property property"},"colSpan"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"2"),n("span",{class:"token punctuation"},","),a(`
591    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'tel'"),n("span",{class:"token punctuation"},","),a(`
592    `),n("span",{class:"token function-variable function"},"customCell"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("_"),n("span",{class:"token punctuation"}

592,","),a(" index")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
593      `),n("span",{class:"token keyword"},"if"),a(),n("span",{class:"token punctuation"},"("),a("index "),n("span",{class:"token operator"},"==="),a(),n("span",{class:"token number"},"2"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
594        `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"rowSpan"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"2"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
595      `),n("span",{class:"token punctuation"},"}"),a(`
596      `),n("span",{class:"token comment"},"// These two are merged into above cell"),a(`
597      `),n("span",{class:"token keyword"},"if"),a(),n("span",{class:"token punctuation"},"("),a("index "),n("span",{class:"token operator"},"==="),a(),n("span",{class:"token number"},"3"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
598        `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"rowSpan"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"0"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
599      `),n("span",{class:"token punctuation"},"}"),a(`
600      `),n("span",{class:"token keyword"},"if"),a(),n("span",{class:"token punctuation"},"("),a("index "),n("span",{class:"token operator"},"==="),a(),n("span",{class:"token number"},"4"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
601        `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"colSpan"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"0"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
602      `),n("span",{class:"token punctuation"},"}"),a(`
603    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
604  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
605  `),n("span",{class:"token punctuation"},"{"),a(`
606    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Phone'"),n("span",{class:"token punctuation"},","),a(`
607    `),n("span",{class:"token literal-property property"},"colSpan"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},","),a(`
608    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'phone'"),n("span",{class:"token punctuation"},","),a(`
609    `),n("span",{class:"token literal-property property"},"customCell"),n("span",{class:"token operator"},":"),a(" sharedOnCell"),n("span",{class:"token punctuation"},","),a(`
610  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
611  `),n("span",{class:"token punctuation"},"{"),a(`
612    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Address'"),n("span",{class:"token punctuation"},","),a(`
613    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
614    `),n("span",{class:"token literal-property property"},"customCell"),n("span",{class:"token operator"},":"),a(" sharedOnCell"),n("span",{class:"token punctuation"},","),a(`
615  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
616`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
617`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"}

617,"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
618`)])],-1)])]),jsVersionHtml:d(()=>[...e[1]||(e[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
619  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table")]),a(),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("columns"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("data"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"bordered"),n("span",{class:"token punctuation"},">")]),a(`
620    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#bodyCell"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ column, text }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
621      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("column.dataIndex === 'name'"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
622        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a")]),a(),n("span",{class:"token attr-name"},"href"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("javascript:;"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("{{ text }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
623      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
624    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
625  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table")]),n("span",{class:"token punctuation"},">")]),a(`
626`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
627`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),n("span",{class:"token attr-name"},"setup"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
628`),n("span",{class:"token comment"},"// In the fifth row, other columns are merged into first column"),a(`
629`),n("span",{class:"token comment"},"// by setting it's colSpan to be 0"),a(`
630`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"sharedOnCell"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("_"),n("span",{class:"token punctuation"},","),a(" index")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
631  `),n("span",{class:"token keyword"},"if"),a(),n("span",{class:"token punctuation"},"("),a("index "),n("span",{class:"token operator"},"==="),a(),n("span",{class:"token number"},"4"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
632    `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
633      `),n("span",{class:"token literal-property property"},"colSpan"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},","),a(`
634    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
635  `),n("span",{class:"token punctuation"},"}"),a(`
636`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
637`),n("span",{class:"token keyword"},"const"),a(" data "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
638  `),n("span",{class:"token punctuation"},"{"),a(`
639    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'1'"),n("span",{class:"token punctuation"},","),a(`
640    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'John Brown'"),n("span",{class:"token punctuation"},","),a(`
641    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
642    `),n("span",{class:"token literal-property property"},"tel"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'0571-22098909'"),n("span",{class:"token punctuation"},","),a(`
643    `),n("span",{class:"token literal-property property"},"phone"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"18889898989"),n("span",{class:"token punctuation"},","),a(`
644    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'New York No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
645  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
646  `),n("span",{class:"token punctuation"},"{"),a(`
647    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'2'"),n("span",{class:"token punctuation"},","),a(`
648    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jim Green'"),n("span",{class:"token punctuation"},","),a(`
649    `),n("span",{class:"token literal-property property"},"tel"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'0571-22098333'"),n("span",{class:"token punctuation"},","),a(`
650    `),n("span",{class:"token literal-property property"},"phone"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"18889898888"),n("span",{class:"token punctuation"},","),a(`
651    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"42"),n("span",{class:"token punctuation"},","),a(`
652    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'London No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
653  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
654  `),n("span",{class:"token punctuation"},"{"),a(`
655    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'3'"),n("span",{class:"token punctuation"},","),a(`
656    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Joe Black'"),n("span",{class:"token punctuation"},","),a(`
657    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
658    `),n("span",{class:"token literal-property property"},"tel"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'0575-22098909'"),n("span",{class:"token punctuation"},","),a(`
659    `),n("span",{class:"token literal-property property"},"phone"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"18900010002"),n("span",{class:"token punctuation"},","),a(`
660    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"}

660,"'Sidney No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
661  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
662  `),n("span",{class:"token punctuation"},"{"),a(`
663    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'4'"),n("span",{class:"token punctuation"},","),a(`
664    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jim Red'"),n("span",{class:"token punctuation"},","),a(`
665    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"18"),n("span",{class:"token punctuation"},","),a(`
666    `),n("span",{class:"token literal-property property"},"tel"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'0575-22098909'"),n("span",{class:"token punctuation"},","),a(`
667    `),n("span",{class:"token literal-property property"},"phone"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"18900010002"),n("span",{class:"token punctuation"},","),a(`
668    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'London No. 2 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
669  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
670  `),n("span",{class:"token punctuation"},"{"),a(`
671    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'5'"),n("span",{class:"token punctuation"},","),a(`
672    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jake White'"),n("span",{class:"token punctuation"},","),a(`
673    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"18"),n("span",{class:"token punctuation"},","),a(`
674    `),n("span",{class:"token literal-property property"},"tel"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'0575-22098909'"),n("span",{class:"token punctuation"},","),a(`
675    `),n("span",{class:"token literal-property property"},"phone"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"18900010002"),n("span",{class:"token punctuation"},","),a(`
676    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Dublin No. 2 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
677  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
678`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
679`),n("span",{class:"token keyword"},"const"),a(" columns "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
680  `),n("span",{class:"token punctuation"},"{"),a(`
681    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Name'"),n("span",{class:"token punctuation"},","),a(`
682    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
683    `),n("span",{class:"token function-variable function"},"customCell"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("_"),n("span",{class:"token punctuation"},","),a(" index")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
684      `),n("span",{class:"token literal-property property"},"colSpan"),n("span",{class:"token operator"},":"),a(" index "),n("span",{class:"token operator"},"<"),a(),n("span",{class:"token number"},"4"),a(),n("span",{class:"token operator"},"?"),a(),n("span",{class:"token number"},"1"),a(),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"5"),n("span",{class:"token punctuation"},","),a(`
685    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
686  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
687  `),n("span",{class:"token punctuation"},"{"),a(`
688    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Age'"),n("span",{class:"token punctuation"},","),a(`
689    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'age'"),n("span",{class:"token punctuation"},","),a(`
690    `),n("span",{class:"token literal-property property"},"customCell"),n("span",{class:"token operator"},":"),a(" sharedOnCell"),n("span",{class:"token punctuation"},","),a(`
691  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
692  `),n("span",{class:"token punctuation"},"{"),a(`
693    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Home phone'"),n("span",{class:"token punctuation"},","),a(`
694    `),n("span",{class:"token literal-property property"},"colSpan"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"2"),n("span",{class:"token punctuation"},","),a(`
695    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'tel'"),n("span",{class:"token punctuation"},","),a(`
696    `),n("span",{class:"token function-variable function"},"customCell"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("_"),n("span",{class:"token punctuation"}

696,","),a(" index")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
697      `),n("span",{class:"token keyword"},"if"),a(),n("span",{class:"token punctuation"},"("),a("index "),n("span",{class:"token operator"},"==="),a(),n("span",{class:"token number"},"2"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
698        `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
699          `),n("span",{class:"token literal-property property"},"rowSpan"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"2"),n("span",{class:"token punctuation"},","),a(`
700        `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
701      `),n("span",{class:"token punctuation"},"}"),a(`
702      `),n("span",{class:"token comment"},"// These two are merged into above cell"),a(`
703      `),n("span",{class:"token keyword"},"if"),a(),n("span",{class:"token punctuation"},"("),a("index "),n("span",{class:"token operator"},"==="),a(),n("span",{class:"token number"},"3"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
704        `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
705          `),n("span",{class:"token literal-property property"},"rowSpan"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},","),a(`
706        `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
707      `),n("span",{class:"token punctuation"},"}"),a(`
708      `),n("span",{class:"token keyword"},"if"),a(),n("span",{class:"token punctuation"},"("),a("index "),n("span",{class:"token operator"},"==="),a(),n("span",{class:"token number"},"4"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
709        `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
710          `),n("span",{class:"token literal-property property"},"colSpan"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},","),a(`
711        `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
712      `),n("span",{class:"token punctuation"},"}"),a(`
713    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
714  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
715  `),n("span",{class:"token punctuation"},"{"),a(`
716    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Phone'"),n("span",{class:"token punctuation"},","),a(`
717    `),n("span",{class:"token literal-property property"},"colSpan"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},","),a(`
718    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'phone'"),n("span",{class:"token punctuation"},","),a(`
719    `),n("span",{class:"token literal-property property"},"customCell"),n("span",{class:"token operator"},":"),a(" sharedOnCell"),n("span",{class:"token punctuation"},","),a(`
720  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
721  `),n("span",{class:"token punctuation"},"{"),a(`
722    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Address'"),n("span",{class:"token punctuation"},","),a(`
723    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
724    `),n("span",{class:"token literal-property property"},"customCell"),n("span",{class:"token operator"},":"),a(" sharedOnCell"),n("span",{class:"token punctuation"},","),a(`
725  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
726`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
727`),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token punctuation"},"{"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
728`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"}

728,"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
729`)])],-1)])]),_:1})}}}),Ut={key:0,style:{color:"#1890ff"}},Et={style:{padding:"8px"}},Ot={key:0},jt=F({__name:"custom-filter-panel",setup(t){const o=[{key:"1",name:"John Brown",age:32,address:"New York No. 1 Lake Park"},{key:"2",name:"Joe Black",age:42,address:"London No. 1 Lake Park"},{key:"3",name:"Jim Green",age:32,address:"Sidney No. 1 Lake Park"},{key:"4",name:"Jim Red",age:32,address:"London No. 2 Lake Park"}],p=gn({searchText:"",searchedColumn:""}),c=S(),s=[{title:"Name",dataIndex:"name",key:"name",customFilterDropdown:!0,onFilter:(l,u)=>u.name.toString().toLowerCase().includes(l.toLowerCase()),onFilterDropdownOpenChange:l=>{l&&setTimeout(()=>{c.value.focus()},100)}},{title:"Age",dataIndex:"age",key:"age"},{title:"Address",dataIndex:"address",key:"address",customFilterDropdown:!0,onFilter:(l,u)=>u.address.toString().toLowerCase().includes(l.toLowerCase()),onFilterDropdownOpenChange:l=>{l&&setTimeout(()=>{c.value.focus()},100)}}],e=(l,u,i)=>{u(),p.searchText=l[0],p.searchedColumn=i},r=l=>{l({confirm:!0}),p.searchText=""};return(l,u)=>{const i=I("a-input"),g=I("a-button"),k=I("a-table"),y=I("demo-box");return m(),x(y,{jsfiddle:{us:"Implement a customized column search example via `customFilterDropdown`.",cn:"\u901A\u8FC7 `customFilterDropdown` \u5B9A\u4E49\u81EA\u5B9A\u4E49\u7684\u5217\u7B5B\u9009\u529F\u80FD\uFF0C\u5E76\u5B9E\u73B0\u4E00\u4E2A\u641C\u7D22\u5217\u7684\u793A\u4F8B\u3002",docHtml:`<h2 id="zh-cn">zh-CN <a class="header-anchor" href="#zh-cn">
730          <span aria-hidden="true" class="anchor">#</span>
731        </a></h2>
732<p>\u901A\u8FC7 <code>customFilterDropdown</code> \u5B9A\u4E49\u81EA\u5B9A\u4E49\u7684\u5217\u7B5B\u9009\u529F\u80FD\uFF0C\u5E76\u5B9E\u73B0\u4E00\u4E2A\u641C\u7D22\u5217\u7684\u793A\u4F8B\u3002</p>
733<h2 id="en-us">en-US <a class="header-anchor" href="#en-us">
734          <span aria-hidden="true" class="anchor">#</span>
735        </a></h2>
736<p>Implement a customized column search example via <code>customFilterDropdown</code>.</p>
737`,order:5,title:{"en-US":"Customized filter panel","zh-CN":"\u81EA\u5B9A\u4E49\u7B5B\u9009\u83DC\u5355"},relativePath:"components/table/demo/custom-filter-panel.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXRhYmxlIDpkYXRhLXNvdXJjZT0iZGF0YSIgOmNvbHVtbnM9ImNvbHVtbnMiPgogICAgPHRlbXBsYXRlICNoZWFkZXJDZWxsPSJ7IGNvbHVtbiB9Ij4KICAgICAgPHRlbXBsYXRlIHYtaWY9ImNvbHVtbi5rZXkgPT09ICduYW1lJyI+CiAgICAgICAgPHNwYW4gc3R5bGU9ImNvbG9yOiAjMTg5MGZmIj5OYW1lPC9zcGFuPgogICAgICA8L3RlbXBsYXRlPgogICAgPC90ZW1wbGF0ZT4KICAgIDx0ZW1wbGF0ZQogICAgICAjY3VzdG9tRmlsdGVyRHJvcGRvd249Insgc2V0U2VsZWN0ZWRLZXlzLCBzZWxlY3RlZEtleXMsIGNvbmZpcm0sIGNsZWFyRmlsdGVycywgY29sdW1uIH0iCiAgICA+CiAgICAgIDxkaXYgc3R5bGU9InBhZGRpbmc6IDhweCI+CiAgICAgICAgPGEtaW5wdXQKICAgICAgICAgIHJlZj0ic2VhcmNoSW5wdXQiCiAgICAgICAgICA6cGxhY2Vob2xkZXI9ImBTZWFyY2ggJHtjb2x1bW4uZGF0YUluZGV4fWAiCiAgICAgICAgICA6dmFsdWU9InNlbGVjdGVkS2V5c1swXSIKICAgICAgICAgIHN0eWxlPSJ3aWR0aDogMTg4cHg7IG1hcmdpbi1ib3R0b206IDhweDsgZGlzcGxheTogYmxvY2siCiAgICAgICAgICBAY2hhbmdlPSJlID0+IHNldFNlbGVjdGVkS2V5cyhlLnRhcmdldC52YWx1ZSA/IFtlLnRhcmdldC52YWx1ZV0gOiBbXSkiCiAgICAgICAgICBAcHJlc3NFbnRlcj0iaGFuZGxlU2VhcmNoKHNlbGVjdGVkS2V5cywgY29uZmlybSwgY29sdW1uLmRhdGFJbmRleCkiCiAgICAgICAgLz4KICAgICAgICA8YS1idXR0b24KICAgICAgICAgIHR5cGU9InByaW1hcnkiCiAgICAgICAgICBzaXplPSJzbWFsbCIKICAgICAgICAgIHN0eWxlPSJ3aWR0aDogOTBweDsgbWFyZ2luLXJpZ2h0OiA4cHgiCiAgICAgICAgICBAY2xpY2s9ImhhbmRsZVNlYXJjaChzZWxlY3RlZEtleXMsIGNvbmZpcm0sIGNvbHVtbi5kYXRhSW5kZXgpIgogICAgICAgID4KICAgICAgICAgIDx0ZW1wbGF0ZSAjaWNvbj48U2VhcmNoT3V0bGluZWQgLz48L3RlbXBsYXRlPgogICAgICAgICAgU2VhcmNoCiAgICAgICAgPC9hLWJ1dHRvbj4KICAgICAgICA8YS1idXR0b24gc2l6ZT0ic21hbGwiIHN0eWxlPSJ3aWR0aDogOTBweCIgQGNsaWNrPSJoYW5kbGVSZXNldChjbGVhckZpbHRlcnMpIj4KICAgICAgICAgIFJlc2V0CiAgICAgICAgPC9hLWJ1dHRvbj4KICAgICAgPC9kaXY+CiAgICA8L3RlbXBsYXRlPgogICAgPHRlbXBsYXRlICNjdXN0b21GaWx0ZXJJY29uPSJ7IGZpbHRlcmVkIH0iPgogICAgICA8c2VhcmNoLW91dGxpbmVkIDpzdHlsZT0ieyBjb2xvcjogZmlsdGVyZWQgPyAnIzEwOGVlO

737ScgOiB1bmRlZmluZWQgfSIgLz4KICAgIDwvdGVtcGxhdGU+CiAgICA8dGVtcGxhdGUgI2JvZHlDZWxsPSJ7IHRleHQsIGNvbHVtbiB9Ij4KICAgICAgPHNwYW4gdi1pZj0ic3RhdGUuc2VhcmNoVGV4dCAmJiBzdGF0ZS5zZWFyY2hlZENvbHVtbiA9PT0gY29sdW1uLmRhdGFJbmRleCI+CiAgICAgICAgPHRlbXBsYXRlCiAgICAgICAgICB2LWZvcj0iKGZyYWdtZW50LCBpKSBpbiB0ZXh0CiAgICAgICAgICAgIC50b1N0cmluZygpCiAgICAgICAgICAgIC5zcGxpdChuZXcgUmVnRXhwKGAoPzw9JHtzdGF0ZS5zZWFyY2hUZXh0fSl8KD89JHtzdGF0ZS5zZWFyY2hUZXh0fSlgLCAnaScpKSIKICAgICAgICA+CiAgICAgICAgICA8bWFyawogICAgICAgICAgICB2LWlmPSJmcmFnbWVudC50b0xvd2VyQ2FzZSgpID09PSBzdGF0ZS5zZWFyY2hUZXh0LnRvTG93ZXJDYXNlKCkiCiAgICAgICAgICAgIDprZXk9ImkiCiAgICAgICAgICAgIGNsYXNzPSJoaWdobGlnaHQiCiAgICAgICAgICA+CiAgICAgICAgICAgIHt7IGZyYWdtZW50IH19CiAgICAgICAgICA8L21hcms+CiAgICAgICAgICA8dGVtcGxhdGUgdi1lbHNlPnt7IGZyYWdtZW50IH19PC90ZW1wbGF0ZT4KICAgICAgICA8L3RlbXBsYXRlPgogICAgICA8L3NwYW4+CiAgICA8L3RlbXBsYXRlPgogIDwvYS10YWJsZT4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBsYW5nPSJ0cyIgc2V0dXA+CmltcG9ydCB7IFNlYXJjaE91dGxpbmVkIH0gZnJvbSAnQGFudC1kZXNpZ24vaWNvbnMtdnVlJzsKaW1wb3J0IHsgcmVhY3RpdmUsIHJlZiB9IGZyb20gJ3Z1ZSc7CmNvbnN0IGRhdGEgPSBbCiAgewogICAga2V5OiAnMScsCiAgICBuYW1lOiAnSm9obiBCcm93bicsCiAgICBhZ2U6IDMyLAogICAgYWRkcmVzczogJ05ldyBZb3JrIE5vLiAxIExha2UgUGFyaycsCiAgfSwKICB7CiAgICBrZXk6ICcyJywKICAgIG5hbWU6ICdKb2UgQmxhY2snLAogICAgYWdlOiA0MiwKICAgIGFkZHJlc3M6ICdMb25kb24gTm8uIDEgTGFrZSBQYXJrJywKICB9LAogIHsKICAgIGtleTogJzMnLAogICAgbmFtZTogJ0ppbSBHcmVlbicsCiAgICBhZ2U6IDMyLAogICAgYWRkcmVzczogJ1NpZG5leSBOby4gMSBMYWtlIFBhcmsnLAogIH0sCiAgewogICAga2V5OiAnNCcsCiAgICBuYW1lOiAnSmltIFJlZCcsCiAgICBhZ2U6IDMyLAogICAgYWRkcmVzczogJ0xvbmRvbiBOby4gMiBMYWtlIFBhcmsnLAogIH0sCl07Cgpjb25zdCBzdGF0ZSA9IHJlYWN0aXZlKHsKICBzZWFyY2hUZXh0OiAnJywKICBzZWFyY2hlZENvbHVtbjogJycsCn0pOwoKY29uc3Qgc2VhcmNoSW5wdXQgPSByZWYoKTsKCmNvbnN0IGNvbHVtbnMgPSBbCiAgewogICAgdGl0bGU6ICdOYW1lJywKICAgIGRhdGFJbmRleDogJ25hbWUnLAogICAga2V5OiAnbmFtZScsCiAgICBjdXN0b21GaWx0ZXJEcm9wZG93bjogdHJ1ZSwKICAgIG9uRmlsdGVyOiAodmFsdWUsIHJlY29yZCkgPT4gcmVjb3JkLm5hbWUudG9TdHJpbmcoKS50b0xvd2VyQ2FzZSgpLmluY2x1ZGVzKHZhbHVlLnRvTG93ZXJDYXNlKCkpLAogICAgb25GaWx0ZXJEcm9wZG93bk9wZW5DaGFuZ2U6IHZpc2libGUgPT4gewogICAgICBpZiAodmlzaWJsZSkgewogICAgICAgIHNldFRpbWVvdXQoKCkgPT4gewogICAgICAgICAgc2VhcmNoSW5wdXQudmFsdWUuZm9jdXMoKTsKICAgICAgICB9LCAxMDApOwogICAgICB9CiAgICB9LAogIH0sCiAgewogICAgdGl0bGU6ICdBZ2UnLAogICAgZGF0YUluZGV4OiAnYWdlJywKICAgIGtleTogJ2FnZScsCiAgfSwKICB7CiAgICB0aXRsZTogJ0FkZHJlc3MnLAogICAgZGF0YUluZGV4OiAnYWRkcmVzcycsCiAgICBrZXk6ICdhZGRyZXNzJywKICAgIGN1c3RvbUZpbHRlckRyb3Bkb3duOiB0cnVlLAogICAgb25GaWx0ZXI6ICh2YWx1ZSwgcmVjb3JkKSA9PgogICAgICByZWNvcmQuYWRkcmVzcy50b1N0cmluZygpLnRvTG93ZXJDYXNlKCkuaW5jbHVkZXModmFsdWUudG9Mb3dlckNhc2UoKSksCiAgICBvbkZpbHRlckRyb3Bkb3duT3BlbkNoYW5nZTogdmlzaWJsZSA9PiB7CiAgICAgIGlmICh2aXNpYmxlKSB7CiAgICAgICAgc2V0VGltZW91dCgoKSA9PiB7CiAgICAgICAgICBzZWFyY2hJbnB1dC52YWx1ZS5mb2N1cygpOwogICAgICAgIH0sIDEwMCk7CiAgICAgIH0KICAgIH0sCiAgfSwKXTsKCmNvbnN0IGhhbmRsZVNlYXJjaCA9IChzZWxlY3RlZEtleXMsIGNvbmZpcm0sIGRhdGFJbmRleCkgPT4gewogIGNvbmZpcm0oKTsKICBzdGF0ZS5zZWFyY2hUZXh0ID0gc2VsZWN0ZWRLZXlzWzBdOwogIHN0YXRlLnNlYXJjaGVkQ29sdW1uID0gZGF0YUluZGV4Owp9OwoKY29uc3QgaGFuZGxlUmVzZXQgPSBjbGVhckZpbHRlcnMgPT4gewogIGNsZWFyRmlsdGVycyh7IGNvbmZpcm06IHRydWUgfSk7CiAgc3RhdGUuc2VhcmNoVGV4dCA9ICcnOwp9Owo8L3NjcmlwdD4KPHN0eWxlIHNjb3BlZD4KLmhpZ2hsaWdodCB7CiAgYmFja2dyb3VuZC1jb2xvcjogcmdiKDI1NSwgMTkyLCAxMDUpOwogIHBhZGRpbmc6IDBweDsKfQo8L3N0eWxlPgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXRhYmxlIDpkYXRhLXNvdXJjZT0iZGF0YSIgOmNvbHVtbnM9ImNvbHVtbnMiPgogICAgPHRlbXBsYXRlICNoZWFkZXJDZWxsPSJ7IGNvbHVtbiB9Ij4KICAgICAgPHRlbXBsYXRlIHYtaWY9ImNvbHVtbi5rZXkgPT09ICduYW1lJyI+CiAgICAgICAgPHNwYW4gc3R5bGU9ImNvbG9yOiAjMTg5MGZmIj5OYW1lPC9zcGFuPgogICAgICA8L3RlbXBsYXRlPgogICAgPC90ZW1wbGF0ZT4KICAgIDx0ZW1wbGF0ZQogICAgICAjY3VzdG9tRmlsdGVyRHJvcGRvd249Insgc2V0U2VsZWN0ZWRLZXlzLCBzZWxlY3RlZEtleXMsIGNvbmZpcm0sIGNsZWFyRmlsdGVycywgY29sdW1uIH0iCiAgICA+CiAgICAgIDxkaXYgc3R5bGU9InBhZGRpbmc6IDhweCI+CiAgICAgICAgPGEtaW5wdXQKICAgICAgICAgIHJlZj0ic2VhcmNoSW5wdXQiCiAgICAgICAgICA6cGxhY2Vob2xkZXI9ImBTZWFyY2ggJHtjb2x1bW4uZGF0YUluZGV4fWAiCiAgICAgICAgICA6dmFsdWU9InNlbGVjdGVkS2V5c1swXSIKICAgICAgICAgIHN0eWxlPSJ3aWR0aDogMTg4cHg7IG1hcmdpbi1ib3R0b206IDhweDsgZGlzcGxheTogYmxvY2siCiAgICAgICAgICBAY2hhbmdlPSJlID0+IHNldFNlbGVjdGVkS2V5cyhlLnRhcmdldC52YWx1ZSA/IFtlLnRhcmdldC52YWx1ZV0gOiBbXSkiCiAgICAgICAgICBAcHJlc3NFbnRlcj0iaGFuZGxlU2VhcmNoKHNlbGVjdGVkS2V5cywgY29uZmlybSwgY29sdW1uLmRhdGFJbmRleCkiCiAgICAgICAgLz4KICAgICAgICA8YS1idXR0b24KICAgICAgICAgI

737HR5cGU9InByaW1hcnkiCiAgICAgICAgICBzaXplPSJzbWFsbCIKICAgICAgICAgIHN0eWxlPSJ3aWR0aDogOTBweDsgbWFyZ2luLXJpZ2h0OiA4cHgiCiAgICAgICAgICBAY2xpY2s9ImhhbmRsZVNlYXJjaChzZWxlY3RlZEtleXMsIGNvbmZpcm0sIGNvbHVtbi5kYXRhSW5kZXgpIgogICAgICAgID4KICAgICAgICAgIDx0ZW1wbGF0ZSAjaWNvbj48U2VhcmNoT3V0bGluZWQgLz48L3RlbXBsYXRlPgogICAgICAgICAgU2VhcmNoCiAgICAgICAgPC9hLWJ1dHRvbj4KICAgICAgICA8YS1idXR0b24gc2l6ZT0ic21hbGwiIHN0eWxlPSJ3aWR0aDogOTBweCIgQGNsaWNrPSJoYW5kbGVSZXNldChjbGVhckZpbHRlcnMpIj4KICAgICAgICAgIFJlc2V0CiAgICAgICAgPC9hLWJ1dHRvbj4KICAgICAgPC9kaXY+CiAgICA8L3RlbXBsYXRlPgogICAgPHRlbXBsYXRlICNjdXN0b21GaWx0ZXJJY29uPSJ7IGZpbHRlcmVkIH0iPgogICAgICA8c2VhcmNoLW91dGxpbmVkIDpzdHlsZT0ieyBjb2xvcjogZmlsdGVyZWQgPyAnIzEwOGVlOScgOiB1bmRlZmluZWQgfSIgLz4KICAgIDwvdGVtcGxhdGU+CiAgICA8dGVtcGxhdGUgI2JvZHlDZWxsPSJ7IHRleHQsIGNvbHVtbiB9Ij4KICAgICAgPHNwYW4gdi1pZj0ic3RhdGUuc2VhcmNoVGV4dCAmJiBzdGF0ZS5zZWFyY2hlZENvbHVtbiA9PT0gY29sdW1uLmRhdGFJbmRleCI+CiAgICAgICAgPHRlbXBsYXRlCiAgICAgICAgICB2LWZvcj0iKGZyYWdtZW50LCBpKSBpbiB0ZXh0CiAgICAgICAgICAgIC50b1N0cmluZygpCiAgICAgICAgICAgIC5zcGxpdChuZXcgUmVnRXhwKGAoPzw9JHtzdGF0ZS5zZWFyY2hUZXh0fSl8KD89JHtzdGF0ZS5zZWFyY2hUZXh0fSlgLCAnaScpKSIKICAgICAgICA+CiAgICAgICAgICA8bWFyawogICAgICAgICAgICB2LWlmPSJmcmFnbWVudC50b0xvd2VyQ2FzZSgpID09PSBzdGF0ZS5zZWFyY2hUZXh0LnRvTG93ZXJDYXNlKCkiCiAgICAgICAgICAgIDprZXk9ImkiCiAgICAgICAgICAgIGNsYXNzPSJoaWdobGlnaHQiCiAgICAgICAgICA+CiAgICAgICAgICAgIHt7IGZyYWdtZW50IH19CiAgICAgICAgICA8L21hcms+CiAgICAgICAgICA8dGVtcGxhdGUgdi1lbHNlPnt7IGZyYWdtZW50IH19PC90ZW1wbGF0ZT4KICAgICAgICA8L3RlbXBsYXRlPgogICAgICA8L3NwYW4+CiAgICA8L3RlbXBsYXRlPgogIDwvYS10YWJsZT4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBzZXR1cD4KaW1wb3J0IHsgcmVhY3RpdmUsIHJlZiB9IGZyb20gJ3Z1ZSc7CmNvbnN0IGRhdGEgPSBbCiAgewogICAga2V5OiAnMScsCiAgICBuYW1lOiAnSm9obiBCcm93bicsCiAgICBhZ2U6IDMyLAogICAgYWRkcmVzczogJ05ldyBZb3JrIE5vLiAxIExha2UgUGFyaycsCiAgfSwKICB7CiAgICBrZXk6ICcyJywKICAgIG5hbWU6ICdKb2UgQmxhY2snLAogICAgYWdlOiA0MiwKICAgIGFkZHJlc3M6ICdMb25kb24gTm8uIDEgTGFrZSBQYXJrJywKICB9LAogIHsKICAgIGtleTogJzMnLAogICAgbmFtZTogJ0ppbSBHcmVlbicsCiAgICBhZ2U6IDMyLAogICAgYWRkcmVzczogJ1NpZG5leSBOby4gMSBMYWtlIFBhcmsnLAogIH0sCiAgewogICAga2V5OiAnNCcsCiAgICBuYW1lOiAnSmltIFJlZCcsCiAgICBhZ2U6IDMyLAogICAgYWRkcmVzczogJ0xvbmRvbiBOby4gMiBMYWtlIFBhcmsnLAogIH0sCl07CmNvbnN0IHN0YXRlID0gcmVhY3RpdmUoewogIHNlYXJjaFRleHQ6ICcnLAogIHNlYXJjaGVkQ29sdW1uOiAnJywKfSk7CmNvbnN0IHNlYXJjaElucHV0ID0gcmVmKCk7CmNvbnN0IGNvbHVtbnMgPSBbCiAgewogICAgdGl0bGU6ICdOYW1lJywKICAgIGRhdGFJbmRleDogJ25hbWUnLAogICAga2V5OiAnbmFtZScsCiAgICBjdXN0b21GaWx0ZXJEcm9wZG93bjogdHJ1ZSwKICAgIG9uRmlsdGVyOiAodmFsdWUsIHJlY29yZCkgPT4gcmVjb3JkLm5hbWUudG9TdHJpbmcoKS50b0xvd2VyQ2FzZSgpLmluY2x1ZGVzKHZhbHVlLnRvTG93ZXJDYXNlKCkpLAogICAgb25GaWx0ZXJEcm9wZG93bk9wZW5DaGFuZ2U6IHZpc2libGUgPT4gewogICAgICBpZiAodmlzaWJsZSkgewogICAgICAgIHNldFRpbWVvdXQoKCkgPT4gewogICAgICAgICAgc2VhcmNoSW5wdXQudmFsdWUuZm9jdXMoKTsKICAgICAgICB9LCAxMDApOwogICAgICB9CiAgICB9LAogIH0sCiAgewogICAgdGl0bGU6ICdBZ2UnLAogICAgZGF0YUluZGV4OiAnYWdlJywKICAgIGtleTogJ2FnZScsCiAgfSwKICB7CiAgICB0aXRsZTogJ0FkZHJlc3MnLAogICAgZGF0YUluZGV4OiAnYWRkcmVzcycsCiAgICBrZXk6ICdhZGRyZXNzJywKICAgIGN1c3RvbUZpbHRlckRyb3Bkb3duOiB0cnVlLAogICAgb25GaWx0ZXI6ICh2YWx1ZSwgcmVjb3JkKSA9PgogICAgICByZWNvcmQuYWRkcmVzcy50b1N0cmluZygpLnRvTG93ZXJDYXNlKCkuaW5jbHVkZXModmFsdWUudG9Mb3dlckNhc2UoKSksCiAgICBvbkZpbHRlckRyb3Bkb3duT3BlbkNoYW5nZTogdmlzaWJsZSA9PiB7CiAgICAgIGlmICh2aXNpYmxlKSB7CiAgICAgICAgc2V0VGltZW91dCgoKSA9PiB7CiAgICAgICAgICBzZWFyY2hJbnB1dC52YWx1ZS5mb2N1cygpOwogICAgICAgIH0sIDEwMCk7CiAgICAgIH0KICAgIH0sCiAgfSwKXTsKY29uc3QgaGFuZGxlU2VhcmNoID0gKHNlbGVjdGVkS2V5cywgY29uZmlybSwgZGF0YUluZGV4KSA9PiB7CiAgY29uZmlybSgpOwogIHN0YXRlLnNlYXJjaFRleHQgPSBzZWxlY3RlZEtleXNbMF07CiAgc3RhdGUuc2VhcmNoZWRDb2x1bW4gPSBkYXRhSW5kZXg7Cn07CmNvbnN0IGhhbmRsZVJlc2V0ID0gY2xlYXJGaWx0ZXJzID0+IHsKICBjbGVhckZpbHRlcnMoewogICAgY29uZmlybTogdHJ1ZSwKICB9KTsKICBzdGF0ZS5zZWFyY2hUZXh0ID0gJyc7Cn07Cjwvc2NyaXB0Pgo8c3R5bGUgc2NvcGVkPgouaGlnaGxpZ2h0IHsKICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2IoMjU1LCAxOTIsIDEwNSk7CiAgcGFkZGluZzogMHB4Owp9Cjwvc3R5bGU+"}},{default:d(()=>[C(k,{"data-source":o,columns:s},{headerCell:d(({column:A})=>[A.key==="name"?(m(),W("span",Ut,"Name")):K("",!0)]),customFilterDropdown:d(({setSelectedKeys:A,selectedKeys:Z,confirm:h,clearFilters:v,column:G})=>[n("div",Et,[C(i,{ref_key:"searchInput",ref:c,placeholder:`Search ${G.dataIndex}`,value:Z[0],style:{width:"188px","margin-bottom":"8px",display:"block"},onChange:w=>A(w.target.value?[w.target.value]:[]),onPressEnter:w=>e(Z,h,G.dataIndex)},null,8,["placeholder","value","onChange","onPressEnter"]),C(g,{type:"primary",size:"small",style:{width:"90px","margin-right":"8px"},onClick:w=>e(Z,h,G.dataIndex)},{icon:d(()=>[C(P(na))]),default:d(()=>[u[0]||(u[0]=a(" Search ",-1))]),_:1},8,["onClick"]),C(g,{size:"small",style:{width:"90px"},onClick:w=>r(v)},{default:d(()=>[...u[1]||(u[1]=[a(" Reset ",-1)])]),_:1},8,["onClick"])])]),customFilterIcon:d(({filtered:A})=>[C(P(na),{style:ls({color:A?"#108ee9":void 0})},null,8,["style"])]),bodyCell:d(({text:A,column:Z})=>[p.searchText&&p.searchedColumn===Z.dataIndex?(m(),W("span",Ot,[(m(!0),W(O,null,dn(A.toString().split(new RegExp(`(?<=${p.searchText})|(?=${p.searchText})`,"i")),(h,v)=>(m(),W(O,null,[h.toLowerCase()===p.searchText.toLowerCase()?(m(),W("mark",{key:v,class:"highlight"},L(h),1)):(m(),W(O,{key:1},[a(L(h),1)],64))],64))),256))])):K("",!0)]),_:1})]),htmlCode:d(()=>[...u[2]||(u[2]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
738  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table")]),a(),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("data"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"}

738,'"'),a("columns"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
739    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#headerCell"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ column }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
740      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("column.key === 'name'"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
741        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("span")]),a(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"color"),n("span",{class:"token punctuation"},":"),a(" #1890ff")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),a("Name"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("span")]),n("span",{class:"token punctuation"},">")]),a(`
742      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
743    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
744    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(`
745      `),n("span",{class:"token attr-name"},"#customFilterDropdown"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ setSelectedKeys, selectedKeys, confirm, clearFilters, column }"),n("span",{class:"token punctuation"},'"')]),a(`
746    `),n("span",{class:"token punctuation"},">")]),a(`
747      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),a(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"padding"),n("span",{class:"token punctuation"},":"),a(" 8px")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),a(`
748        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-input")]),a(`
749          `),n("span",{class:"token attr-name"},"ref"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("searchInput"),n("span",{class:"token punctuation"},'"')]),a(`
750          `),n("span",{class:"token attr-name"},":placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("`Search ${column.dataIndex}`"),n("span",{class:"token punctuation"},'"')]),a(`
751          `),n("span",{class:"token attr-name"},":value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("selectedKeys[0]"),n("span",{class:"token punctuation"},'"')]),a(`
752          `),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"width"),n("span",{class:"token punctuation"},":"),a(" 188px"),n("span",{class:"token punctuation"},";"),a(),n("span",{class:"token property"},"margin-bottom"),n("span",{class:"token punctuation"},":"),a(" 8px"),n("span",{class:"token punctuation"},";"),a(),n("span",{class:"token property"},"display"),n("span",{class:"token punctuation"},":"),a(" block")]),n("span",{class:"token punctuation"},'"')])]),a(`
753          `),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("e => setSelectedKeys(e.target.value ? [e.target.value] : [])"),n("span",{class:"token punctuation"},'"')]),a(`
754          `),n("span",{class:"token attr-name"},"@pressEnter"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("handleSearch(selectedKeys, confirm, column.dataIndex)"),n("span",{class:"token punctuation"},'"')]),a(`
755        `),n("span",{class:"token punctuation"},"/>")]),a(`
756        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"}

756,"<"),a("a-button")]),a(`
757          `),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("primary"),n("span",{class:"token punctuation"},'"')]),a(`
758          `),n("span",{class:"token attr-name"},"size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("small"),n("span",{class:"token punctuation"},'"')]),a(`
759          `),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"width"),n("span",{class:"token punctuation"},":"),a(" 90px"),n("span",{class:"token punctuation"},";"),a(),n("span",{class:"token property"},"margin-right"),n("span",{class:"token punctuation"},":"),a(" 8px")]),n("span",{class:"token punctuation"},'"')])]),a(`
760          `),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("handleSearch(selectedKeys, confirm, column.dataIndex)"),n("span",{class:"token punctuation"},'"')]),a(`
761        `),n("span",{class:"token punctuation"},">")]),a(`
762          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("SearchOutlined")]),a(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
763          Search
764        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-button")]),n("span",{class:"token punctuation"},">")]),a(`
765        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-button")]),a(),n("span",{class:"token attr-name"},"size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("small"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"width"),n("span",{class:"token punctuation"},":"),a(" 90px")]),n("span",{class:"token punctuation"},'"')])]),a(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("handleReset(clearFilters)"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
766          Reset
767        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-button")]),n("span",{class:"token punctuation"},">")]),a(`
768      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
769    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
770    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#customFilterIcon"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ filtered }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
771      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("search-outlined")]),a(),n("span",{class:"token attr-name"},":style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ color: filtered ? '#108ee9' : undefined }"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
772    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
773    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#bodyCell"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ text, column }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
774      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("span")]),a(),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("state.searchText && state.searchedColumn === column.dataIndex"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
775        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(`
776          `),n("span",{class:"token attr-name"},"v-for"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("(fragment, i) in text\n            .toString()\n            .split(new RegExp(`(?<=${state.searchText})|(?=${state.searchText})`, 'i'))"),n("span",{class:"token punctuation"},'"')]),a(`
777        `),n("span",{class:"token punctuation"},">")]),a(`
778          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("mark")]),a(`
779            `),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("fragment.toLowerCase() === state.searchText.toLowerCase()"),n("span",{class:"token punctuation"},'"')]),a(`
780            `),n("span",{class:"token attr-name"},":key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("i"),n("span",{class:"token punctuation"},'"')]),a(`
781            `),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("highlight"),n("span",{class:"token punctuation"},'"')]),a(`
782          `),n("span",{class:"token punctuation"},">")]),a(`
783            {{ fragment }}
784          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("mark")]),n("span",{class:"token punctuation"},">")]),a(`
785          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"v-else"),n("span",{class:"token punctuation"},">")]),a("{{ fragment }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
786        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
787      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("span")]),n("span",{class:"token punctuation"},">")]),a(`
788    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
789  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table")]),n("span",{class:"token punctuation"},">")]),a(`
790`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
791`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"}

791,"<"),a("script")]),a(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ts"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"setup"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
792`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" SearchOutlined "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'@ant-design/icons-vue'"),n("span",{class:"token punctuation"},";"),a(`
793`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" reactive"),n("span",{class:"token punctuation"},","),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
794`),n("span",{class:"token keyword"},"const"),a(" data "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
795  `),n("span",{class:"token punctuation"},"{"),a(`
796    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'1'"),n("span",{class:"token punctuation"},","),a(`
797    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'John Brown'"),n("span",{class:"token punctuation"},","),a(`
798    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
799    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'New York No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
800  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
801  `),n("span",{class:"token punctuation"},"{"),a(`
802    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'2'"),n("span",{class:"token punctuation"},","),a(`
803    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Joe Black'"),n("span",{class:"token punctuation"},","),a(`
804    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"42"),n("span",{class:"token punctuation"},","),a(`
805    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'London No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
806  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
807  `),n("span",{class:"token punctuation"},"{"),a(`
808    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'3'"),n("span",{class:"token punctuation"},","),a(`
809    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jim Green'"),n("span",{class:"token punctuation"},","),a(`
810    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
811    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Sidney No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
812  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
813  `),n("span",{class:"token punctuation"},"{"),a(`
814    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'4'"),n("span",{class:"token punctuation"},","),a(`
815    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jim Red'"),n("span",{class:"token punctuation"},","),a(`
816    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
817    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'London No. 2 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
818  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
819`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
820
821`),n("span",{class:"token keyword"},"const"),a(" state "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"reactive"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
822  `),n("span",{class:"token literal-property property"},"searchText"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"''"),n("span",{class:"token punctuation"},","),a(`
823  `),n("span",{class:"token literal-property property"},"searchedColumn"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"''"),n("span",{class:"token punctuation"},","),a(`
824`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
825
826`),n("span",{class:"token keyword"},"const"),a(" searchInput "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
827
828`),n("span",{class:"token keyword"},"const"),a(" columns "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
829  `),n("span",{class:"token punctuation"},"{"),a(`
830    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Name'"),n("span",{class:"token punctuation"},","),a(`
831    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
832    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
833    `),n("span",{class:"token literal-property property"},"customFilterDropdown"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},","),a(`
834    `),n("span",{class:"token function-variable function"},"onFilter"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("value"),n("span",{class:"token punctuation"},","),a(" record")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(" record"),n("span",{class:"token punctuation"},"."),a("name"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"toString"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"toLowerCase"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"includes"),n("span",{class:"token punctuation"},"("),a("value"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"toLowerCase"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
835    `),n("span",{class:"token function-variable function"},"onFilterDropdownOpenChange"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token parameter"},"visible"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
836      `),n("span",{class:"token keyword"},"if"),a(),n("span",{class:"token punctuation"},"("),a("visible"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
837        `),n("span",{class:"token function"},"setTimeout"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
838          searchInput`),n("span",{class:"token punctuation"},"."),a("value"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"focus"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
839        `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token number"},"100"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
840      `),n("span",{class:"token punctuation"},"}"),a(`
841    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
842  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
843  `),n("span",{class:"token punctuation"},"{"),a(`
844    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Age'"),n("span",{class:"token punctuation"},","),a(`
845    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'age'"),n("span",{class:"token punctuation"},","),a(`
846    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'age'"),n("span",{class:"token punctuation"},","),a(`
847  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
848  `),n("span",{class:"token punctuation"},"{"),a(`
849    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Address'"),n("span",{class:"token punctuation"},","),a(`
850    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
851    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
852    `),n("span",{class:"token literal-property property"},"customFilterDropdown"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},","),a(`
853    `),n("span",{class:"token function-variable function"},"onFilter"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("value"),n("span",{class:"token punctuation"},","),a(" record")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(`
854      record`),n("span",{class:"token punctuation"},"."),a("address"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"toString"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"toLowerCase"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"includes"),n("span",{class:"token punctuation"},"("),a("value"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"toLowerCase"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
855    `),n("span",{class:"token function-variable function"},"onFilterDropdownOpenChange"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token parameter"},"visible"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
856      `),n("span",{class:"token keyword"},"if"),a(),n("span",{class:"token punctuation"},"("),a("visible"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
857        `),n("span",{class:"token function"},"setTimeout"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
858          searchInput`),n("span",{class:"token punctuation"},"."),a("value"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"focus"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
859        `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token number"},"100"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
860      `),n("span",{class:"token punctuation"},"}"),a(`
861    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
862  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
863`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
864
865`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"handleSearch"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("selectedKeys"),n("span",{class:"token punctuation"},","),a(" confirm"),n("span",{class:"token punctuation"}

865,","),a(" dataIndex")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
866  `),n("span",{class:"token function"},"confirm"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
867  state`),n("span",{class:"token punctuation"},"."),a("searchText "),n("span",{class:"token operator"},"="),a(" selectedKeys"),n("span",{class:"token punctuation"},"["),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
868  state`),n("span",{class:"token punctuation"},"."),a("searchedColumn "),n("span",{class:"token operator"},"="),a(" dataIndex"),n("span",{class:"token punctuation"},";"),a(`
869`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
870
871`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"handleReset"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token parameter"},"clearFilters"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
872  `),n("span",{class:"token function"},"clearFilters"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"confirm"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token boolean"},"true"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
873  state`),n("span",{class:"token punctuation"},"."),a("searchText "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token string"},"''"),n("span",{class:"token punctuation"},";"),a(`
874`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
875`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
876`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("style")]),a(),n("span",{class:"token attr-name"},"scoped"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token style"},[n("span",{class:"token language-css"},[a(`
877`),n("span",{class:"token selector"},".highlight"),a(),n("span",{class:"token punctuation"},"{"),a(`
878  `),n("span",{class:"token property"},"background-color"),n("span",{class:"token punctuation"},":"),a(),n("span",{class:"token function"},"rgb"),n("span",{class:"token punctuation"},"("),a("255"),n("span",{class:"token punctuation"},","),a(" 192"),n("span",{class:"token punctuation"},","),a(" 105"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
879  `),n("span",{class:"token property"},"padding"),n("span",{class:"token punctuation"},":"),a(" 0px"),n("span",{class:"token punctuation"},";"),a(`
880`),n("span",{class:"token punctuation"},"}"),a(`
881`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("style")]),n("span",{class:"token punctuation"},">")]),a(`
882`)])],-1)])]),jsVersionHtml:d(()=>[...u[3]||(u[3]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
883  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table")]),a(),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("data"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("columns"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
884    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#headerCell"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ column }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
885      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"}

885,'"'),a("column.key === 'name'"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
886        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("span")]),a(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"color"),n("span",{class:"token punctuation"},":"),a(" #1890ff")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),a("Name"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("span")]),n("span",{class:"token punctuation"},">")]),a(`
887      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
888    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
889    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(`
890      `),n("span",{class:"token attr-name"},"#customFilterDropdown"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ setSelectedKeys, selectedKeys, confirm, clearFilters, column }"),n("span",{class:"token punctuation"},'"')]),a(`
891    `),n("span",{class:"token punctuation"},">")]),a(`
892      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),a(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"padding"),n("span",{class:"token punctuation"},":"),a(" 8px")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),a(`
893        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-input")]),a(`
894          `),n("span",{class:"token attr-name"},"ref"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("searchInput"),n("span",{class:"token punctuation"},'"')]),a(`
895          `),n("span",{class:"token attr-name"},":placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("`Search ${column.dataIndex}`"),n("span",{class:"token punctuation"},'"')]),a(`
896          `),n("span",{class:"token attr-name"},":value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("selectedKeys[0]"),n("span",{class:"token punctuation"},'"')]),a(`
897          `),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"width"),n("span",{class:"token punctuation"},":"),a(" 188px"),n("span",{class:"token punctuation"},";"),a(),n("span",{class:"token property"},"margin-bottom"),n("span",{class:"token punctuation"},":"),a(" 8px"),n("span",{class:"token punctuation"},";"),a(),n("span",{class:"token property"},"display"),n("span",{class:"token punctuation"},":"),a(" block")]),n("span",{class:"token punctuation"},'"')])]),a(`
898          `),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("e => setSelectedKeys(e.target.value ? [e.target.value] : [])"),n("span",{class:"token punctuation"},'"')]),a(`
899          `),n("span",{class:"token attr-name"},"@pressEnter"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("handleSearch(selectedKeys, confirm, column.dataIndex)"),n("span",{class:"token punctuation"},'"')]),a(`
900        `),n("span",{class:"token punctuation"},"/>")]),a(`
901        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"}

901,"<"),a("a-button")]),a(`
902          `),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("primary"),n("span",{class:"token punctuation"},'"')]),a(`
903          `),n("span",{class:"token attr-name"},"size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("small"),n("span",{class:"token punctuation"},'"')]),a(`
904          `),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"width"),n("span",{class:"token punctuation"},":"),a(" 90px"),n("span",{class:"token punctuation"},";"),a(),n("span",{class:"token property"},"margin-right"),n("span",{class:"token punctuation"},":"),a(" 8px")]),n("span",{class:"token punctuation"},'"')])]),a(`
905          `),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("handleSearch(selectedKeys, confirm, column.dataIndex)"),n("span",{class:"token punctuation"},'"')]),a(`
906        `),n("span",{class:"token punctuation"},">")]),a(`
907          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("SearchOutlined")]),a(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
908          Search
909        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-button")]),n("span",{class:"token punctuation"},">")]),a(`
910        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-button")]),a(),n("span",{class:"token attr-name"},"size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("small"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"width"),n("span",{class:"token punctuation"},":"),a(" 90px")]),n("span",{class:"token punctuation"},'"')])]),a(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("handleReset(clearFilters)"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
911          Reset
912        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-button")]),n("span",{class:"token punctuation"},">")]),a(`
913      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
914    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
915    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#customFilterIcon"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ filtered }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
916      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("search-outlined")]),a(),n("span",{class:"token attr-name"},":style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ color: filtered ? '#108ee9' : undefined }"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
917    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
918    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#bodyCell"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ text, column }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
919      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("span")]),a(),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("state.searchText && state.searchedColumn === column.dataIndex"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
920        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(`
921          `),n("span",{class:"token attr-name"},"v-for"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("(fragment, i) in text\n            .toString()\n            .split(new RegExp(`(?<=${state.searchText})|(?=${state.searchText})`, 'i'))"),n("span",{class:"token punctuation"},'"')]),a(`
922        `),n("span",{class:"token punctuation"},">")]),a(`
923          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("mark")]),a(`
924            `),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("fragment.toLowerCase() === state.searchText.toLowerCase()"),n("span",{class:"token punctuation"},'"')]),a(`
925            `),n("span",{class:"token attr-name"},":key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("i"),n("span",{class:"token punctuation"},'"')]),a(`
926            `),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("highlight"),n("span",{class:"token punctuation"},'"')]),a(`
927          `),n("span",{class:"token punctuation"},">")]),a(`
928            {{ fragment }}
929          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("mark")]),n("span",{class:"token punctuation"},">")]),a(`
930          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"v-else"),n("span",{class:"token punctuation"},">")]),a("{{ fragment }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
931        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
932      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("span")]),n("span",{class:"token punctuation"},">")]),a(`
933    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
934  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table")]),n("span",{class:"token punctuation"},">")]),a(`
935`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
936`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"}

936,"<"),a("script")]),a(),n("span",{class:"token attr-name"},"setup"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
937`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" reactive"),n("span",{class:"token punctuation"},","),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
938`),n("span",{class:"token keyword"},"const"),a(" data "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
939  `),n("span",{class:"token punctuation"},"{"),a(`
940    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'1'"),n("span",{class:"token punctuation"},","),a(`
941    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'John Brown'"),n("span",{class:"token punctuation"},","),a(`
942    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
943    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'New York No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
944  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
945  `),n("span",{class:"token punctuation"},"{"),a(`
946    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'2'"),n("span",{class:"token punctuation"},","),a(`
947    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Joe Black'"),n("span",{class:"token punctuation"},","),a(`
948    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"42"),n("span",{class:"token punctuation"},","),a(`
949    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'London No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
950  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
951  `),n("span",{class:"token punctuation"},"{"),a(`
952    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'3'"),n("span",{class:"token punctuation"},","),a(`
953    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jim Green'"),n("span",{class:"token punctuation"},","),a(`
954    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
955    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Sidney No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
956  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
957  `),n("span",{class:"token punctuation"},"{"),a(`
958    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'4'"),n("span",{class:"token punctuation"},","),a(`
959    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jim Red'"),n("span",{class:"token punctuation"},","),a(`
960    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
961    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'London No. 2 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
962  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
963`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
964`),n("span",{class:"token keyword"},"const"),a(" state "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"reactive"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
965  `),n("span",{class:"token literal-property property"},"searchText"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"''"),n("span",{class:"token punctuation"},","),a(`
966  `),n("span",{class:"token literal-property property"},"searchedColumn"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"''"),n("span",{class:"token punctuation"},","),a(`
967`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
968`),n("span",{class:"token keyword"},"const"),a(" searchInput "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
969`),n("span",{class:"token keyword"},"const"),a(" columns "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
970  `),n("span",{class:"token punctuation"},"{"),a(`
971    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Name'"),n("span",{class:"token punctuation"},","),a(`
972    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
973    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
974    `),n("span",{class:"token literal-property property"},"customFilterDropdown"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},","),a(`
975    `),n("span",{class:"token function-variable function"},"onFilter"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("value"),n("span",{class:"token punctuation"},","),a(" record")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(" record"),n("span",{class:"token punctuation"},"."),a("name"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"toString"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"toLowerCase"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"includes"),n("span",{class:"token punctuation"},"("),a("value"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"toLowerCase"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
976    `),n("span",{class:"token function-variable function"},"onFilterDropdownOpenChange"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token parameter"},"visible"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
977      `),n("span",{class:"token keyword"},"if"),a(),n("span",{class:"token punctuation"},"("),a("visible"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
978        `),n("span",{class:"token function"},"setTimeout"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
979          searchInput`),n("span",{class:"token punctuation"},"."),a("value"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"focus"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
980        `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token number"},"100"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
981      `),n("span",{class:"token punctuation"},"}"),a(`
982    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
983  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
984  `),n("span",{class:"token punctuation"},"{"),a(`
985    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Age'"),n("span",{class:"token punctuation"},","),a(`
986    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'age'"),n("span",{class:"token punctuation"},","),a(`
987    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'age'"),n("span",{class:"token punctuation"},","),a(`
988  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
989  `),n("span",{class:"token punctuation"},"{"),a(`
990    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Address'"),n("span",{class:"token punctuation"},","),a(`
991    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
992    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
993    `),n("span",{class:"token literal-property property"},"customFilterDropdown"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},","),a(`
994    `),n("span",{class:"token function-variable function"},"onFilter"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("value"),n("span",{class:"token punctuation"},","),a(" record")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(`
995      record`),n("span",{class:"token punctuation"},"."),a("address"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"toString"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"toLowerCase"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"includes"),n("span",{class:"token punctuation"},"("),a("value"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"toLowerCase"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
996    `),n("span",{class:"token function-variable function"},"onFilterDropdownOpenChange"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token parameter"},"visible"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
997      `),n("span",{class:"token keyword"},"if"),a(),n("span",{class:"token punctuation"},"("),a("visible"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
998        `),n("span",{class:"token function"},"setTimeout"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
999          searchInput`),n("span",{class:"token punctuation"},"."),a("value"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"focus"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
1000        `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token number"},"100"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
1001      `),n("span",{class:"token punctuation"},"}"),a(`
1002    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1003  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1004`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
1005`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"handleSearch"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("selectedKeys"),n("span",{class:"token punctuation"},","),a(" confirm"),n("span",{class:"token punctuation"}

1005,","),a(" dataIndex")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
1006  `),n("span",{class:"token function"},"confirm"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
1007  state`),n("span",{class:"token punctuation"},"."),a("searchText "),n("span",{class:"token operator"},"="),a(" selectedKeys"),n("span",{class:"token punctuation"},"["),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
1008  state`),n("span",{class:"token punctuation"},"."),a("searchedColumn "),n("span",{class:"token operator"},"="),a(" dataIndex"),n("span",{class:"token punctuation"},";"),a(`
1009`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
1010`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"handleReset"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token parameter"},"clearFilters"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
1011  `),n("span",{class:"token function"},"clearFilters"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
1012    `),n("span",{class:"token literal-property property"},"confirm"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},","),a(`
1013  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
1014  state`),n("span",{class:"token punctuation"},"."),a("searchText "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token string"},"''"),n("span",{class:"token punctuation"},";"),a(`
1015`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
1016`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
1017`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("style")]),a(),n("span",{class:"token attr-name"},"scoped"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token style"},[n("span",{class:"token language-css"},[a(`
1018`),n("span",{class:"token selector"},".highlight"),a(),n("span",{class:"token punctuation"},"{"),a(`
1019  `),n("span",{class:"token property"},"background-color"),n("span",{class:"token punctuation"},":"),a(),n("span",{class:"token function"},"rgb"),n("span",{class:"token punctuation"},"("),a("255"),n("span",{class:"token punctuation"},","),a(" 192"),n("span",{class:"token punctuation"},","),a(" 105"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
1020  `),n("span",{class:"token property"},"padding"),n("span",{class:"token punctuation"},":"),a(" 0px"),n("span",{class:"token punctuation"},";"),a(`
1021`),n("span",{class:"token punctuation"},"}"),a(`
1022`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("style")]),n("span",{class:"token punctuation"},">")]),a(`
1023`)])],-1)])]),_:1})}}});const Mt=M(jt,[["__scopeId","data-v-8b7b51ec"]]),Qt={key:0,class:"editable-cell"},qt={key:0,class:"editable-cell-input-wrapper"},_t={key:1,class:"editable-cell-text-wrapper"},$t=F({__name:"edit-cell",setup(t){const o=[{title:"name",dataIndex:"name",width:"30%"},{title:"age",dataIndex:"age"},{title:"address",dataIndex:"address"},{title:"operation",dataIndex:"operation"}],p=S([{key:"0",name:"Edward King 0",age:32,address:"London, Park Lane no. 0"},{key:"1",name:"Edward King 1",age:32,address:"London, Park Lane no. 1"}]),c=H(()=>p.value.length+1),s=gn({}),e=i=>{s[i]=Ba(p.value.filter(g=>i===g.key)[0])},r=i=>{Object.assign(p.value.filter(g=>i===g.key)[0],s[i]),delete s[i]},l=i=>{p.value=p.value.filter(g=>g.key!==i)},u=()=>{const i={key:`${c.value}`,name:`Edward King ${c.value}`,age:32,address:`London, Park Lane no. ${c.value}`};p.value.push(i)};return(i,g)=>{const k=I("a-button"),y=I("a-input"),A=I("a-popconfirm"),Z=I("a-table"),h=I("demo-box");return m(),x(h,{jsfiddle:{us:"Table with editable cells.",cn:"\u5E26\u5355\u5143\u683C\u7F16\u8F91\u529F\u80FD\u7684\u8868\u683C\u3002",docHtml:`<h2 id="zh-cn">zh-CN <a class="header-anchor" href="#zh-cn">

1024          <span aria-hidden="true" class="anchor">#</span>
1025        </a></h2>
1026<p>\u5E26\u5355\u5143\u683C\u7F16\u8F91\u529F\u80FD\u7684\u8868\u683C\u3002</p>
1027<h2 id="en-us">en-US <a class="header-anchor" href="#en-us">
1028          <span aria-hidden="true" class="anchor">#</span>
1029        </a></h2>
1030<p>Table with editable cells.</p>
1031`,order:6,title:{"en-US":"Editable Cells","zh-CN":"\u53EF\u7F16\u8F91\u5355\u5143\u683C"},relativePath:"components/table/demo/edit-cell.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLWJ1dHRvbiBjbGFzcz0iZWRpdGFibGUtYWRkLWJ0biIgc3R5bGU9Im1hcmdpbi1ib3R0b206IDhweCIgQGNsaWNrPSJoYW5kbGVBZGQiPkFkZDwvYS1idXR0b24+CiAgPGEtdGFibGUgYm9yZGVyZWQgOmRhdGEtc291cmNlPSJkYXRhU291cmNlIiA6Y29sdW1ucz0iY29sdW1ucyI+CiAgICA8dGVtcGxhdGUgI2JvZHlDZWxsPSJ7IGNvbHVtbiwgdGV4dCwgcmVjb3JkIH0iPgogICAgICA8dGVtcGxhdGUgdi1pZj0iY29sdW1uLmRhdGFJbmRleCA9PT0gJ25hbWUnIj4KICAgICAgICA8ZGl2IGNsYXNzPSJlZGl0YWJsZS1jZWxsIj4KICAgICAgICAgIDxkaXYgdi1pZj0iZWRpdGFibGVEYXRhW3JlY29yZC5rZXldIiBjbGFzcz0iZWRpdGFibGUtY2VsbC1pbnB1dC13cmFwcGVyIj4KICAgICAgICAgICAgPGEtaW5wdXQgdi1tb2RlbDp2YWx1ZT0iZWRpdGFibGVEYXRhW3JlY29yZC5rZXldLm5hbWUiIEBwcmVzc0VudGVyPSJzYXZlKHJlY29yZC5rZXkpIiAvPgogICAgICAgICAgICA8Y2hlY2stb3V0bGluZWQgY2xhc3M9ImVkaXRhYmxlLWNlbGwtaWNvbi1jaGVjayIgQGNsaWNrPSJzYXZlKHJlY29yZC5rZXkpIiAvPgogICAgICAgICAgPC9kaXY+CiAgICAgICAgICA8ZGl2IHYtZWxzZSBjbGFzcz0iZWRpdGFibGUtY2VsbC10ZXh0LXdyYXBwZXIiPgogICAgICAgICAgICB7eyB0ZXh0IHx8ICcgJyB9fQogICAgICAgICAgICA8ZWRpdC1vdXRsaW5lZCBjbGFzcz0iZWRpdGFibGUtY2VsbC1pY29uIiBAY2xpY2s9ImVkaXQocmVjb3JkLmtleSkiIC8+CiAgICAgICAgICA8L2Rpdj4KICAgICAgICA8L2Rpdj4KICAgICAgPC90ZW1wbGF0ZT4KICAgICAgPHRlbXBsYXRlIHYtZWxzZS1pZj0iY29sdW1uLmRhdGFJbmRleCA9PT0gJ29wZXJhdGlvbiciPgogICAgICAgIDxhLXBvcGNvbmZpcm0KICAgICAgICAgIHYtaWY9ImRhdGFTb3VyY2UubGVuZ3RoIgogICAgICAgICAgdGl0bGU9IlN1cmUgdG8gZGVsZXRlPyIKICAgICAgICAgIEBjb25maXJtPSJvbkRlbGV0ZShyZWNvcmQua2V5KSIKICAgICAgICA+CiAgICAgICAgICA8YT5EZWxldGU8L2E+CiAgICAgICAgPC9hLXBvcGNvbmZpcm0+CiAgICAgIDwvdGVtcGxhdGU+CiAgICA8L3RlbXBsYXRlPgogIDwvYS10YWJsZT4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBsYW5nPSJ0cyIgc2V0dXA+CmltcG9ydCB7IGNvbXB1dGVkLCByZWFjdGl2ZSwgcmVmIH0gZnJvbSAndnVlJzsKaW1wb3J0IHR5cGUgeyBSZWYsIFVud3JhcFJlZiB9IGZyb20gJ3Z1ZSc7CmltcG9ydCB7IENoZWNrT3V0bGluZWQsIEVkaXRPdXRsaW5lZCB9IGZyb20gJ0BhbnQtZGVzaWduL2ljb25zLXZ1ZSc7CmltcG9ydCB7IGNsb25lRGVlcCB9IGZyb20gJ2xvZGFzaC1lcyc7CgppbnRlcmZhY2UgRGF0YUl0ZW0gewogIGtleTogc3RyaW5nOwogIG5hbWU6IHN0cmluZzsKICBhZ2U6IG51bWJlcjsKICBhZGRyZXNzOiBzdHJpbmc7Cn0KCmNvbnN0IGNvbHVtbnMgPSBbCiAgewogICAgdGl0bGU6ICduYW1lJywKICAgIGRhdGFJbmRleDogJ25hbWUnLAogICAgd2lkdGg6ICczMCUnLAogIH0sCiAgewogICAgdGl0bGU6ICdhZ2UnLAogICAgZGF0YUluZGV4OiAnYWdlJywKICB9LAogIHsKICAgIHRpdGxlOiAnYWRkcmVzcycsCiAgICBkYXRhSW5kZXg6ICdhZGRyZXNzJywKICB9LAogIHsKICAgIHRpdGxlOiAnb3BlcmF0aW9uJywKICAgIGRhdGFJbmRleDogJ29wZXJhdGlvbicsCiAgfSwKXTsKY29uc3QgZGF0YVNvdXJjZTogUmVmPERhdGFJdGVtW10+ID0gcmVmKFsKICB7CiAgICBrZXk6ICcwJywKICAgIG5hbWU6ICdFZHdhcmQgS2luZyAwJywKICAgIGFnZTogMzIsCiAgICBhZGRyZXNzOiAnTG9uZG9uLCBQYXJrIExhbmUgbm8uIDAnLAogIH0sCiAgewogICAga2V5OiAnMScsCiAgICBuYW1lOiAnRWR3YXJkIEtpbmcgMScsCiAgICBhZ2U6IDMyLAogICAgYWRkcmVzczogJ0xvbmRvbiwgUGFyayBMYW5lIG5vLiAxJywKICB9LApdKTsKY29uc3QgY291bnQgPSBjb21wdXRlZCgoKSA9PiBkYXRhU291cmNlLnZhbHVlLmxlbmd0aCArIDEpOwpjb25zdCBlZGl0YWJsZURhdGE6IFVud3JhcFJlZjxSZWNvcmQ8c3RyaW5nLCBEYXRhSXRlbT4+ID0gcmVhY3RpdmUoe30pOwoKY29uc3QgZWRpdCA9IChrZXk6IHN0cmluZykgPT4gewogIGVkaXRhYmxlRGF0YVtrZXldID0gY2xvbmVEZWVwKGRhdGFTb3VyY2UudmFsdWUuZmlsdGVyKGl0ZW0gPT4ga2V5ID09PSBpdGVtLmtleSlbMF0pOwp9Owpjb25zdCBzYXZlID0gKGtleTogc3RyaW5nKSA9PiB7CiAgT2JqZWN0LmFzc2lnbihkYXRhU291cmNlLnZhbHVlLmZpbHRlcihpdGVtID0+IGtleSA9PT0gaXRlbS5rZXkpWzBdLCBlZGl0YWJsZURhdGFba2V5XSk7CiAgZGVsZXRlIGVkaXRhYmxlRGF0YVtrZXldOwp9OwoKY29uc3Qgb25EZWxldGUgPSAoa2V5OiBzdHJpbmcpID0+IHsKICBkYXRhU291cmNlLnZhbHVlID0gZGF0YVNvdXJjZS52YWx1ZS5maWx0ZXIoaXRlbSA9PiBpdGVtLmtleSAhPT0ga2V5KTsKfTsKY29uc3QgaGFuZGxlQWRkID0gKCkgPT4gewogIGNvbnN0IG5ld0RhdGEgPSB7CiAgICBrZXk6IGAke2NvdW50LnZhbHVlfWAsCiAgICBuYW1lOiBgRWR3YXJkIEtpbmcgJHtjb3VudC52YWx1ZX1gLAogICAgYWdlOiAzMiwKICAgIGFkZHJlc3M6IGBMb25kb24sIFBhcmsgTGFuZSBuby4gJHtjb3VudC52YWx1ZX1gLAogIH07CiAgZGF0YVNvdXJjZS52YWx1ZS5wdXNoKG5ld0RhdGEpOwp9Owo8L3NjcmlwdD4KPHN0eWxlIGxhbmc9Imxlc3MiIHNjb3BlZD4KLmVkaXRhYmxlLWNlbGwgewogIHBvc2l0aW9uOiByZWxhdGl2ZTsKICAuZWRpdGFibGUtY2VsbC1pbnB1dC13cmFwcGVyLAogIC5lZGl0YWJsZS1jZWxsLXRleHQtd3JhcHBlciB7CiAgICBwYWRkaW5nLXJpZ2h0OiAyNHB4OwogIH0KCiAgLmVkaXRhYmxlLWNlbGwtdGV4dC13cmFwcGVyIHsKICAgIHBhZGRpbmc6IDVweCAyNHB4IDVweCA1cHg7CiAgfQoKICAuZWRpdGFibGUtY2VsbC1pY29uLAogIC5lZGl0YWJsZS1jZWxsLWljb24tY2hlY2sgewogICAgcG9zaXRpb246IGFic29sdXRlOwogICAgcmlnaHQ6IDA7CiAgICB3aWR0aDogMjBweDsKICAgIGN1cnNvcjogcG9pbnRlcjsKICB9CgogIC5lZGl0YWJsZS1jZWxsLWljb24gewogICAgbWFyZ2luLXRvcDogNH

1031B4OwogICAgZGlzcGxheTogbm9uZTsKICB9CgogIC5lZGl0YWJsZS1jZWxsLWljb24tY2hlY2sgewogICAgbGluZS1oZWlnaHQ6IDI4cHg7CiAgfQoKICAuZWRpdGFibGUtY2VsbC1pY29uOmhvdmVyLAogIC5lZGl0YWJsZS1jZWxsLWljb24tY2hlY2s6aG92ZXIgewogICAgY29sb3I6ICMxMDhlZTk7CiAgfQoKICAuZWRpdGFibGUtYWRkLWJ0biB7CiAgICBtYXJnaW4tYm90dG9tOiA4cHg7CiAgfQp9Ci5lZGl0YWJsZS1jZWxsOmhvdmVyIC5lZGl0YWJsZS1jZWxsLWljb24gewogIGRpc3BsYXk6IGlubGluZS1ibG9jazsKfQo8L3N0eWxlPgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLWJ1dHRvbiBjbGFzcz0iZWRpdGFibGUtYWRkLWJ0biIgc3R5bGU9Im1hcmdpbi1ib3R0b206IDhweCIgQGNsaWNrPSJoYW5kbGVBZGQiPkFkZDwvYS1idXR0b24+CiAgPGEtdGFibGUgYm9yZGVyZWQgOmRhdGEtc291cmNlPSJkYXRhU291cmNlIiA6Y29sdW1ucz0iY29sdW1ucyI+CiAgICA8dGVtcGxhdGUgI2JvZHlDZWxsPSJ7IGNvbHVtbiwgdGV4dCwgcmVjb3JkIH0iPgogICAgICA8dGVtcGxhdGUgdi1pZj0iY29sdW1uLmRhdGFJbmRleCA9PT0gJ25hbWUnIj4KICAgICAgICA8ZGl2IGNsYXNzPSJlZGl0YWJsZS1jZWxsIj4KICAgICAgICAgIDxkaXYgdi1pZj0iZWRpdGFibGVEYXRhW3JlY29yZC5rZXldIiBjbGFzcz0iZWRpdGFibGUtY2VsbC1pbnB1dC13cmFwcGVyIj4KICAgICAgICAgICAgPGEtaW5wdXQgdi1tb2RlbDp2YWx1ZT0iZWRpdGFibGVEYXRhW3JlY29yZC5rZXldLm5hbWUiIEBwcmVzc0VudGVyPSJzYXZlKHJlY29yZC5rZXkpIiAvPgogICAgICAgICAgICA8Y2hlY2stb3V0bGluZWQgY2xhc3M9ImVkaXRhYmxlLWNlbGwtaWNvbi1jaGVjayIgQGNsaWNrPSJzYXZlKHJlY29yZC5rZXkpIiAvPgogICAgICAgICAgPC9kaXY+CiAgICAgICAgICA8ZGl2IHYtZWxzZSBjbGFzcz0iZWRpdGFibGUtY2VsbC10ZXh0LXdyYXBwZXIiPgogICAgICAgICAgICB7eyB0ZXh0IHx8ICcgJyB9fQogICAgICAgICAgICA8ZWRpdC1vdXRsaW5lZCBjbGFzcz0iZWRpdGFibGUtY2VsbC1pY29uIiBAY2xpY2s9ImVkaXQocmVjb3JkLmtleSkiIC8+CiAgICAgICAgICA8L2Rpdj4KICAgICAgICA8L2Rpdj4KICAgICAgPC90ZW1wbGF0ZT4KICAgICAgPHRlbXBsYXRlIHYtZWxzZS1pZj0iY29sdW1uLmRhdGFJbmRleCA9PT0gJ29wZXJhdGlvbiciPgogICAgICAgIDxhLXBvcGNvbmZpcm0KICAgICAgICAgIHYtaWY9ImRhdGFTb3VyY2UubGVuZ3RoIgogICAgICAgICAgdGl0bGU9IlN1cmUgdG8gZGVsZXRlPyIKICAgICAgICAgIEBjb25maXJtPSJvbkRlbGV0ZShyZWNvcmQua2V5KSIKICAgICAgICA+CiAgICAgICAgICA8YT5EZWxldGU8L2E+CiAgICAgICAgPC9hLXBvcGNvbmZpcm0+CiAgICAgIDwvdGVtcGxhdGU+CiAgICA8L3RlbXBsYXRlPgogIDwvYS10YWJsZT4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBzZXR1cD4KaW1wb3J0IHsgY29tcHV0ZWQsIHJlYWN0aXZlLCByZWYgfSBmcm9tICd2dWUnOwppbXBvcnQgeyBjbG9uZURlZXAgfSBmcm9tICdsb2Rhc2gtZXMnOwpjb25zdCBjb2x1bW5zID0gWwogIHsKICAgIHRpdGxlOiAnbmFtZScsCiAgICBkYXRhSW5kZXg6ICduYW1lJywKICAgIHdpZHRoOiAnMzAlJywKICB9LAogIHsKICAgIHRpdGxlOiAnYWdlJywKICAgIGRhdGFJbmRleDogJ2FnZScsCiAgfSwKICB7CiAgICB0aXRsZTogJ2FkZHJlc3MnLAogICAgZGF0YUluZGV4OiAnYWRkcmVzcycsCiAgfSwKICB7CiAgICB0aXRsZTogJ29wZXJhdGlvbicsCiAgICBkYXRhSW5kZXg6ICdvcGVyYXRpb24nLAogIH0sCl07CmNvbnN0IGRhdGFTb3VyY2UgPSByZWYoWwogIHsKICAgIGtleTogJzAnLAogICAgbmFtZTogJ0Vkd2FyZCBLaW5nIDAnLAogICAgYWdlOiAzMiwKICAgIGFkZHJlc3M6ICdMb25kb24sIFBhcmsgTGFuZSBuby4gMCcsCiAgfSwKICB7CiAgICBrZXk6ICcxJywKICAgIG5hbWU6ICdFZHdhcmQgS2luZyAxJywKICAgIGFnZTogMzIsCiAgICBhZGRyZXNzOiAnTG9uZG9uLCBQYXJrIExhbmUgbm8uIDEnLAogIH0sCl0pOwpjb25zdCBjb3VudCA9IGNvbXB1dGVkKCgpID0+IGRhdGFTb3VyY2UudmFsdWUubGVuZ3RoICsgMSk7CmNvbnN0IGVkaXRhYmxlRGF0YSA9IHJlYWN0aXZlKHt9KTsKY29uc3QgZWRpdCA9IGtleSA9PiB7CiAgZWRpdGFibGVEYXRhW2tleV0gPSBjbG9uZURlZXAoZGF0YVNvdXJjZS52YWx1ZS5maWx0ZXIoaXRlbSA9PiBrZXkgPT09IGl0ZW0ua2V5KVswXSk7Cn07CmNvbnN0IHNhdmUgPSBrZXkgPT4gewogIE9iamVjdC5hc3NpZ24oZGF0YVNvdXJjZS52YWx1ZS5maWx0ZXIoaXRlbSA9PiBrZXkgPT09IGl0ZW0ua2V5KVswXSwgZWRpdGFibGVEYXRhW2tleV0pOwogIGRlbGV0ZSBlZGl0YWJsZURhdGFba2V5XTsKfTsKY29uc3Qgb25EZWxldGUgPSBrZXkgPT4gewogIGRhdGFTb3VyY2UudmFsdWUgPSBkYXRhU291cmNlLnZhbHVlLmZpbHRlcihpdGVtID0+IGl0ZW0ua2V5ICE9PSBrZXkpOwp9Owpjb25zdCBoYW5kbGVBZGQgPSAoKSA9PiB7CiAgY29uc3QgbmV3RGF0YSA9IHsKICAgIGtleTogYCR7Y291bnQudmFsdWV9YCwKICAgIG5hbWU6IGBFZHdhcmQgS2luZyAke2NvdW50LnZhbHVlfWAsCiAgICBhZ2U6IDMyLAogICAgYWRkcmVzczogYExvbmRvbiwgUGFyayBMYW5lIG5vLiAke2NvdW50LnZhbHVlfWAsCiAgfTsKICBkYXRhU291cmNlLnZhbHVlLnB1c2gobmV3RGF0YSk7Cn07Cjwvc2NyaXB0Pgo8c3R5bGUgbGFuZz0ibGVzcyIgc2NvcGVkPgouZWRpdGFibGUtY2VsbCB7CiAgcG9zaXRpb246IHJlbGF0aXZlOwogIC5lZGl0YWJsZS1jZWxsLWlucHV0LXdyYXBwZXIsCiAgLmVkaXRhYmxlLWNlbGwtdGV4dC13cmFwcGVyIHsKICAgIHBhZGRpbmctcmlnaHQ6IDI0cHg7CiAgfQoKICAuZWRpdGFibGUtY2VsbC10ZXh0LXdyYXBwZXIgewogICAgcGFkZGluZzogNXB4IDI0cHggNXB4IDVweDsKICB9CgogIC5lZGl0YWJsZS1jZWxsLWljb24sCiAgLmVkaXRhYmxlLWNlbGwtaWNvbi1jaGVjayB7CiAgICBwb3NpdGlvbjogYWJzb2x1dGU7CiAgICByaWdodDogMDsKICAgIHdpZHRoOiAyMHB4OwogICAgY3Vyc29yOiBwb2ludGVyOwogIH0KCiAgLmVkaXRhYmxlLWNlbGwtaWNvbiB7CiAgICBtYXJnaW4tdG9wOiA0cHg7CiAgICBkaXNwbGF5OiBub25lOwogIH0KCiAgLmVkaXRhYmxlLWNlbGwtaWNvbi1jaGVjayB7CiAgICBsaW5lLWhlaWdodDogMjhweDsKICB9CgogIC5lZGl0YWJsZS1jZWxsLWljb246aG92ZXIsCiAgLmVkaXRhYmxlLWNlbGwtaWNvbi1jaGVjazpob3ZlciB7CiAgICBjb2xvcjogIzEwOGVlOTsKICB9CgogIC5lZGl0YWJsZS1hZGQtYnRuIHsKICAgIG1hcmdpbi1ib3R0b206IDhweDsKICB9Cn0KLmVkaXRhYmxlLWNlbGw6aG92ZXIgLmVkaXRhYmxlLWNlbGwtaWNvbiB7CiAgZGlzcGxheTogaW5saW5lLWJsb2NrOwp9Cjwvc3R5bGU+"}},{default:d(()=>[C(k,{class:"editable-add-btn",style:{"margin-bottom":"8px"},onClick:u},{default:d(()=>[...g[0]||(g[0]=[a("Add",-1)])]),_:1}),C(Z,{bordered:"","data-source":p.value,columns:o},{bodyCell:d(({column:v,text:G,record:w})=>[v.dataIndex==="name"?(m(),W("div",Qt,[s[w.key]?(m(),W("div",qt,[C(y,{value:s[w.key].name,"onUpdate:value":B=>s[w.key].name=B,onPressEnter:B=>r(w.key)},null,8,["value","onUpdate:value","onPressEnter"]),C(P(rs),{class:"editable-cell-icon-check",onClick:B=>r(w.key)},null,8,["onClick"])])):(m(),W("div",_t,[a(L(G||" ")+" ",1),C(P(us),{class:"editable-cell-icon",onClick:B=>e(w.key)},null,8,["onClick"])]))])):v.dataIndex==="operation"?(m(),W(O,{key:1},[p.value.length?(m(),x(A,{key:0,title:"Sure to delete?",onConfirm:B=>l(w.key)},{default:d(()=>[...g[1]||(g[1]=[n("a",null,"Delete",-1)])]),_:1},8,["onConfirm"])):K("",!0)],64)):K("",!0)]),_:1},8,["data-source"])]),htmlCode:d(()=>[...g[2]||(g[2]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
1032  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"}

1032,"<"),a("a-button")]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("editable-add-btn"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"margin-bottom"),n("span",{class:"token punctuation"},":"),a(" 8px")]),n("span",{class:"token punctuation"},'"')])]),a(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("handleAdd"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Add"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-button")]),n("span",{class:"token punctuation"},">")]),a(`
1033  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table")]),a(),n("span",{class:"token attr-name"},"bordered"),a(),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("dataSource"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("columns"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
1034    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#bodyCell"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ column, text, record }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
1035      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("column.dataIndex === 'name'"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
1036        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("editable-cell"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
1037          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),a(),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("editableData[record.key]"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("editable-cell-input-wrapper"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
1038            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-input")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("editableData[record.key].name"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"@pressEnter"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("save(record.key)"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
1039            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("check-outlined")]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("editable-cell-icon-check"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("save(record.key)"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
1040          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
1041          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),a(),n("span",{class:"token attr-name"},"v-else"),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("editable-cell-text-wrapper"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
1042            {{ text || ' ' }}
1043            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("edit-outlined")]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("editable-cell-icon"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("edit(record.key)"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
1044          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
1045        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
1046      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
1047      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"v-else-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"}

1047,'"'),a("column.dataIndex === 'operation'"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
1048        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-popconfirm")]),a(`
1049          `),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("dataSource.length"),n("span",{class:"token punctuation"},'"')]),a(`
1050          `),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Sure to delete?"),n("span",{class:"token punctuation"},'"')]),a(`
1051          `),n("span",{class:"token attr-name"},"@confirm"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("onDelete(record.key)"),n("span",{class:"token punctuation"},'"')]),a(`
1052        `),n("span",{class:"token punctuation"},">")]),a(`
1053          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a")]),n("span",{class:"token punctuation"},">")]),a("Delete"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
1054        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-popconfirm")]),n("span",{class:"token punctuation"},">")]),a(`
1055      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
1056    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
1057  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table")]),n("span",{class:"token punctuation"},">")]),a(`
1058`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
1059`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ts"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"setup"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
1060`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" computed"),n("span",{class:"token punctuation"},","),a(" reactive"),n("span",{class:"token punctuation"},","),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
1061`),n("span",{class:"token keyword"},"import"),a(" type "),n("span",{class:"token punctuation"},"{"),a(" Ref"),n("span",{class:"token punctuation"},","),a(" UnwrapRef "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
1062`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" CheckOutlined"),n("span",{class:"token punctuation"},","),a(" EditOutlined "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'@ant-design/icons-vue'"),n("span",{class:"token punctuation"},";"),a(`
1063`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" cloneDeep "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'lodash-es'"),n("span",{class:"token punctuation"},";"),a(`
1064
1065`),n("span",{class:"token keyword"},"interface"),a(),n("span",{class:"token class-name"},"DataItem"),a(),n("span",{class:"token punctuation"},"{"),a(`
1066  `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},";"),a(`
1067  `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},";"),a(`
1068  `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(" number"),n("span",{class:"token punctuation"},";"),a(`
1069  `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},";"),a(`
1070`),n("span",{class:"token punctuation"},"}"),a(`
1071
1072`),n("span",{class:"token keyword"},"const"),a(" columns "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
1073  `),n("span",{class:"token punctuation"},"{"),a(`
1074    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
1075    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
1076    `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'30%'"),n("span",{class:"token punctuation"},","),a(`
1077  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1078  `),n("span",{class:"token punctuation"},"{"),a(`
1079    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'age'"),n("span",{class:"token punctuation"},","),a(`
1080    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'age'"),n("span",{class:"token punctuation"},","),a(`
1081  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1082  `),n("span",{class:"token punctuation"},"{"),a(`
1083    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
1084    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
1085  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1086  `),n("span",{class:"token punctuation"},"{"),a(`
1087    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'operation'"),n("span",{class:"token punctuation"},","),a(`
1088    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'operation'"),n("span",{class:"token punctuation"},","),a(`
1089  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1090`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
1091`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token literal-property property"},"dataSource"),n("span",{class:"token operator"},":"),a(" Ref"),n("span",{class:"token operator"},"<"),a("DataItem"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),a(`
1092  `),n("span",{class:"token punctuation"},"{"),a(`
1093    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'0'"),n("span",{class:"token punctuation"},","),a(`
1094    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Edward King 0'"),n("span",{class:"token punctuation"},","),a(`
1095    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
1096    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'London, Park Lane no. 0'"),n("span",{class:"token punctuation"},","),a(`
1097  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1098  `),n("span",{class:"token punctuation"},"{"),a(`
1099    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'1'"),n("span",{class:"token punctuation"},","),a(`
1100    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Edward King 1'"),n("span",{class:"token punctuation"},","),a(`
1101    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
1102    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'London, Park Lane no. 1'"),n("span",{class:"token punctuation"},","),a(`
1103  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1104`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
1105`),n("span",{class:"token keyword"},"const"),a(" count "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"computed"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(" dataSource"),n("span",{class:"token punctuation"},"."),a("value"),n("span",{class:"token punctuation"},"."),a("length "),n("span",{class:"token operator"},"+"),a(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
1106`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token literal-property property"},"editableData"),n("span",{class:"token operator"},":"),a(" UnwrapRef"),n("span",{class:"token operator"},"<"),a("Record"),n("span",{class:"token operator"},"<"),a("string"),n("span",{class:"token punctuation"},","),a(" DataItem"),n("span",{class:"token operator"},">>"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"reactive"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
1107
1108`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"edit"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(" string")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
1109  editableData`),n("span",{class:"token punctuation"},"["),a("key"),n("span",{class:"token punctuation"},"]"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"cloneDeep"),n("span",{class:"token punctuation"},"("),a("dataSource"),n("span",{class:"token punctuation"},"."),a("value"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"filter"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"item"),a(),n("span",{class:"token operator"},"=>"),a(" key "),n("span",{class:"token operator"},"==="),a(" item"),n("span",{class:"token punctuation"},"."),a("key"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"["),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
1110`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
1111`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"save"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(" string")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
1112  Object`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"assign"),n("span",{class:"token punctuation"},"("),a("dataSource"),n("span",{class:"token punctuation"},"."),a("value"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"filter"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"item"),a(),n("span",{class:"token operator"},"=>"),a(" key "),n("span",{class:"token operator"},"==="),a(" item"),n("span",{class:"token punctuation"},"."),a("key"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"["),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(" editableData"),n("span",{class:"token punctuation"},"["),a("key"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
1113  `),n("span",{class:"token keyword"},"delete"),a(" editableData"),n("span",{class:"token punctuation"},"["),a("key"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
1114`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
1115
1116`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"onDelete"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(" string")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
1117  dataSource`),n("span",{class:"token punctuation"},"."),a("value "),n("span",{class:"token operator"},"="),a(" dataSource"),n("span",{class:"token punctuation"},"."),a("value"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"filter"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"item"),a(),n("span",{class:"token operator"},"=>"),a(" item"),n("span",{class:"token punctuation"},"."),a("key "),n("span",{class:"token operator"},"!=="),a(" key"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
1118`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
1119`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"handleAdd"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
1120  `),n("span",{class:"token keyword"},"const"),a(" newData "),n("span",{class:"token operator"},"="

1120),a(),n("span",{class:"token punctuation"},"{"),a(`
1121    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),a("count"),n("span",{class:"token punctuation"},"."),a("value"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},","),a(`
1122    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token string"},"Edward King "),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),a("count"),n("span",{class:"token punctuation"},"."),a("value"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},","),a(`
1123    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
1124    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token string"},"London, Park Lane no. "),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),a("count"),n("span",{class:"token punctuation"},"."),a("value"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},","),a(`
1125  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
1126  dataSource`),n("span",{class:"token punctuation"},"."),a("value"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"push"),n("span",{class:"token punctuation"},"("),a("newData"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
1127`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
1128`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
1129`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("style")]),a(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("less"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"scoped"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token style"},[n("span",{class:"token language-css"},[a(`
1130`),n("span",{class:"token selector"},".editable-cell"),a(),n("span",{class:"token punctuation"},"{"),a(`
1131  `),n("span",{class:"token property"},"position"),n("span",{class:"token punctuation"},":"),a(" relative"),n("span",{class:"token punctuation"},";"),a(`
1132  `),n("span",{class:"token selector"},`.editable-cell-input-wrapper,
1133  .editable-cell-text-wrapper`),a(),n("span",{class:"token punctuation"},"{"),a(`
1134    `),n("span",{class:"token property"},"padding-right"),n("span",{class:"token punctuation"},":"),a(" 24px"),n("span",{class:"token punctuation"},";"),a(`
1135  `),n("span",{class:"token punctuation"},"}"),a(`
1136
1137  `),n("span",{class:"token selector"},".editable-cell-text-wrapper"),a(),n("span",{class:"token punctuation"},"{"),a(`
1138    `),n("span",{class:"token property"},"padding"),n("span",{class:"token punctuation"},":"),a(" 5px 24px 5px 5px"),n("span",{class:"token punctuation"},";"),a(`
1139  `),n("span",{class:"token punctuation"},"}"),a(`
1140
1141  `),n("span",{class:"token selector"},`.editable-cell-icon,
1142  .editable-cell-icon-check`),a(),n("span",{class:"token punctuation"},"{"),a(`
1143    `),n("span",{class:"token property"},"position"),n("span",{class:"token punctuation"},":"),a(" absolute"),n("span",{class:"token punctuation"},";"),a(`
1144    `),n("span",{class:"token property"},"right"),n("span",{class:"token punctuation"},":"),a(" 0"),n("span",{class:"token punctuation"},";"),a(`
1145    `),n("span",{class:"token property"},"width"),n("span",{class:"token punctuation"},":"),a(" 20px"),n("span",{class:"token punctuation"},";"),a(`
1146    `),n("span",{class:"token property"},"cursor"),n("span",{class:"token punctuation"},":"),a(" pointer"),n("span",{class:"token punctuation"},";"),a(`
1147  `),n("span",{class:"token punctuation"},"}"),a(`
1148
1149  `),n("span",{class:"token selector"},".editable-cell-icon"),a(),n("span",{class:"token punctuation"},"{"),a(`
1150    `),n("span",{class:"token property"},"margin-top"),n("span",{class:"token punctuation"},":"),a(" 4px"),n("span",{class:"token punctuation"},";"),a(`
1151    `),n("span",{class:"token property"},"display"),n("span",{class:"token punctuation"},":"),a(" none"),n("span",{class:"token punctuation"},";"),a(`
1152  `),n("span",{class:"token punctuation"},"}"),a(`
1153
1154  `),n("span",{class:"token selector"},".editable-cell-icon-check"),a(),n("span",{class:"token punctuation"},"{"),a(`
1155    `),n("span",{class:"token property"},"line-height"),n("span",{class:"token punctuation"},":"),a(" 28px"),n("span",{class:"token punctuation"},";"),a(`
1156  `),n("span",{class:"token punctuation"},"}"),a(`
1157
1158  `),n("span",{class:"token selector"},`.editable-cell-icon:hover,
1159  .editable-cell-icon-check:hover`),a(),n("span",{class:"token punctuation"},"{"),a(`
1160    `),n("span",{class:"token property"},"color"),n("span",{class:"token punctuation"},":"),a(" #108ee9"),n("span",{class:"token punctuation"},";"),a(`
1161  `),n("span",{class:"token punctuation"},"}"),a(`
1162
1163  `),n("span",{class:"token selector"},".editable-add-btn"),a(),n("span",{class:"token punctuation"},"{"),a(`
1164    `),n("span",{class:"token property"},"margin-bottom"),n("span",{class:"token punctuation"},":"),a(" 8px"),n("span",{class:"token punctuation"},";"),a(`
1165  `),n("span",{class:"token punctuation"},"}"),a(`
1166`),n("span",{class:"token punctuation"},"}"),a(`
1167`),n("span",{class:"token selector"},".editable-cell:hover .editable-cell-icon"),a(),n("span",{class:"token punctuation"},"{"),a(`
1168  `),n("span",{class:"token property"},"display"),n("span",{class:"token punctuation"},":"),a(" inline-block"),n("span",{class:"token punctuation"},";"),a(`
1169`),n("span",{class:"token punctuation"},"}"),a(`
1170`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("style")]),n("span",{class:"token punctuation"},">")]),a(`
1171`)])],-1)])]),jsVersionHtml:d(()=>[...g[3]||(g[3]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
1172  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"}

1172,"<"),a("a-button")]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("editable-add-btn"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"margin-bottom"),n("span",{class:"token punctuation"},":"),a(" 8px")]),n("span",{class:"token punctuation"},'"')])]),a(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("handleAdd"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Add"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-button")]),n("span",{class:"token punctuation"},">")]),a(`
1173  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table")]),a(),n("span",{class:"token attr-name"},"bordered"),a(),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("dataSource"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("columns"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
1174    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#bodyCell"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ column, text, record }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
1175      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("column.dataIndex === 'name'"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
1176        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("editable-cell"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
1177          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),a(),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("editableData[record.key]"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("editable-cell-input-wrapper"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
1178            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-input")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("editableData[record.key].name"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"@pressEnter"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("save(record.key)"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
1179            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("check-outlined")]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("editable-cell-icon-check"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("save(record.key)"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
1180          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
1181          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),a(),n("span",{class:"token attr-name"},"v-else"),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("editable-cell-text-wrapper"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
1182            {{ text || ' ' }}
1183            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("edit-outlined")]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("editable-cell-icon"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("edit(record.key)"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
1184          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
1185        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
1186      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
1187      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"v-else-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"}

1187,'"'),a("column.dataIndex === 'operation'"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
1188        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-popconfirm")]),a(`
1189          `),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("dataSource.length"),n("span",{class:"token punctuation"},'"')]),a(`
1190          `),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Sure to delete?"),n("span",{class:"token punctuation"},'"')]),a(`
1191          `),n("span",{class:"token attr-name"},"@confirm"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("onDelete(record.key)"),n("span",{class:"token punctuation"},'"')]),a(`
1192        `),n("span",{class:"token punctuation"},">")]),a(`
1193          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a")]),n("span",{class:"token punctuation"},">")]),a("Delete"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
1194        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-popconfirm")]),n("span",{class:"token punctuation"},">")]),a(`
1195      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
1196    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
1197  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table")]),n("span",{class:"token punctuation"},">")]),a(`
1198`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
1199`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),n("span",{class:"token attr-name"},"setup"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
1200`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" computed"),n("span",{class:"token punctuation"},","),a(" reactive"),n("span",{class:"token punctuation"},","),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
1201`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" cloneDeep "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'lodash-es'"),n("span",{class:"token punctuation"},";"),a(`
1202`),n("span",{class:"token keyword"},"const"),a(" columns "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
1203  `),n("span",{class:"token punctuation"},"{"),a(`
1204    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
1205    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
1206    `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'30%'"),n("span",{class:"token punctuation"},","),a(`
1207  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1208  `),n("span",{class:"token punctuation"},"{"),a(`
1209    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'age'"),n("span",{class:"token punctuation"},","),a(`
1210    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'age'"),n("span",{class:"token punctuation"},","),a(`
1211  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1212  `),n("span",{class:"token punctuation"},"{"),a(`
1213    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
1214    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
1215  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1216  `),n("span",{class:"token punctuation"},"{"),a(`
1217    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'operation'"),n("span",{class:"token punctuation"},","),a(`
1218    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'operation'"),n("span",{class:"token punctuation"},","),a(`
1219  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1220`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
1221`),n("span",{class:"token keyword"},"const"),a(" dataSource "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),a(`
1222  `),n("span",{class:"token punctuation"},"{"),a(`
1223    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'0'"),n("span",{class:"token punctuation"},","),a(`
1224    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Edward King 0'"),n("span",{class:"token punctuation"},","),a(`
1225    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
1226    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'London, Park Lane no. 0'"),n("span",{class:"token punctuation"},","),a(`
1227  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1228  `),n("span",{class:"token punctuation"},"{"),a(`
1229    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'1'"),n("span",{class:"token punctuation"},","),a(`
1230    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Edward King 1'"),n("span",{class:"token punctuation"},","),a(`
1231    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
1232    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'London, Park Lane no. 1'"),n("span",{class:"token punctuation"},","),a(`
1233  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1234`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
1235`),n("span",{class:"token keyword"},"const"),a(" count "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"computed"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(" dataSource"),n("span",{class:"token punctuation"},"."),a("value"),n("span",{class:"token punctuation"},"."),a("length "),n("span",{class:"token operator"},"+"),a(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
1236`),n("span",{class:"token keyword"},"const"),a(" editableData "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"reactive"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
1237`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"edit"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token parameter"},"key"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
1238  editableData`),n("span",{class:"token punctuation"},"["),a("key"),n("span",{class:"token punctuation"},"]"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"cloneDeep"),n("span",{class:"token punctuation"},"("),a("dataSource"),n("span",{class:"token punctuation"},"."),a("value"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"filter"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"item"),a(),n("span",{class:"token operator"},"=>"),a(" key "),n("span",{class:"token operator"},"==="),a(" item"),n("span",{class:"token punctuation"},"."),a("key"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"["),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
1239`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
1240`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"save"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token parameter"},"key"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
1241  Object`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"assign"),n("span",{class:"token punctuation"},"("),a("dataSource"),n("span",{class:"token punctuation"},"."),a("value"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"filter"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"item"),a(),n("span",{class:"token operator"},"=>"),a(" key "),n("span",{class:"token operator"},"==="),a(" item"),n("span",{class:"token punctuation"},"."),a("key"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"["),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(" editableData"),n("span",{class:"token punctuation"},"["),a("key"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
1242  `),n("span",{class:"token keyword"},"delete"),a(" editableData"),n("span",{class:"token punctuation"},"["),a("key"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
1243`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
1244`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"onDelete"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token parameter"},"key"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
1245  dataSource`),n("span",{class:"token punctuation"},"."),a("value "),n("span",{class:"token operator"},"="),a(" dataSource"),n("span",{class:"token punctuation"},"."),a("value"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"filter"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"item"),a(),n("span",{class:"token operator"},"=>"),a(" item"),n("span",{class:"token punctuation"},"."),a("key "),n("span",{class:"token operator"},"!=="),a(" key"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
1246`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
1247`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"handleAdd"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
1248  `),n("span",{class:"token keyword"},"const"),a(" newData "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"{"),a(`
1249    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),a("count"),n("span",{class:"token punctuation"},"."),a("value"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},","),a(`
1250    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token string"},"Edward King "),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),a("count"),n("span",{class:"token punctuation"},"."),a("value"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},","),a(`
1251    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
1252    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token string"},"London, Park Lane no. "),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),a("count"),n("span",{class:"token punctuation"},"."),a("value"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},","),a(`
1253  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
1254  dataSource`),n("span",{class:"token punctuation"},"."),a("value"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"push"),n("span",{class:"token punctuation"},"("),a("newData"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
1255`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
1256`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"}

1256,"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
1257`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("style")]),a(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("less"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"scoped"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token style"},[n("span",{class:"token language-css"},[a(`
1258`),n("span",{class:"token selector"},".editable-cell"),a(),n("span",{class:"token punctuation"},"{"),a(`
1259  `),n("span",{class:"token property"},"position"),n("span",{class:"token punctuation"},":"),a(" relative"),n("span",{class:"token punctuation"},";"),a(`
1260  `),n("span",{class:"token selector"},`.editable-cell-input-wrapper,
1261  .editable-cell-text-wrapper`),a(),n("span",{class:"token punctuation"},"{"),a(`
1262    `),n("span",{class:"token property"},"padding-right"),n("span",{class:"token punctuation"},":"),a(" 24px"),n("span",{class:"token punctuation"},";"),a(`
1263  `),n("span",{class:"token punctuation"},"}"),a(`
1264
1265  `),n("span",{class:"token selector"},".editable-cell-text-wrapper"),a(),n("span",{class:"token punctuation"},"{"),a(`
1266    `),n("span",{class:"token property"},"padding"),n("span",{class:"token punctuation"},":"),a(" 5px 24px 5px 5px"),n("span",{class:"token punctuation"},";"),a(`
1267  `),n("span",{class:"token punctuation"},"}"),a(`
1268
1269  `),n("span",{class:"token selector"},`.editable-cell-icon,
1270  .editable-cell-icon-check`),a(),n("span",{class:"token punctuation"},"{"),a(`
1271    `),n("span",{class:"token property"},"position"),n("span",{class:"token punctuation"},":"),a(" absolute"),n("span",{class:"token punctuation"},";"),a(`
1272    `),n("span",{class:"token property"},"right"),n("span",{class:"token punctuation"},":"),a(" 0"),n("span",{class:"token punctuation"},";"),a(`
1273    `),n("span",{class:"token property"},"width"),n("span",{class:"token punctuation"},":"),a(" 20px"),n("span",{class:"token punctuation"},";"),a(`
1274    `),n("span",{class:"token property"},"cursor"),n("span",{class:"token punctuation"},":"),a(" pointer"),n("span",{class:"token punctuation"},";"),a(`
1275  `),n("span",{class:"token punctuation"},"}"),a(`
1276
1277  `),n("span",{class:"token selector"},".editable-cell-icon"),a(),n("span",{class:"token punctuation"},"{"),a(`
1278    `),n("span",{class:"token property"},"margin-top"),n("span",{class:"token punctuation"},":"),a(" 4px"),n("span",{class:"token punctuation"},";"),a(`
1279    `),n("span",{class:"token property"},"display"),n("span",{class:"token punctuation"},":"),a(" none"),n("span",{class:"token punctuation"},";"),a(`
1280  `),n("span",{class:"token punctuation"},"}"),a(`
1281
1282  `),n("span",{class:"token selector"},".editable-cell-icon-check"),a(),n("span",{class:"token punctuation"},"{"),a(`
1283    `),n("span",{class:"token property"},"line-height"),n("span",{class:"token punctuation"},":"),a(" 28px"),n("span",{class:"token punctuation"},";"),a(`
1284  `),n("span",{class:"token punctuation"},"}"),a(`
1285
1286  `),n("span",{class:"token selector"},`.editable-cell-icon:hover,
1287  .editable-cell-icon-check:hover`),a(),n("span",{class:"token punctuation"},"{"),a(`
1288    `),n("span",{class:"token property"},"color"),n("span",{class:"token punctuation"},":"),a(" #108ee9"),n("span",{class:"token punctuation"},";"),a(`
1289  `),n("span",{class:"token punctuation"},"}"),a(`
1290
1291  `),n("span",{class:"token selector"},".editable-add-btn"),a(),n("span",{class:"token punctuation"},"{"),a(`
1292    `),n("span",{class:"token property"},"margin-bottom"),n("span",{class:"token punctuation"},":"),a(" 8px"),n("span",{class:"token punctuation"},";"),a(`
1293  `),n("span",{class:"token punctuation"},"}"),a(`
1294`),n("span",{class:"token punctuation"},"}"),a(`
1295`),n("span",{class:"token selector"},".editable-cell:hover .editable-cell-icon"),a(),n("span",{class:"token punctuation"},"{"),a(`
1296  `),n("span",{class:"token property"},"display"),n("span",{class:"token punctuation"},":"),a(" inline-block"),n("span",{class:"token punctuation"},";"),a(`
1297`),n("span",{class:"token punctuation"},"}"),a(`
1298`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("style")]),n("span",{class:"token punctuation"},">")]),a(`
1299`)])],-1)])]),_:1})}}});const no=M($t,[["__scopeId","data-v-1e472734"]]),ao={key:0},so={key:1,class:"editable-row-operations"},to={key:0},oo={key:1},eo=["onClick"],po=F({__name:"edit-row",setup(t){const o=[{title:"name",dataIndex:"name",width:"25%"},{title:"age",dataIndex:"age",width:"15%"},{title:"address",dataIndex:"address",width:"40%"},{title:"operation",dataIndex:"operation"}],p=[];for(let u=0;u<100;u++)p.push({key:u.toString(),name:`Edrward ${u}`,age:32,address:`London Park no. ${u}`});const c=S(p),s=gn({}),e=u=>{s[u]=Ba(c.value.filter(i=>u===i.key)[0])},r=u=>{Object.assign(c.value.filter(i=>u===i.key)[0],s[u]),delete s[u]},l=u=>{delete s[u]};return(u,i)=>{const g=I("a-input"),k=I("a-typography-link"),y=I("a-popconfirm"),A=I("a-table"),Z=I("demo-box");return m(),x(Z,{jsfiddle:{us:"Table with editable rows.",cn:"\u5E26\u884C\u7F16\u8F91\u529F\u80FD\u7684\u8868\u683C\u3002",docHtml:`<h2 id="zh-cn">zh-CN <a class="header-anchor" href="#zh-cn">

1300          <span aria-hidden="true" class="anchor">#</span>
1301        </a></h2>
1302<p>\u5E26\u884C\u7F16\u8F91\u529F\u80FD\u7684\u8868\u683C\u3002</p>
1303<h2 id="en-us">en-US <a class="header-anchor" href="#en-us">
1304          <span aria-hidden="true" class="anchor">#</span>
1305        </a></h2>
1306<p>Table with editable rows.</p>
1307`,order:24,title:{"en-US":"Editable Rows","zh-CN":"\u53EF\u7F16\u8F91\u884C"},relativePath:"components/table/demo/edit-row.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXRhYmxlIDpjb2x1bW5zPSJjb2x1bW5zIiA6ZGF0YS1zb3VyY2U9ImRhdGFTb3VyY2UiIGJvcmRlcmVkPgogICAgPHRlbXBsYXRlICNib2R5Q2VsbD0ieyBjb2x1bW4sIHRleHQsIHJlY29yZCB9Ij4KICAgICAgPHRlbXBsYXRlIHYtaWY9IlsnbmFtZScsICdhZ2UnLCAnYWRkcmVzcyddLmluY2x1ZGVzKGNvbHVtbi5kYXRhSW5kZXgpIj4KICAgICAgICA8ZGl2PgogICAgICAgICAgPGEtaW5wdXQKICAgICAgICAgICAgdi1pZj0iZWRpdGFibGVEYXRhW3JlY29yZC5rZXldIgogICAgICAgICAgICB2LW1vZGVsOnZhbHVlPSJlZGl0YWJsZURhdGFbcmVjb3JkLmtleV1bY29sdW1uLmRhdGFJbmRleF0iCiAgICAgICAgICAgIHN0eWxlPSJtYXJnaW46IC01cHggMCIKICAgICAgICAgIC8+CiAgICAgICAgICA8dGVtcGxhdGUgdi1lbHNlPgogICAgICAgICAgICB7eyB0ZXh0IH19CiAgICAgICAgICA8L3RlbXBsYXRlPgogICAgICAgIDwvZGl2PgogICAgICA8L3RlbXBsYXRlPgogICAgICA8dGVtcGxhdGUgdi1lbHNlLWlmPSJjb2x1bW4uZGF0YUluZGV4ID09PSAnb3BlcmF0aW9uJyI+CiAgICAgICAgPGRpdiBjbGFzcz0iZWRpdGFibGUtcm93LW9wZXJhdGlvbnMiPgogICAgICAgICAgPHNwYW4gdi1pZj0iZWRpdGFibGVEYXRhW3JlY29yZC5rZXldIj4KICAgICAgICAgICAgPGEtdHlwb2dyYXBoeS1saW5rIEBjbGljaz0ic2F2ZShyZWNvcmQua2V5KSI+U2F2ZTwvYS10eXBvZ3JhcGh5LWxpbms+CiAgICAgICAgICAgIDxhLXBvcGNvbmZpcm0gdGl0bGU9IlN1cmUgdG8gY2FuY2VsPyIgQGNvbmZpcm09ImNhbmNlbChyZWNvcmQua2V5KSI+CiAgICAgICAgICAgICAgPGE+Q2FuY2VsPC9hPgogICAgICAgICAgICA8L2EtcG9wY29uZmlybT4KICAgICAgICAgIDwvc3Bhbj4KICAgICAgICAgIDxzcGFuIHYtZWxzZT4KICAgICAgICAgICAgPGEgQGNsaWNrPSJlZGl0KHJlY29yZC5rZXkpIj5FZGl0PC9hPgogICAgICAgICAgPC9zcGFuPgogICAgICAgIDwvZGl2PgogICAgICA8L3RlbXBsYXRlPgogICAgPC90ZW1wbGF0ZT4KICA8L2EtdGFibGU+CjwvdGVtcGxhdGU+CjxzY3JpcHQgbGFuZz0idHMiIHNldHVwPgppbXBvcnQgeyBjbG9uZURlZXAgfSBmcm9tICdsb2Rhc2gtZXMnOwppbXBvcnQgeyByZWFjdGl2ZSwgcmVmIH0gZnJvbSAndnVlJzsKaW1wb3J0IHR5cGUgeyBVbndyYXBSZWYgfSBmcm9tICd2dWUnOwoKY29uc3QgY29sdW1ucyA9IFsKICB7CiAgICB0aXRsZTogJ25hbWUnLAogICAgZGF0YUluZGV4OiAnbmFtZScsCiAgICB3aWR0aDogJzI1JScsCiAgfSwKICB7CiAgICB0aXRsZTogJ2FnZScsCiAgICBkYXRhSW5kZXg6ICdhZ2UnLAogICAgd2lkdGg6ICcxNSUnLAogIH0sCiAgewogICAgdGl0bGU6ICdhZGRyZXNzJywKICAgIGRhdGFJbmRleDogJ2FkZHJlc3MnLAogICAgd2lkdGg6ICc0MCUnLAogIH0sCiAgewogICAgdGl0bGU6ICdvcGVyYXRpb24nLAogICAgZGF0YUluZGV4OiAnb3BlcmF0aW9uJywKICB9LApdOwppbnRlcmZhY2UgRGF0YUl0ZW0gewogIGtleTogc3RyaW5nOwogIG5hbWU6IHN0cmluZzsKICBhZ2U6IG51bWJlcjsKICBhZGRyZXNzOiBzdHJpbmc7Cn0KY29uc3QgZGF0YTogRGF0YUl0ZW1bXSA9IFtdOwpmb3IgKGxldCBpID0gMDsgaSA8IDEwMDsgaSsrKSB7CiAgZGF0YS5wdXNoKHsKICAgIGtleTogaS50b1N0cmluZygpLAogICAgbmFtZTogYEVkcndhcmQgJHtpfWAsCiAgICBhZ2U6IDMyLAogICAgYWRkcmVzczogYExvbmRvbiBQYXJrIG5vLiAke2l9YCwKICB9KTsKfQoKY29uc3QgZGF0YVNvdXJjZSA9IHJlZihkYXRhKTsKY29uc3QgZWRpdGFibGVEYXRhOiBVbndyYXBSZWY8UmVjb3JkPHN0cmluZywgRGF0YUl0ZW0+PiA9IHJlYWN0aXZlKHt9KTsKCmNvbnN0IGVkaXQgPSAoa2V5OiBzdHJpbmcpID0+IHsKICBlZGl0YWJsZURhdGFba2V5XSA9IGNsb25lRGVlcChkYXRhU291cmNlLnZhbHVlLmZpbHRlcihpdGVtID0+IGtleSA9PT0gaXRlbS5rZXkpWzBdKTsKfTsKY29uc3Qgc2F2ZSA9IChrZXk6IHN0cmluZykgPT4gewogIE9iamVjdC5hc3NpZ24oZGF0YVNvdXJjZS52YWx1ZS5maWx0ZXIoaXRlbSA9PiBrZXkgPT09IGl0ZW0ua2V5KVswXSwgZWRpdGFibGVEYXRhW2tleV0pOwogIGRlbGV0ZSBlZGl0YWJsZURhdGFba2V5XTsKfTsKY29uc3QgY2FuY2VsID0gKGtleTogc3RyaW5nKSA9PiB7CiAgZGVsZXRlIGVkaXRhYmxlRGF0YVtrZXldOwp9Owo8L3NjcmlwdD4KPHN0eWxlIHNjb3BlZD4KLmVkaXRhYmxlLXJvdy1vcGVyYXRpb25zIGEgewogIG1hcmdpbi1yaWdodDogOHB4Owp9Cjwvc3R5bGU+Cg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXRhYmxlIDpjb2x1bW5zPSJjb2x1bW5zIiA6ZGF0YS1zb3VyY2U9ImRhdGFTb3VyY2UiIGJvcmRlcmVkPgogICAgPHRlbXBsYXRlICNib2R5Q2VsbD0ieyBjb2x1bW4sIHRleHQsIHJlY29yZCB9Ij4KICAgICAgPHRlbXBsYXRlIHYtaWY9IlsnbmFtZScsICdhZ2UnLCAnYWRkcmVzcyddLmluY2x1ZGVzKGNvbHVtbi5kYXRhSW5kZXgpIj4KICAgICAgICA8ZGl2PgogICAgICAgICAgPGEtaW5wdXQKICAgICAgICAgICAgdi1pZj0iZWRpdGFibGVEYXRhW3JlY29yZC5rZXldIgogICAgICAgICAgICB2LW1vZGVsOnZhbHVlPSJlZGl0YWJsZURhdGFbcmVjb3JkLmtleV1bY29sdW1uLmRhdGFJbmRleF0iCiAgICAgICAgICAgIHN0eWxlPSJtYXJnaW46IC01cHggMCIKICAgICAgICAgIC8+CiAgICAgICAgICA8dGVtcGxhdGUgdi1lbHNlPgogICAgICAgICAgICB7eyB0ZXh0IH19CiAgICAgICAgICA8L3RlbXBsYXRlPgogICAgICAgIDwvZGl2PgogICAgICA8L3RlbXBsYXRlPgogICAgICA8dGVtcGxhdGUgdi1lbHNlLWlmPSJjb2x1bW4uZGF0YUluZGV4ID09PSAnb3BlcmF0aW9uJyI+CiAgICAgICAgPGRpdiBjbGFzcz0iZWRpdGFibGUtcm93LW9wZXJhdGlvbnMiPgogICAgICAgICAgPHNwYW4gdi1pZj0iZWRpdGFibGVEYXRhW3JlY29yZC5rZXldIj4KICAgICAgICAgICAgPGEtdHlwb2dyYXBoeS1saW5rIEBjbGljaz0ic2F2ZShyZWNvcmQua2V5KSI+U2F2ZTwvYS10eXBvZ3JhcGh5LWxpbms+CiAgICAgICAgICAgIDxhLXBvcGNvbmZpcm0gdGl0bGU9IlN1cmUgdG8gY2FuY2VsPyIgQGNvbmZpcm09ImNhbmNlbChyZWNvcmQua2V5KSI+CiAgICAgICAgICAgICAgPGE+Q2FuY2VsPC9hPgogICAgICAgICAgICA8L2EtcG9wY29uZmlybT4KICAgICAgICAgIDwvc3Bhbj4KICAgICAgICAgIDxzcGFuIHYtZWxzZT4KICAgICAgICAgICAgPGEgQGNsaWNrPSJlZGl0KHJlY29yZC5rZXkpIj5FZGl0PC9hPgogICAgICAgICAgPC9zcGFuPgogICAgICAgIDwvZGl2PgogICAgICA8L3RlbXBsYXRlPgogICAgPC90ZW1wbGF0ZT4KICA8L2EtdGFibGU+CjwvdGVtcGxhdGU+CjxzY3JpcHQgc2V0dXA+CmltcG9ydCB7

1307IGNsb25lRGVlcCB9IGZyb20gJ2xvZGFzaC1lcyc7CmltcG9ydCB7IHJlYWN0aXZlLCByZWYgfSBmcm9tICd2dWUnOwpjb25zdCBjb2x1bW5zID0gWwogIHsKICAgIHRpdGxlOiAnbmFtZScsCiAgICBkYXRhSW5kZXg6ICduYW1lJywKICAgIHdpZHRoOiAnMjUlJywKICB9LAogIHsKICAgIHRpdGxlOiAnYWdlJywKICAgIGRhdGFJbmRleDogJ2FnZScsCiAgICB3aWR0aDogJzE1JScsCiAgfSwKICB7CiAgICB0aXRsZTogJ2FkZHJlc3MnLAogICAgZGF0YUluZGV4OiAnYWRkcmVzcycsCiAgICB3aWR0aDogJzQwJScsCiAgfSwKICB7CiAgICB0aXRsZTogJ29wZXJhdGlvbicsCiAgICBkYXRhSW5kZXg6ICdvcGVyYXRpb24nLAogIH0sCl07CmNvbnN0IGRhdGEgPSBbXTsKZm9yIChsZXQgaSA9IDA7IGkgPCAxMDA7IGkrKykgewogIGRhdGEucHVzaCh7CiAgICBrZXk6IGkudG9TdHJpbmcoKSwKICAgIG5hbWU6IGBFZHJ3YXJkICR7aX1gLAogICAgYWdlOiAzMiwKICAgIGFkZHJlc3M6IGBMb25kb24gUGFyayBuby4gJHtpfWAsCiAgfSk7Cn0KY29uc3QgZGF0YVNvdXJjZSA9IHJlZihkYXRhKTsKY29uc3QgZWRpdGFibGVEYXRhID0gcmVhY3RpdmUoe30pOwpjb25zdCBlZGl0ID0ga2V5ID0+IHsKICBlZGl0YWJsZURhdGFba2V5XSA9IGNsb25lRGVlcChkYXRhU291cmNlLnZhbHVlLmZpbHRlcihpdGVtID0+IGtleSA9PT0gaXRlbS5rZXkpWzBdKTsKfTsKY29uc3Qgc2F2ZSA9IGtleSA9PiB7CiAgT2JqZWN0LmFzc2lnbihkYXRhU291cmNlLnZhbHVlLmZpbHRlcihpdGVtID0+IGtleSA9PT0gaXRlbS5rZXkpWzBdLCBlZGl0YWJsZURhdGFba2V5XSk7CiAgZGVsZXRlIGVkaXRhYmxlRGF0YVtrZXldOwp9Owpjb25zdCBjYW5jZWwgPSBrZXkgPT4gewogIGRlbGV0ZSBlZGl0YWJsZURhdGFba2V5XTsKfTsKPC9zY3JpcHQ+CjxzdHlsZSBzY29wZWQ+Ci5lZGl0YWJsZS1yb3ctb3BlcmF0aW9ucyBhIHsKICBtYXJnaW4tcmlnaHQ6IDhweDsKfQo8L3N0eWxlPg=="}},{default:d(()=>[C(A,{columns:o,"data-source":c.value,bordered:""},{bodyCell:d(({column:h,text:v,record:G})=>[["name","age","address"].includes(h.dataIndex)?(m(),W("div",ao,[s[G.key]?(m(),x(g,{key:0,value:s[G.key][h.dataIndex],"onUpdate:value":w=>s[G.key][h.dataIndex]=w,style:{margin:"-5px 0"}},null,8,["value","onUpdate:value"])):(m(),W(O,{key:1},[a(L(v),1)],64))])):h.dataIndex==="operation"?(m(),W("div",so,[s[G.key]?(m(),W("span",to,[C(k,{onClick:w=>r(G.key)},{default:d(()=>[...i[0]||(i[0]=[a("Save",-1)])]),_:1},8,["onClick"]),C(y,{title:"Sure to cancel?",onConfirm:w=>l(G.key)},{default:d(()=>[...i[1]||(i[1]=[n("a",null,"Cancel",-1)])]),_:1},8,["onConfirm"])])):(m(),W("span",oo,[n("a",{onClick:w=>e(G.key)},"Edit",8,eo)]))])):K("",!0)]),_:1},8,["data-source"])]),htmlCode:d(()=>[...i[2]||(i[2]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
1308  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table")]),a(),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("columns"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("dataSource"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"bordered"),n("span",{class:"token punctuation"},">")]),a(`
1309    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#bodyCell"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ column, text, record }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
1310      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("['name', 'age', 'address'].includes(column.dataIndex)"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
1311        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
1312          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-input")]),a(`
1313            `),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("editableData[record.key]"),n("span",{class:"token punctuation"},'"')]),a(`
1314            `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("editableData[record.key][column.dataIndex]"),n("span",{class:"token punctuation"},'"')]),a(`
1315            `),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"margin"),n("span",{class:"token punctuation"},":"),a(" -5px 0")]),n("span",{class:"token punctuation"},'"')])]),a(`
1316          `),n("span",{class:"token punctuation"},"/>")]),a(`
1317          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"v-else"),n("span",{class:"token punctuation"},">")]),a(`
1318            {{ text }}
1319          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
1320        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
1321      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
1322      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"v-else-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"}

1322,'"'),a("column.dataIndex === 'operation'"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
1323        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("editable-row-operations"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
1324          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("span")]),a(),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("editableData[record.key]"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
1325            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-typography-link")]),a(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("save(record.key)"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Save"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-typography-link")]),n("span",{class:"token punctuation"},">")]),a(`
1326            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-popconfirm")]),a(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Sure to cancel?"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"@confirm"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("cancel(record.key)"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
1327              `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a")]),n("span",{class:"token punctuation"},">")]),a("Cancel"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
1328            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-popconfirm")]),n("span",{class:"token punctuation"},">")]),a(`
1329          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("span")]),n("span",{class:"token punctuation"},">")]),a(`
1330          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("span")]),a(),n("span",{class:"token attr-name"},"v-else"),n("span",{class:"token punctuation"},">")]),a(`
1331            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a")]),a(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("edit(record.key)"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Edit"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
1332          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("span")]),n("span",{class:"token punctuation"},">")]),a(`
1333        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
1334      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
1335    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
1336  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table")]),n("span",{class:"token punctuation"},">")]),a(`
1337`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
1338`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"}

1338,"<"),a("script")]),a(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ts"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"setup"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
1339`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" cloneDeep "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'lodash-es'"),n("span",{class:"token punctuation"},";"),a(`
1340`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" reactive"),n("span",{class:"token punctuation"},","),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
1341`),n("span",{class:"token keyword"},"import"),a(" type "),n("span",{class:"token punctuation"},"{"),a(" UnwrapRef "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
1342
1343`),n("span",{class:"token keyword"},"const"),a(" columns "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
1344  `),n("span",{class:"token punctuation"},"{"),a(`
1345    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
1346    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
1347    `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'25%'"),n("span",{class:"token punctuation"},","),a(`
1348  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1349  `),n("span",{class:"token punctuation"},"{"),a(`
1350    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'age'"),n("span",{class:"token punctuation"},","),a(`
1351    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'age'"),n("span",{class:"token punctuation"},","),a(`
1352    `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'15%'"),n("span",{class:"token punctuation"},","),a(`
1353  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1354  `),n("span",{class:"token punctuation"},"{"),a(`
1355    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
1356    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
1357    `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'40%'"),n("span",{class:"token punctuation"},","),a(`
1358  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1359  `),n("span",{class:"token punctuation"},"{"),a(`
1360    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'operation'"),n("span",{class:"token punctuation"},","),a(`
1361    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'operation'"),n("span",{class:"token punctuation"},","),a(`
1362  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1363`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
1364`),n("span",{class:"token keyword"},"interface"),a(),n("span",{class:"token class-name"},"DataItem"),a(),n("span",{class:"token punctuation"},"{"),a(`
1365  `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},";"),a(`
1366  `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},";"),a(`
1367  `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(" number"),n("span",{class:"token punctuation"},";"),a(`
1368  `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},";"),a(`
1369`),n("span",{class:"token punctuation"},"}"),a(`
1370`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token literal-property property"},"data"),n("span",{class:"token operator"},":"),a(" DataItem"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
1371`),n("span",{class:"token keyword"},"for"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token keyword"},"let"),a(" i "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},";"),a(" i "),n("span",{class:"token operator"},"<"),a(),n("span",{class:"token number"},"100"),n("span",{class:"token punctuation"},";"),a(" i"),n("span",{class:"token operator"},"++"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
1372  data`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"push"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
1373    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(" i"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"toString"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
1374    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token string"},"Edrward "),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),a("i"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},","),a(`
1375    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
1376    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token string"},"London Park no. "),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),a("i"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},","),a(`
1377  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
1378`),n("span",{class:"token punctuation"},"}"),a(`
1379
1380`),n("span",{class:"token keyword"},"const"),a(" dataSource "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),a("data"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
1381`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token literal-property property"},"editableData"),n("span",{class:"token operator"},":"),a(" UnwrapRef"),n("span",{class:"token operator"},"<"),a("Record"),n("span",{class:"token operator"},"<"),a("string"),n("span",{class:"token punctuation"},","),a(" DataItem"),n("span",{class:"token operator"},">>"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"reactive"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
1382
1383`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"edit"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(" string")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
1384  editableData`),n("span",{class:"token punctuation"},"["),a("key"),n("span",{class:"token punctuation"},"]"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"cloneDeep"),n("span",{class:"token punctuation"},"("),a("dataSource"),n("span",{class:"token punctuation"},"."),a("value"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"filter"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"item"),a(),n("span",{class:"token operator"},"=>"),a(" key "),n("span",{class:"token operator"},"==="),a(" item"),n("span",{class:"token punctuation"},"."),a("key"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"["),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
1385`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
1386`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"save"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(" string")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
1387  Object`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"assign"),n("span",{class:"token punctuation"},"("),a("dataSource"),n("span",{class:"token punctuation"},"."),a("value"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"filter"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"item"),a(),n("span",{class:"token operator"},"=>"),a(" key "),n("span",{class:"token operator"},"==="),a(" item"),n("span",{class:"token punctuation"},"."),a("key"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"["),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(" editableData"),n("span",{class:"token punctuation"},"["),a("key"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
1388  `),n("span",{class:"token keyword"},"delete"),a(" editableData"),n("span",{class:"token punctuation"},"["),a("key"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
1389`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
1390`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"cancel"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(" string")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
1391  `),n("span",{class:"token keyword"},"delete"),a(" editableData"),n("span",{class:"token punctuation"},"["),a("key"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
1392`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
1393`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"}

1393,"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
1394`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("style")]),a(),n("span",{class:"token attr-name"},"scoped"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token style"},[n("span",{class:"token language-css"},[a(`
1395`),n("span",{class:"token selector"},".editable-row-operations a"),a(),n("span",{class:"token punctuation"},"{"),a(`
1396  `),n("span",{class:"token property"},"margin-right"),n("span",{class:"token punctuation"},":"),a(" 8px"),n("span",{class:"token punctuation"},";"),a(`
1397`),n("span",{class:"token punctuation"},"}"),a(`
1398`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("style")]),n("span",{class:"token punctuation"},">")]),a(`
1399`)])],-1)])]),jsVersionHtml:d(()=>[...i[3]||(i[3]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
1400  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table")]),a(),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("columns"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("dataSource"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"bordered"),n("span",{class:"token punctuation"},">")]),a(`
1401    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#bodyCell"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ column, text, record }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
1402      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("['name', 'age', 'address'].includes(column.dataIndex)"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
1403        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
1404          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-input")]),a(`
1405            `),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("editableData[record.key]"),n("span",{class:"token punctuation"},'"')]),a(`
1406            `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("editableData[record.key][column.dataIndex]"),n("span",{class:"token punctuation"},'"')]),a(`
1407            `),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"margin"),n("span",{class:"token punctuation"},":"),a(" -5px 0")]),n("span",{class:"token punctuation"},'"')])]),a(`
1408          `),n("span",{class:"token punctuation"},"/>")]),a(`
1409          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"v-else"),n("span",{class:"token punctuation"},">")]),a(`
1410            {{ text }}
1411          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
1412        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
1413      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
1414      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"v-else-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"}

1414,'"'),a("column.dataIndex === 'operation'"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
1415        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("editable-row-operations"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
1416          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("span")]),a(),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("editableData[record.key]"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
1417            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-typography-link")]),a(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("save(record.key)"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Save"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-typography-link")]),n("span",{class:"token punctuation"},">")]),a(`
1418            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-popconfirm")]),a(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Sure to cancel?"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"@confirm"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("cancel(record.key)"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
1419              `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a")]),n("span",{class:"token punctuation"},">")]),a("Cancel"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
1420            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-popconfirm")]),n("span",{class:"token punctuation"},">")]),a(`
1421          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("span")]),n("span",{class:"token punctuation"},">")]),a(`
1422          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("span")]),a(),n("span",{class:"token attr-name"},"v-else"),n("span",{class:"token punctuation"},">")]),a(`
1423            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a")]),a(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("edit(record.key)"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Edit"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
1424          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("span")]),n("span",{class:"token punctuation"},">")]),a(`
1425        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
1426      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
1427    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
1428  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table")]),n("span",{class:"token punctuation"},">")]),a(`
1429`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
1430`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"}

1430,"<"),a("script")]),a(),n("span",{class:"token attr-name"},"setup"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
1431`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" cloneDeep "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'lodash-es'"),n("span",{class:"token punctuation"},";"),a(`
1432`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" reactive"),n("span",{class:"token punctuation"},","),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
1433`),n("span",{class:"token keyword"},"const"),a(" columns "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
1434  `),n("span",{class:"token punctuation"},"{"),a(`
1435    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
1436    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
1437    `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'25%'"),n("span",{class:"token punctuation"},","),a(`
1438  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1439  `),n("span",{class:"token punctuation"},"{"),a(`
1440    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'age'"),n("span",{class:"token punctuation"},","),a(`
1441    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'age'"),n("span",{class:"token punctuation"},","),a(`
1442    `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'15%'"),n("span",{class:"token punctuation"},","),a(`
1443  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1444  `),n("span",{class:"token punctuation"},"{"),a(`
1445    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
1446    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
1447    `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'40%'"),n("span",{class:"token punctuation"},","),a(`
1448  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1449  `),n("span",{class:"token punctuation"},"{"),a(`
1450    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'operation'"),n("span",{class:"token punctuation"},","),a(`
1451    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'operation'"),n("span",{class:"token punctuation"},","),a(`
1452  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1453`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
1454`),n("span",{class:"token keyword"},"const"),a(" data "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
1455`),n("span",{class:"token keyword"},"for"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token keyword"},"let"),a(" i "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},";"),a(" i "),n("span",{class:"token operator"},"<"),a(),n("span",{class:"token number"},"100"),n("span",{class:"token punctuation"},";"),a(" i"),n("span",{class:"token operator"},"++"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
1456  data`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"push"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
1457    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(" i"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"toString"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
1458    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token string"},"Edrward "),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),a("i"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},","),a(`
1459    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
1460    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token string"},"London Park no. "),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),a("i"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},","),a(`
1461  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
1462`),n("span",{class:"token punctuation"},"}"),a(`
1463`),n("span",{class:"token keyword"},"const"),a(" dataSource "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),a("data"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
1464`),n("span",{class:"token keyword"},"const"),a(" editableData "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"reactive"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
1465`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"edit"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token parameter"},"key"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
1466  editableData`),n("span",{class:"token punctuation"},"["),a("key"),n("span",{class:"token punctuation"},"]"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"cloneDeep"),n("span",{class:"token punctuation"},"("),a("dataSource"),n("span",{class:"token punctuation"},"."),a("value"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"filter"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"item"),a(),n("span",{class:"token operator"},"=>"),a(" key "),n("span",{class:"token operator"},"==="),a(" item"),n("span",{class:"token punctuation"},"."),a("key"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"["),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
1467`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
1468`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"save"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token parameter"},"key"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
1469  Object`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"assign"),n("span",{class:"token punctuation"},"("),a("dataSource"),n("span",{class:"token punctuation"},"."),a("value"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"filter"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"item"),a(),n("span",{class:"token operator"},"=>"),a(" key "),n("span",{class:"token operator"},"==="),a(" item"),n("span",{class:"token punctuation"},"."),a("key"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"["),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(" editableData"),n("span",{class:"token punctuation"},"["),a("key"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
1470  `),n("span",{class:"token keyword"},"delete"),a(" editableData"),n("span",{class:"token punctuation"},"["),a("key"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
1471`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
1472`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"cancel"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token parameter"},"key"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
1473  `),n("span",{class:"token keyword"},"delete"),a(" editableData"),n("span",{class:"token punctuation"},"["),a("key"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
1474`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
1475`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"}

1475,"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
1476`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("style")]),a(),n("span",{class:"token attr-name"},"scoped"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token style"},[n("span",{class:"token language-css"},[a(`
1477`),n("span",{class:"token selector"},".editable-row-operations a"),a(),n("span",{class:"token punctuation"},"{"),a(`
1478  `),n("span",{class:"token property"},"margin-right"),n("span",{class:"token punctuation"},":"),a(" 8px"),n("span",{class:"token punctuation"},";"),a(`
1479`),n("span",{class:"token punctuation"},"}"),a(`
1480`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("style")]),n("span",{class:"token punctuation"},">")]),a(`
1481`)])],-1)])]),_:1})}}});const co=M(po,[["__scopeId","data-v-cc2e337d"]]),lo=F({__name:"expand-children",setup(t){const o=[{title:"Name",dataIndex:"name",key:"name"},{title:"Age",dataIndex:"age",key:"age",width:"12%"},{title:"Address",dataIndex:"address",width:"30%",key:"address"}],p=[{key:1,name:"John Brown sr.",age:60,address:"New York No. 1 Lake Park",children:[{key:11,name:"John Brown",age:42,address:"New York No. 2 Lake Park"},{key:12,name:"John Brown jr.",age:30,address:"New York No. 3 Lake Park",children:[{key:121,name:"Jimmy Brown",age:16,address:"New York No. 3 Lake Park"}]},{key:13,name:"Jim Green sr.",age:72,address:"London No. 1 Lake Park",children:[{key:131,name:"Jim Green",age:42,address:"London No. 2 Lake Park",children:[{key:1311,name:"Jim Green jr.",age:25,address:"London No. 3 Lake Park"},{key:1312,name:"Jimmy Green sr.",age:18,address:"London No. 4 Lake Park"}]}]}]},{key:2,name:"Joe Black",age:32,address:"Sidney No. 1 Lake Park"}],c=S({checkStrictly:!1,onChange:(s,e)=>{console.log(`selectedRowKeys: ${s}`,"selectedRows: ",e)},onSelect:(s,e,r)=>{console.log(s,e,r)},onSelectAll:(s,e,r)=>{console.log(s,e,r)}});return(s,e)=>{const r=I("a-switch"),l=I("a-space"),u=I("a-table"),i=I("demo-box");return m(),x(i,{jsfiddle:{us:"Display tree structure data in Table when there is field key `children` in dataSource, try to customize `childrenColumnName` property to avoid tree table structure.\nYou can control the indent width by setting `indentSize`.",cn:"\u8868\u683C\u652F\u6301\u6811\u5F62\u6570\u636E\u7684\u5C55\u793A\uFF0C\u5F53\u6570\u636E\u4E2D\u6709 `children` \u5B57\u6BB5\u65F6\u4F1A\u81EA\u52A8\u5C55\u793A\u4E3A\u6811\u5F62\u8868\u683C\uFF0C\u5982\u679C\u4E0D\u9700\u8981\u6216\u914D\u7F6E\u4E3A\u5176\u4ED6\u5B57\u6BB5\u53EF\u4EE5\u7528 `childrenColumnName` \u8FDB\u884C\u914D\u7F6E\u3002\n\u53EF\u4EE5\u901A\u8FC7\u8BBE\u7F6E `indentSize` \u4EE5\u63A7\u5236\u6BCF\u4E00\u5C42\u7684\u7F29\u8FDB\u5BBD\u5EA6\u3002",docHtml:`<h2 id="zh-cn">zh-CN <a class="header-anchor" href="#zh-cn">
1482          <span aria-hidden="true" class="anchor">#</span>
1483        </a></h2>
1484<p>\u8868\u683C\u652F\u6301\u6811\u5F62\u6570\u636E\u7684\u5C55\u793A\uFF0C\u5F53\u6570\u636E\u4E2D\u6709 <code>children</code> \u5B57\u6BB5\u65F6\u4F1A\u81EA\u52A8\u5C55\u793A\u4E3A\u6811\u5F62\u8868\u683C\uFF0C\u5982\u679C\u4E0D\u9700\u8981\u6216\u914D\u7F6E\u4E3A\u5176\u4ED6\u5B57\u6BB5\u53EF\u4EE5\u7528 <code>childrenColumnName</code> \u8FDB\u884C\u914D\u7F6E\u3002
1485\u53EF\u4EE5\u901A\u8FC7\u8BBE\u7F6E <code>indentSize</code> \u4EE5\u63A7\u5236\u6BCF\u4E00\u5C42\u7684\u7F29\u8FDB\u5BBD\u5EA6\u3002</p>
1486<h2 id="en-us">en-US <a class="header-anchor" href="#en-us">
1487          <span aria-hidden="true" class="anchor">#</span>
1488        </a></h2>
1489<p>Display tree structure data in Table when there is field key <code>children</code> in dataSource, try to customize <code>childrenColumnName</code> property to avoid tree table structure.
1490You can control the indent width by setting <code>indentSize</code>.</p>
1491`,order:9,title:{"en-US":"Tree data","zh-CN":"\u6811\u5F62\u6570\u636E\u5C55\u793A"},relativePath:"components/table/demo/expand-children.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXNwYWNlIGFsaWduPSJjZW50ZXIiIHN0eWxlPSJtYXJnaW4tYm90dG9tOiAxNnB4Ij4KICAgIENoZWNrU3RyaWN0bHk6CiAgICA8YS1zd2l0Y2ggdi1tb2RlbDpjaGVja2VkPSJyb3dTZWxlY3Rpb24uY2hlY2tTdHJpY3RseSI+PC9hLXN3aXRjaD4KICA8L2Etc3BhY2U+CiAgPGEtdGFibGUgOmNvbHVtbnM9ImNvbHVtbnMiIDpkYXRhLXNvdXJjZT0iZGF0YSIgOnJvdy1zZWxlY3Rpb249InJvd1NlbGVjdGlvbiIgLz4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBsYW5nPSJ0cyIgc2V0dXA+CmltcG9ydCB7

1491IHJlZiB9IGZyb20gJ3Z1ZSc7CmNvbnN0IGNvbHVtbnMgPSBbCiAgewogICAgdGl0bGU6ICdOYW1lJywKICAgIGRhdGFJbmRleDogJ25hbWUnLAogICAga2V5OiAnbmFtZScsCiAgfSwKICB7CiAgICB0aXRsZTogJ0FnZScsCiAgICBkYXRhSW5kZXg6ICdhZ2UnLAogICAga2V5OiAnYWdlJywKICAgIHdpZHRoOiAnMTIlJywKICB9LAogIHsKICAgIHRpdGxlOiAnQWRkcmVzcycsCiAgICBkYXRhSW5kZXg6ICdhZGRyZXNzJywKICAgIHdpZHRoOiAnMzAlJywKICAgIGtleTogJ2FkZHJlc3MnLAogIH0sCl07CgppbnRlcmZhY2UgRGF0YUl0ZW0gewogIGtleTogbnVtYmVyOwogIG5hbWU6IHN0cmluZzsKICBhZ2U6IG51bWJlcjsKICBhZGRyZXNzOiBzdHJpbmc7CiAgY2hpbGRyZW4/OiBEYXRhSXRlbVtdOwp9Cgpjb25zdCBkYXRhOiBEYXRhSXRlbVtdID0gWwogIHsKICAgIGtleTogMSwKICAgIG5hbWU6ICdKb2huIEJyb3duIHNyLicsCiAgICBhZ2U6IDYwLAogICAgYWRkcmVzczogJ05ldyBZb3JrIE5vLiAxIExha2UgUGFyaycsCiAgICBjaGlsZHJlbjogWwogICAgICB7CiAgICAgICAga2V5OiAxMSwKICAgICAgICBuYW1lOiAnSm9obiBCcm93bicsCiAgICAgICAgYWdlOiA0MiwKICAgICAgICBhZGRyZXNzOiAnTmV3IFlvcmsgTm8uIDIgTGFrZSBQYXJrJywKICAgICAgfSwKICAgICAgewogICAgICAgIGtleTogMTIsCiAgICAgICAgbmFtZTogJ0pvaG4gQnJvd24ganIuJywKICAgICAgICBhZ2U6IDMwLAogICAgICAgIGFkZHJlc3M6ICdOZXcgWW9yayBOby4gMyBMYWtlIFBhcmsnLAogICAgICAgIGNoaWxkcmVuOiBbCiAgICAgICAgICB7CiAgICAgICAgICAgIGtleTogMTIxLAogICAgICAgICAgICBuYW1lOiAnSmltbXkgQnJvd24nLAogICAgICAgICAgICBhZ2U6IDE2LAogICAgICAgICAgICBhZGRyZXNzOiAnTmV3IFlvcmsgTm8uIDMgTGFrZSBQYXJrJywKICAgICAgICAgIH0sCiAgICAgICAgXSwKICAgICAgfSwKICAgICAgewogICAgICAgIGtleTogMTMsCiAgICAgICAgbmFtZTogJ0ppbSBHcmVlbiBzci4nLAogICAgICAgIGFnZTogNzIsCiAgICAgICAgYWRkcmVzczogJ0xvbmRvbiBOby4gMSBMYWtlIFBhcmsnLAogICAgICAgIGNoaWxkcmVuOiBbCiAgICAgICAgICB7CiAgICAgICAgICAgIGtleTogMTMxLAogICAgICAgICAgICBuYW1lOiAnSmltIEdyZWVuJywKICAgICAgICAgICAgYWdlOiA0MiwKICAgICAgICAgICAgYWRkcmVzczogJ0xvbmRvbiBOby4gMiBMYWtlIFBhcmsnLAogICAgICAgICAgICBjaGlsZHJlbjogWwogICAgICAgICAgICAgIHsKICAgICAgICAgICAgICAgIGtleTogMTMxMSwKICAgICAgICAgICAgICAgIG5hbWU6ICdKaW0gR3JlZW4ganIuJywKICAgICAgICAgICAgICAgIGFnZTogMjUsCiAgICAgICAgICAgICAgICBhZGRyZXNzOiAnTG9uZG9uIE5vLiAzIExha2UgUGFyaycsCiAgICAgICAgICAgICAgfSwKICAgICAgICAgICAgICB7CiAgICAgICAgICAgICAgICBrZXk6IDEzMTIsCiAgICAgICAgICAgICAgICBuYW1lOiAnSmltbXkgR3JlZW4gc3IuJywKICAgICAgICAgICAgICAgIGFnZTogMTgsCiAgICAgICAgICAgICAgICBhZGRyZXNzOiAnTG9uZG9uIE5vLiA0IExha2UgUGFyaycsCiAgICAgICAgICAgICAgfSwKICAgICAgICAgICAgXSwKICAgICAgICAgIH0sCiAgICAgICAgXSwKICAgICAgfSwKICAgIF0sCiAgfSwKICB7CiAgICBrZXk6IDIsCiAgICBuYW1lOiAnSm9lIEJsYWNrJywKICAgIGFnZTogMzIsCiAgICBhZGRyZXNzOiAnU2lkbmV5IE5vLiAxIExha2UgUGFyaycsCiAgfSwKXTsKCmNvbnN0IHJvd1NlbGVjdGlvbiA9IHJlZih7CiAgY2hlY2tTdHJpY3RseTogZmFsc2UsCiAgb25DaGFuZ2U6IChzZWxlY3RlZFJvd0tleXM6IChzdHJpbmcgfCBudW1iZXIpW10sIHNlbGVjdGVkUm93czogRGF0YUl0ZW1bXSkgPT4gewogICAgY29uc29sZS5sb2coYHNlbGVjdGVkUm93S2V5czogJHtzZWxlY3RlZFJvd0tleXN9YCwgJ3NlbGVjdGVkUm93czogJywgc2VsZWN0ZWRSb3dzKTsKICB9LAogIG9uU2VsZWN0OiAocmVjb3JkOiBEYXRhSXRlbSwgc2VsZWN0ZWQ6IGJvb2xlYW4sIHNlbGVjdGVkUm93czogRGF0YUl0ZW1bXSkgPT4gewogICAgY29uc29sZS5sb2cocmVjb3JkLCBzZWxlY3RlZCwgc2VsZWN0ZWRSb3dzKTsKICB9LAogIG9uU2VsZWN0QWxsOiAoc2VsZWN0ZWQ6IGJvb2xlYW4sIHNlbGVjdGVkUm93czogRGF0YUl0ZW1bXSwgY2hhbmdlUm93czogRGF0YUl0ZW1bXSkgPT4gewogICAgY29uc29sZS5sb2coc2VsZWN0ZWQsIHNlbGVjdGVkUm93cywgY2hhbmdlUm93cyk7CiAgfSwKfSk7Cjwvc2NyaXB0PgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXNwYWNlIGFsaWduPSJjZW50ZXIiIHN0eWxlPSJtYXJnaW4tYm90dG9tOiAxNnB4Ij4KICAgIENoZWNrU3RyaWN0bHk6CiAgICA8YS1zd2l0Y2ggdi1tb2RlbDpjaGVja2VkPSJyb3dTZWxlY3Rpb24uY2hlY2tTdHJpY3RseSI+PC9hLXN3aXRjaD4KICA8L2Etc3BhY2U+CiAgPGEtdGFibGUgOmNvbHVtbnM9ImNvbHVtbnMiIDpkYXRhLXNvdXJjZT0iZGF0YSIgOnJvdy1zZWxlY3Rpb249InJvd1NlbGVjdGlvbiIgLz4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBzZXR1cD4KaW1wb3J0IHsgcmVmIH0gZnJvbSAndnVlJzsKY29uc3QgY29sdW1ucyA9IFsKICB7CiAgICB0aXRsZTogJ05hbWUnLAogICAgZGF0YUluZGV4OiAnbmFtZScsCiAgICBrZXk6ICduYW1lJywKICB9LAogIHsKICAgIHRpdGxlOiAnQWdlJywKICAgIGRhdGFJbmRleDogJ2FnZScsCiAgICBrZXk6ICdhZ2UnLAogICAgd2lkdGg6ICcxMiUnLAogIH0sCiAgewogICAgdGl0bGU6ICdBZGRyZXNzJywKICAgIGRhdGFJbmRleDogJ2FkZHJlc3MnLAogICAgd2lkdGg6ICczMCUnLAogICAga2V5OiAnYWRkcmVzcycsCiAgfSwKXTsKY29uc3QgZGF0YSA9IFsKICB7CiAgICBrZXk6IDEsCiAgICBuYW1lOiAnSm9obiBCcm93biBzci4nLAogICAgYWdlOiA2MCwKICAgIGFkZHJlc3M6ICdOZXcgWW9yayBOby4gMSBMYWtlIFBhcmsnLAogICAgY2hpbGRyZW46IFsKICAgICAgewogICAgICAgIGtleTogMTEsCiAgICAgICAgbmFtZTogJ0pvaG4gQnJvd24nLAogICAgICAgIGFnZTogNDIsCiAgICAgICAgYWRkcmVzczogJ05ldyBZb3JrIE5vLiAyIExha2UgUGFyaycsCiAgICAgI

1491H0sCiAgICAgIHsKICAgICAgICBrZXk6IDEyLAogICAgICAgIG5hbWU6ICdKb2huIEJyb3duIGpyLicsCiAgICAgICAgYWdlOiAzMCwKICAgICAgICBhZGRyZXNzOiAnTmV3IFlvcmsgTm8uIDMgTGFrZSBQYXJrJywKICAgICAgICBjaGlsZHJlbjogWwogICAgICAgICAgewogICAgICAgICAgICBrZXk6IDEyMSwKICAgICAgICAgICAgbmFtZTogJ0ppbW15IEJyb3duJywKICAgICAgICAgICAgYWdlOiAxNiwKICAgICAgICAgICAgYWRkcmVzczogJ05ldyBZb3JrIE5vLiAzIExha2UgUGFyaycsCiAgICAgICAgICB9LAogICAgICAgIF0sCiAgICAgIH0sCiAgICAgIHsKICAgICAgICBrZXk6IDEzLAogICAgICAgIG5hbWU6ICdKaW0gR3JlZW4gc3IuJywKICAgICAgICBhZ2U6IDcyLAogICAgICAgIGFkZHJlc3M6ICdMb25kb24gTm8uIDEgTGFrZSBQYXJrJywKICAgICAgICBjaGlsZHJlbjogWwogICAgICAgICAgewogICAgICAgICAgICBrZXk6IDEzMSwKICAgICAgICAgICAgbmFtZTogJ0ppbSBHcmVlbicsCiAgICAgICAgICAgIGFnZTogNDIsCiAgICAgICAgICAgIGFkZHJlc3M6ICdMb25kb24gTm8uIDIgTGFrZSBQYXJrJywKICAgICAgICAgICAgY2hpbGRyZW46IFsKICAgICAgICAgICAgICB7CiAgICAgICAgICAgICAgICBrZXk6IDEzMTEsCiAgICAgICAgICAgICAgICBuYW1lOiAnSmltIEdyZWVuIGpyLicsCiAgICAgICAgICAgICAgICBhZ2U6IDI1LAogICAgICAgICAgICAgICAgYWRkcmVzczogJ0xvbmRvbiBOby4gMyBMYWtlIFBhcmsnLAogICAgICAgICAgICAgIH0sCiAgICAgICAgICAgICAgewogICAgICAgICAgICAgICAga2V5OiAxMzEyLAogICAgICAgICAgICAgICAgbmFtZTogJ0ppbW15IEdyZWVuIHNyLicsCiAgICAgICAgICAgICAgICBhZ2U6IDE4LAogICAgICAgICAgICAgICAgYWRkcmVzczogJ0xvbmRvbiBOby4gNCBMYWtlIFBhcmsnLAogICAgICAgICAgICAgIH0sCiAgICAgICAgICAgIF0sCiAgICAgICAgICB9LAogICAgICAgIF0sCiAgICAgIH0sCiAgICBdLAogIH0sCiAgewogICAga2V5OiAyLAogICAgbmFtZTogJ0pvZSBCbGFjaycsCiAgICBhZ2U6IDMyLAogICAgYWRkcmVzczogJ1NpZG5leSBOby4gMSBMYWtlIFBhcmsnLAogIH0sCl07CmNvbnN0IHJvd1NlbGVjdGlvbiA9IHJlZih7CiAgY2hlY2tTdHJpY3RseTogZmFsc2UsCiAgb25DaGFuZ2U6IChzZWxlY3RlZFJvd0tleXMsIHNlbGVjdGVkUm93cykgPT4gewogICAgY29uc29sZS5sb2coYHNlbGVjdGVkUm93S2V5czogJHtzZWxlY3RlZFJvd0tleXN9YCwgJ3NlbGVjdGVkUm93czogJywgc2VsZWN0ZWRSb3dzKTsKICB9LAogIG9uU2VsZWN0OiAocmVjb3JkLCBzZWxlY3RlZCwgc2VsZWN0ZWRSb3dzKSA9PiB7CiAgICBjb25zb2xlLmxvZyhyZWNvcmQsIHNlbGVjdGVkLCBzZWxlY3RlZFJvd3MpOwogIH0sCiAgb25TZWxlY3RBbGw6IChzZWxlY3RlZCwgc2VsZWN0ZWRSb3dzLCBjaGFuZ2VSb3dzKSA9PiB7CiAgICBjb25zb2xlLmxvZyhzZWxlY3RlZCwgc2VsZWN0ZWRSb3dzLCBjaGFuZ2VSb3dzKTsKICB9LAp9KTsKPC9zY3JpcHQ+"}},{default:d(()=>[C(l,{align:"center",style:{"margin-bottom":"16px"}},{default:d(()=>[e[1]||(e[1]=a(" CheckStrictly: ",-1)),C(r,{checked:c.value.checkStrictly,"onUpdate:checked":e[0]||(e[0]=g=>c.value.checkStrictly=g)},null,8,["checked"])]),_:1}),C(u,{columns:o,"data-source":p,"row-selection":c.value},null,8,["row-selection"])]),htmlCode:d(()=>[...e[2]||(e[2]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
1492  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-space")]),a(),n("span",{class:"token attr-name"},"align"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("center"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"margin-bottom"),n("span",{class:"token punctuation"},":"),a(" 16px")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),a(`
1493    CheckStrictly:
1494    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-switch")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("checked")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("rowSelection.checkStrictly"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-switch")]),n("span",{class:"token punctuation"},">")]),a(`
1495  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-space")]),n("span",{class:"token punctuation"},">")]),a(`
1496  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table")]),a(),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"}

1496,'"'),a("columns"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("data"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":row-selection"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("rowSelection"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
1497`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
1498`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ts"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"setup"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
1499`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
1500`),n("span",{class:"token keyword"},"const"),a(" columns "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
1501  `),n("span",{class:"token punctuation"},"{"),a(`
1502    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Name'"),n("span",{class:"token punctuation"},","),a(`
1503    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
1504    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
1505  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1506  `),n("span",{class:"token punctuation"},"{"),a(`
1507    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Age'"),n("span",{class:"token punctuation"},","),a(`
1508    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'age'"),n("span",{class:"token punctuation"},","),a(`
1509    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'age'"),n("span",{class:"token punctuation"},","),a(`
1510    `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'12%'"),n("span",{class:"token punctuation"},","),a(`
1511  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1512  `),n("span",{class:"token punctuation"},"{"),a(`
1513    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Address'"),n("span",{class:"token punctuation"},","),a(`
1514    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
1515    `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'30%'"),n("span",{class:"token punctuation"},","),a(`
1516    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
1517  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1518`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
1519
1520`),n("span",{class:"token keyword"},"interface"),a(),n("span",{class:"token class-name"},"DataItem"),a(),n("span",{class:"token punctuation"},"{"),a(`
1521  `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(" number"),n("span",{class:"token punctuation"},";"),a(`
1522  `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},";"),a(`
1523  `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(" number"),n("span",{class:"token punctuation"},";"),a(`
1524  `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},";"),a(`
1525  children`),n("span",{class:"token operator"},"?"),n("span",{class:"token operator"},":"),a(" DataItem"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
1526`),n("span",{class:"token punctuation"},"}"),a(`
1527
1528`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token literal-property property"},"data"),n("span",{class:"token operator"},":"),a(" DataItem"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
1529  `),n("span",{class:"token punctuation"},"{"),a(`
1530    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},","),a(`
1531    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'John Brown sr.'"),n("span",{class:"token punctuation"},","),a(`
1532    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"60"),n("span",{class:"token punctuation"},","),a(`
1533    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'New York No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
1534    `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(`
1535      `),n("span",{class:"token punctuation"},"{"),a(`
1536        `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"11"),n("span",{class:"token punctuation"},","),a(`
1537        `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'John Brown'"),n("span",{class:"token punctuation"},","),a(`
1538        `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"42"),n("span",{class:"token punctuation"},","),a(`
1539        `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'New York No. 2 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
1540      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1541      `),n("span",{class:"token punctuation"},"{"),a(`
1542        `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"12"),n("span",{class:"token punctuation"},","),a(`
1543        `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'John Brown jr.'"),n("span",{class:"token punctuation"},","),a(`
1544        `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"30"),n("span",{class:"token punctuation"},","),a(`
1545        `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'New York No. 3 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
1546        `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(`
1547          `),n("span",{class:"token punctuation"},"{"),a(`
1548            `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"121"),n("span",{class:"token punctuation"},","),a(`
1549            `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jimmy Brown'"),n("span",{class:"token punctuation"},","),a(`
1550            `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"16"),n("span",{class:"token punctuation"},","),a(`
1551            `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'New York No. 3 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
1552          `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1553        `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
1554      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1555      `),n("span",{class:"token punctuation"},"{"),a(`
1556        `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"13"),n("span",{class:"token punctuation"},","),a(`
1557        `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jim Green sr.'"),n("span",{class:"token punctuation"},","),a(`
1558        `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"72"),n("span",{class:"token punctuation"},","),a(`
1559        `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'London No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
1560        `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(`
1561          `),n("span",{class:"token punctuation"},"{"),a(`
1562            `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"131"),n("span",{class:"token punctuation"},","),a(`
1563            `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jim Green'"),n("span",{class:"token punctuation"},","),a(`
1564            `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"42"),n("span",{class:"token punctuation"},","),a(`
1565            `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'London No. 2 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
1566            `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(`
1567              `),n("span",{class:"token punctuation"},"{"),a(`
1568                `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"1311"),n("span",{class:"token punctuation"},","),a(`
1569                `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jim Green jr.'"),n("span",{class:"token punctuation"},","),a(`
1570                `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"25"),n("span",{class:"token punctuation"},","),a(`
1571                `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'London No. 3 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
1572              `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1573              `),n("span",{class:"token punctuation"},"{"),a(`
1574                `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"1312"),n("span",{class:"token punctuation"},","),a(`
1575                `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jimmy Green sr.'"),n("span",{class:"token punctuation"},","),a(`
1576                `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"18"),n("span",{class:"token punctuation"},","),a(`
1577                `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'London No. 4 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
1578              `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1579            `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
1580          `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1581        `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
1582      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1583    `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
1584  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1585  `),n("span",{class:"token punctuation"},"{"),a(`
1586    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"2"),n("span",{class:"token punctuation"},","),a(`
1587    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Joe Black'"),n("span",{class:"token punctuation"},","),a(`
1588    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
1589    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"}

1589,"'Sidney No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
1590  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1591`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
1592
1593`),n("span",{class:"token keyword"},"const"),a(" rowSelection "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
1594  `),n("span",{class:"token literal-property property"},"checkStrictly"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},","),a(`
1595  `),n("span",{class:"token function-variable function"},"onChange"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"selectedRowKeys"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),a("string "),n("span",{class:"token operator"},"|"),a(" number"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"selectedRows"),n("span",{class:"token operator"},":"),a(" DataItem"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
1596    console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token string"},"selectedRowKeys: "),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),a("selectedRowKeys"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token string"},"'selectedRows: '"),n("span",{class:"token punctuation"},","),a(" selectedRows"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
1597  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1598  `),n("span",{class:"token function-variable function"},"onSelect"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"record"),n("span",{class:"token operator"},":"),a(" DataItem"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"selected"),n("span",{class:"token operator"},":"),a(" boolean"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"selectedRows"),n("span",{class:"token operator"},":"),a(" DataItem"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
1599    console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),a("record"),n("span",{class:"token punctuation"},","),a(" selected"),n("span",{class:"token punctuation"},","),a(" selectedRows"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
1600  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1601  `),n("span",{class:"token function-variable function"},"onSelectAll"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"selected"),n("span",{class:"token operator"},":"),a(" boolean"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"selectedRows"),n("span",{class:"token operator"},":"),a(" DataItem"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"changeRows"),n("span",{class:"token operator"},":"),a(" DataItem"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
1602    console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),a("selected"),n("span",{class:"token punctuation"},","),a(" selectedRows"),n("span",{class:"token punctuation"},","),a(" changeRows"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
1603  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1604`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
1605`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"}

1605,"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
1606`)])],-1)])]),jsVersionHtml:d(()=>[...e[3]||(e[3]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
1607  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-space")]),a(),n("span",{class:"token attr-name"},"align"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("center"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"margin-bottom"),n("span",{class:"token punctuation"},":"),a(" 16px")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),a(`
1608    CheckStrictly:
1609    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-switch")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("checked")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("rowSelection.checkStrictly"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-switch")]),n("span",{class:"token punctuation"},">")]),a(`
1610  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-space")]),n("span",{class:"token punctuation"},">")]),a(`
1611  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table")]),a(),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("columns"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("data"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":row-selection"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("rowSelection"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
1612`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
1613`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),n("span",{class:"token attr-name"},"setup"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
1614`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
1615`),n("span",{class:"token keyword"},"const"),a(" columns "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
1616  `),n("span",{class:"token punctuation"},"{"),a(`
1617    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Name'"),n("span",{class:"token punctuation"},","),a(`
1618    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
1619    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
1620  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1621  `),n("span",{class:"token punctuation"},"{"),a(`
1622    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Age'"),n("span",{class:"token punctuation"},","),a(`
1623    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'age'"),n("span",{class:"token punctuation"},","),a(`
1624    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'age'"),n("span",{class:"token punctuation"},","),a(`
1625    `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'12%'"),n("span",{class:"token punctuation"},","),a(`
1626  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1627  `),n("span",{class:"token punctuation"},"{"),a(`
1628    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Address'"),n("span",{class:"token punctuation"},","),a(`
1629    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
1630    `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'30%'"),n("span",{class:"token punctuation"},","),a(`
1631    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
1632  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1633`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
1634`),n("span",{class:"token keyword"},"const"),a(" data "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
1635  `),n("span",{class:"token punctuation"},"{"),a(`
1636    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},","),a(`
1637    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'John Brown sr.'"),n("span",{class:"token punctuation"},","),a(`
1638    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"60"),n("span",{class:"token punctuation"},","),a(`
1639    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'New York No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
1640    `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(`
1641      `),n("span",{class:"token punctuation"},"{"),a(`
1642        `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"11"),n("span",{class:"token punctuation"},","),a(`
1643        `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'John Brown'"),n("span",{class:"token punctuation"},","),a(`
1644        `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"42"),n("span",{class:"token punctuation"},","),a(`
1645        `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'New York No. 2 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
1646      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1647      `),n("span",{class:"token punctuation"},"{"),a(`
1648        `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"12"),n("span",{class:"token punctuation"},","),a(`
1649        `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'John Brown jr.'"),n("span",{class:"token punctuation"},","),a(`
1650        `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"30"),n("span",{class:"token punctuation"},","),a(`
1651        `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'New York No. 3 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
1652        `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(`
1653          `),n("span",{class:"token punctuation"},"{"),a(`
1654            `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"121"),n("span",{class:"token punctuation"},","),a(`
1655            `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jimmy Brown'"),n("span",{class:"token punctuation"},","),a(`
1656            `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"16"),n("span",{class:"token punctuation"},","),a(`
1657            `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'New York No. 3 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
1658          `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1659        `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
1660      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1661      `),n("span",{class:"token punctuation"},"{"),a(`
1662        `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"13"),n("span",{class:"token punctuation"},","),a(`
1663        `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jim Green sr.'"),n("span",{class:"token punctuation"},","),a(`
1664        `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"72"),n("span",{class:"token punctuation"},","),a(`
1665        `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'London No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
1666        `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(`
1667          `),n("span",{class:"token punctuation"},"{"),a(`
1668            `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"131"),n("span",{class:"token punctuation"},","),a(`
1669            `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jim Green'"),n("span",{class:"token punctuation"},","),a(`
1670            `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"42"),n("span",{class:"token punctuation"},","),a(`
1671            `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'London No. 2 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
1672            `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(`
1673              `),n("span",{class:"token punctuation"},"{"),a(`
1674                `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"1311"),n("span",{class:"token punctuation"},","),a(`
1675                `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jim Green jr.'"),n("span",{class:"token punctuation"},","),a(`
1676                `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"25"),n("span",{class:"token punctuation"},","),a(`
1677                `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'London No. 3 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
1678              `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1679              `),n("span",{class:"token punctuation"},"{"),a(`
1680                `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"1312"),n("span",{class:"token punctuation"},","),a(`
1681                `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jimmy Green sr.'"),n("span",{class:"token punctuation"},","),a(`
1682                `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"18"),n("span",{class:"token punctuation"},","),a(`
1683                `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'London No. 4 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
1684              `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1685            `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
1686          `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1687        `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
1688      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1689    `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
1690  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1691  `),n("span",{class:"token punctuation"},"{"),a(`
1692    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"2"),n("span",{class:"token punctuation"},","),a(`
1693    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Joe Black'"),n("span",{class:"token punctuation"},","),a(`
1694    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
1695    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":

1695"),a(),n("span",{class:"token string"},"'Sidney No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
1696  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1697`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
1698`),n("span",{class:"token keyword"},"const"),a(" rowSelection "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
1699  `),n("span",{class:"token literal-property property"},"checkStrictly"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},","),a(`
1700  `),n("span",{class:"token function-variable function"},"onChange"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("selectedRowKeys"),n("span",{class:"token punctuation"},","),a(" selectedRows")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
1701    console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token string"},"selectedRowKeys: "),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),a("selectedRowKeys"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token string"},"'selectedRows: '"),n("span",{class:"token punctuation"},","),a(" selectedRows"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
1702  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1703  `),n("span",{class:"token function-variable function"},"onSelect"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("record"),n("span",{class:"token punctuation"},","),a(" selected"),n("span",{class:"token punctuation"},","),a(" selectedRows")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
1704    console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),a("record"),n("span",{class:"token punctuation"},","),a(" selected"),n("span",{class:"token punctuation"},","),a(" selectedRows"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
1705  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1706  `),n("span",{class:"token function-variable function"},"onSelectAll"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("selected"),n("span",{class:"token punctuation"},","),a(" selectedRows"),n("span",{class:"token punctuation"},","),a(" changeRows")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
1707    console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),a("selected"),n("span",{class:"token punctuation"},","),a(" selectedRows"),n("span",{class:"token punctuation"},","),a(" changeRows"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
1708  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1709`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
1710`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"}

1710,"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
1711`)])],-1)])]),_:1})}}}),ro={key:0},uo={style:{margin:"0"}},io=F({__name:"expand",setup(t){const o=[{title:"Name",dataIndex:"name",key:"name",fixed:!0},{title:"Age",dataIndex:"age",key:"age"},{title:"Address",dataIndex:"address",key:"address"},{title:"Action",key:"action"}],p=[{key:1,name:"John Brown",age:32,address:"New York No. 1 Lake Park",description:"My name is John Brown, I am 32 years old, living in New York No. 1 Lake Park."},{key:2,name:"Jim Green",age:42,address:"London No. 1 Lake Park",description:"My name is Jim Green, I am 42 years old, living in London No. 1 Lake Park."},{key:3,name:"Joe Black",age:32,address:"Sidney No. 1 Lake Park",description:"My name is Joe Black, I am 32 years old, living in Sidney No. 1 Lake Park."}];return(c,s)=>{const e=I("a-table"),r=I("demo-box");return m(),x(r,{jsfiddle:{us:"When there's too much information to show and the table can't display all at once.",cn:"\u5F53\u8868\u683C\u5185\u5BB9\u8F83\u591A\u4E0D\u80FD\u4E00\u6B21\u6027\u5B8C\u5168\u5C55\u793A\u65F6\u3002",docHtml:`<h2 id="zh-cn">zh-CN <a class="header-anchor" href="#zh-cn">
1712          <span aria-hidden="true" class="anchor">#</span>
1713        </a></h2>
1714<p>\u5F53\u8868\u683C\u5185\u5BB9\u8F83\u591A\u4E0D\u80FD\u4E00\u6B21\u6027\u5B8C\u5168\u5C55\u793A\u65F6\u3002</p>
1715<h2 id="en-us">en-US <a class="header-anchor" href="#en-us">
1716          <span aria-hidden="true" class="anchor">#</span>
1717        </a></h2>
1718<p>When there's too much information to show and the table can't display all at once.</p>
1719`,order:8,title:{"en-US":"Expandable Row","zh-CN":"\u53EF\u5C55\u5F00"},relativePath:"components/table/demo/expand.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXRhYmxlIDpjb2x1bW5zPSJjb2x1bW5zIiA6ZGF0YS1zb3VyY2U9ImRhdGEiIDpzY3JvbGw9InsgeDogMjAwMCB9IiA6ZXhwYW5kLWNvbHVtbi13aWR0aD0iMTAwIj4KICAgIDx0ZW1wbGF0ZSAjYm9keUNlbGw9InsgY29sdW1uIH0iPgogICAgICA8dGVtcGxhdGUgdi1pZj0iY29sdW1uLmtleSA9PT0gJ2FjdGlvbiciPgogICAgICAgIDxhPkRlbGV0ZTwvYT4KICAgICAgPC90ZW1wbGF0ZT4KICAgIDwvdGVtcGxhdGU+CiAgICA8dGVtcGxhdGUgI2V4cGFuZGVkUm93UmVuZGVyPSJ7IHJlY29yZCB9Ij4KICAgICAgPHAgc3R5bGU9Im1hcmdpbjogMCI+CiAgICAgICAge3sgcmVjb3JkLmRlc2NyaXB0aW9uIH19CiAgICAgIDwvcD4KICAgIDwvdGVtcGxhdGU+CiAgICA8dGVtcGxhdGUgI2V4cGFuZENvbHVtblRpdGxlPgogICAgICA8c3BhbiBzdHlsZT0iY29sb3I6IHJlZCI+TW9yZTwvc3Bhbj4KICAgIDwvdGVtcGxhdGU+CiAgPC9hLXRhYmxlPgo8L3RlbXBsYXRlPgo8c2NyaXB0IGxhbmc9InRzIiBzZXR1cD4KY29uc3QgY29sdW1ucyA9IFsKICB7IHRpdGxlOiAnTmFtZScsIGRhdGFJbmRleDogJ25hbWUnLCBrZXk6ICduYW1lJywgZml4ZWQ6IHRydWUgfSwKICB7IHRpdGxlOiAnQWdlJywgZGF0YUluZGV4OiAnYWdlJywga2V5OiAnYWdlJyB9LAogIHsgdGl0bGU6ICdBZGRyZXNzJywgZGF0YUluZGV4OiAnYWRkcmVzcycsIGtleTogJ2FkZHJlc3MnIH0sCiAgeyB0aXRsZTogJ0FjdGlvbicsIGtleTogJ2FjdGlvbicgfSwKXTsKCmNvbnN0IGRhdGEgPSBbCiAgewogICAga2V5OiAxLAogICAgbmFtZTogJ0pvaG4gQnJvd24nLAogICAgYWdlOiAzMiwKICAgIGFkZHJlc3M6ICdOZXcgWW9yayBOby4gMSBMYWtlIFBhcmsnLAogICAgZGVzY3JpcHRpb246ICdNeSBuYW1lIGlzIEpvaG4gQnJvd24sIEkgYW0gMzIgeWVhcnMgb2xkLCBsaXZpbmcgaW4gTmV3IFlvcmsgTm8uIDEgTGFrZSBQYXJrLicsCiAgfSwKICB7CiAgICBrZXk6IDIsCiAgICBuYW1lOiAnSmltIEdyZWVuJywKICAgIGFnZTogNDIsCiAgICBhZGRyZXNzOiAnTG9uZG9uIE5vLiAxIExha2UgUGFyaycsCiAgICBkZXNjcmlwdGlvbjogJ015IG5hbWUgaXMgSmltIEdyZWVuLCBJIGFtIDQyIHllYXJzIG9sZCwgbGl2aW5nIGluIExvbmRvbiBOby4gMSBMYWtlIFBhcmsuJywKICB9LAogIHsKICAgIGtleTogMywKICAgIG5hbWU6ICdKb2UgQmxhY2snLAogICAgYWdlOiAzMiwKICAgIGFkZHJlc3M6ICdTaWRuZXkgTm8uIDEgTGFrZSBQYXJrJywKICAgIGRlc2NyaXB0aW9uOiAnTXkgbmFtZSBpcyBKb2UgQmxhY2ssIEkgYW0gMzIgeWVhcnMgb2xkLCBsaXZpbmcgaW4gU2lkbmV5IE5vLiAxIExha2UgUGFyay4nLAogIH0sCl07Cjwvc2NyaXB0PgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXRhYmxlIDpjb2x1bW5zPSJjb2x1bW5zIiA6ZGF0YS1zb3VyY2U9ImRhdGEiIDpzY3JvbGw9InsgeDogMjAwMCB9IiA6ZXhwYW5kLWNvbHVtbi13aWR0aD0iMTAwIj4KICAgIDx0ZW1wbGF0ZSAjYm9keUNlbGw9InsgY29sdW1uIH0iPgogICAgICA8dGVtcGxhdGUgdi1pZj0iY29sdW1uLmtleSA9PT0gJ2FjdGlvbiciPgogICAgICAgIDxhPkRlbGV0ZTwvYT4KICAgICAgPC90ZW1wbGF0ZT4KICAgIDwvdGVtcGxhdGU+CiAgICA8dGVtcGxhdGUgI2V4cGFuZGVkUm93UmVuZGVyPSJ7IHJlY29yZCB9Ij4KICAgICAgPHAgc3R5bGU9Im1hcmdpbjogMCI+CiAgICAgICAge3sgcmVjb3JkLmRlc2NyaXB0aW9uIH19CiAgICAgIDwvcD4KICAgIDwvdGVtcGxhdGU+CiAgICA8dGVtcGxhdGUgI2V4cGFuZENvbHVtblRpdGxlPgogICAgICA8c3BhbiBzdHlsZT0iY29sb3I6IHJlZCI+TW9yZTwvc3Bhbj4KICAgIDwvdGVtcGxhdGU+CiAgPC9hLXRhYmxlPgo8L3RlbXBsYXRlPgo8c2NyaXB0IHNldHVwPgpjb25zdCBjb2x1bW5zID0gWwogIHsKICAgIHRpdGxlOiAnTmFtZScsCiAgICBkYXRhSW5kZXg6ICduYW1lJywKICAgIGtleTogJ25hbWUnLAogICAgZml4ZWQ6IHRydWUsCiAgfSwKICB7CiAgICB0aXRsZTogJ0FnZScsCiAgICBkYXRhSW5kZXg6ICdhZ2UnLAogICAga2V5OiAnYWdlJywKICB9LAogIHsKICAgIHRpdGxlOiAnQWRkcmVzcycsCiAgICBkYXRhSW5kZXg6ICdhZGRyZXNzJywKICAgIGtleTogJ2FkZHJlc3MnLAogIH0sCiAgewogICAgdGl0bGU6ICdBY3Rpb24nLAogICAga2V5OiAnYWN0aW9uJywKICB9LApdOwpjb25zdCBkYXRhID0gWwogIHsKICAgIGtleTogMSwKICAgIG5hbWU6ICdKb2huIEJyb3duJywKICAgIGFnZTogMzIsCiAgICBhZGRyZXNzOiAnTmV3IFlvcmsgTm8uIDEgTGFrZSBQYXJrJywKICAgIGRlc2NyaXB0aW9uOiAnTXkgbmFtZSBpcyBKb2huIEJyb3duLCBJIGFtIDMyIHllYXJzIG9sZCwgbGl2aW5nIGluIE5ldyBZb3JrIE5vLiAxIExha2UgUGFyay4nLAogIH0sCiAgewogICAga2V5OiAyLAogICAgbmFtZTogJ0ppbSBHcmVlbicsCiAgICBhZ2U6IDQyLAogICAgYWRkcmVzczogJ0xvbmRvbiBOby4gMSBMYWtlIFBhcmsnLAogICAgZGVzY3JpcHRpb246ICdNeSBuYW1lIGlzIEppbSBHcmVlbiwgSSBhbSA0MiB5ZWFycyBvbGQsIGxpdmluZyBpbiBMb25kb24gTm8uIDEgTGFrZSBQYXJrLicsCiAgfSwKICB7CiAgICBrZXk6IDMsCiAgICBuYW1lOiAnSm9lIEJsYWNrJywKICAgIGFnZTogMzIsCiAgICBhZGRyZXNzOiAnU2lkbmV5IE5vLiAxIExha2UgUGFyaycsCiAgICBkZXNjcmlwdGlvbjogJ015IG5hbWUgaXMgSm9lIEJsYWNrLCBJIGFtIDMyIHllYXJzIG9sZCwgbGl2aW5nIGluIFNpZG5leSBOby4gMSBMYWtlIFBhcmsuJywKICB9LApdOwo8L3NjcmlwdD4="}},{default:d(()=>[C(e,{columns:o,"data-source":p,scroll:{x:2e3},"expand-column-width":100},{bodyCell:d(({column:l})=>[l.key==="action"?(m(),W("a",ro,"Delete")):K("",!0)]),expandedRowRender:d(({record:l})=>[n("p",uo,L(l.description),1)]),expandColumnTitle:d(()=>[...s[0]||(s[0]=[n("span",{style:{color:"red"}},"More",-1)])]),_:1})]),htmlCode:d(()=>[...s[1]||(s[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
1720  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table")]),a(),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"}

1720,'"'),a("columns"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("data"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":scroll"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ x: 2000 }"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":expand-column-width"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("100"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
1721    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#bodyCell"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ column }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
1722      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("column.key === 'action'"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
1723        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a")]),n("span",{class:"token punctuation"},">")]),a("Delete"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
1724      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
1725    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
1726    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#expandedRowRender"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ record }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
1727      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("p")]),a(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"margin"),n("span",{class:"token punctuation"},":"),a(" 0")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),a(`
1728        {{ record.description }}
1729      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("p")]),n("span",{class:"token punctuation"},">")]),a(`
1730    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
1731    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#expandColumnTitle"),n("span",{class:"token punctuation"},">")]),a(`
1732      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("span")]),a(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"color"),n("span",{class:"token punctuation"},":"),a(" red")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),a("More"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("span")]),n("span",{class:"token punctuation"},">")]),a(`
1733    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
1734  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table")]),n("span",{class:"token punctuation"},">")]),a(`
1735`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
1736`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"}

1736,"<"),a("script")]),a(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ts"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"setup"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
1737`),n("span",{class:"token keyword"},"const"),a(" columns "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
1738  `),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Name'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"fixed"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token boolean"},"true"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1739  `),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Age'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'age'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'age'"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1740  `),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Address'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1741  `),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Action'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'action'"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1742`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
1743
1744`),n("span",{class:"token keyword"},"const"),a(" data "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
1745  `),n("span",{class:"token punctuation"},"{"),a(`
1746    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},","),a(`
1747    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'John Brown'"),n("span",{class:"token punctuation"},","),a(`
1748    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
1749    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'New York No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
1750    `),n("span",{class:"token literal-property property"},"description"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'My name is John Brown, I am 32 years old, living in New York No. 1 Lake Park.'"),n("span",{class:"token punctuation"},","),a(`
1751  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1752  `),n("span",{class:"token punctuation"},"{"),a(`
1753    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"2"),n("span",{class:"token punctuation"},","),a(`
1754    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jim Green'"),n("span",{class:"token punctuation"},","),a(`
1755    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"42"),n("span",{class:"token punctuation"},","),a(`
1756    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'London No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
1757    `),n("span",{class:"token literal-property property"},"description"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'My name is Jim Green, I am 42 years old, living in London No. 1 Lake Park.'"),n("span",{class:"token punctuation"},","),a(`
1758  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1759  `),n("span",{class:"token punctuation"},"{"),a(`
1760    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"3"),n("span",{class:"token punctuation"},","),a(`
1761    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Joe Black'"),n("span",{class:"token punctuation"},","),a(`
1762    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
1763    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"}

1763,"'Sidney No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
1764    `),n("span",{class:"token literal-property property"},"description"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'My name is Joe Black, I am 32 years old, living in Sidney No. 1 Lake Park.'"),n("span",{class:"token punctuation"},","),a(`
1765  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1766`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
1767`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
1768`)])],-1)])]),jsVersionHtml:d(()=>[...s[2]||(s[2]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
1769  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table")]),a(),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("columns"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("data"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":scroll"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ x: 2000 }"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":expand-column-width"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("100"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
1770    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#bodyCell"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ column }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
1771      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("column.key === 'action'"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
1772        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a")]),n("span",{class:"token punctuation"},">")]),a("Delete"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
1773      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
1774    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
1775    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#expandedRowRender"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ record }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
1776      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("p")]),a(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"margin"),n("span",{class:"token punctuation"},":"),a(" 0")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),a(`
1777        {{ record.description }}
1778      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("p")]),n("span",{class:"token punctuation"},">")]),a(`
1779    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
1780    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#expandColumnTitle"),n("span",{class:"token punctuation"},">")]),a(`
1781      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("span")]),a(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"color"),n("span",{class:"token punctuation"},":"),a(" red")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),a("More"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("span")]),n("span",{class:"token punctuation"},">")]),a(`
1782    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
1783  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table")]),n("span",{class:"token punctuation"},">")]),a(`
1784`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
1785`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"}

1785,"<"),a("script")]),a(),n("span",{class:"token attr-name"},"setup"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
1786`),n("span",{class:"token keyword"},"const"),a(" columns "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
1787  `),n("span",{class:"token punctuation"},"{"),a(`
1788    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Name'"),n("span",{class:"token punctuation"},","),a(`
1789    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
1790    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
1791    `),n("span",{class:"token literal-property property"},"fixed"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},","),a(`
1792  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1793  `),n("span",{class:"token punctuation"},"{"),a(`
1794    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Age'"),n("span",{class:"token punctuation"},","),a(`
1795    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'age'"),n("span",{class:"token punctuation"},","),a(`
1796    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'age'"),n("span",{class:"token punctuation"},","),a(`
1797  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1798  `),n("span",{class:"token punctuation"},"{"),a(`
1799    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Address'"),n("span",{class:"token punctuation"},","),a(`
1800    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
1801    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
1802  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1803  `),n("span",{class:"token punctuation"},"{"),a(`
1804    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Action'"),n("span",{class:"token punctuation"},","),a(`
1805    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'action'"),n("span",{class:"token punctuation"},","),a(`
1806  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1807`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
1808`),n("span",{class:"token keyword"},"const"),a(" data "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
1809  `),n("span",{class:"token punctuation"},"{"),a(`
1810    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},","),a(`
1811    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'John Brown'"),n("span",{class:"token punctuation"},","),a(`
1812    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
1813    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'New York No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
1814    `),n("span",{class:"token literal-property property"},"description"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'My name is John Brown, I am 32 years old, living in New York No. 1 Lake Park.'"),n("span",{class:"token punctuation"},","),a(`
1815  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1816  `),n("span",{class:"token punctuation"},"{"),a(`
1817    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"2"),n("span",{class:"token punctuation"},","),a(`
1818    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jim Green'"),n("span",{class:"token punctuation"},","),a(`
1819    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"42"),n("span",{class:"token punctuation"},","),a(`
1820    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'London No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
1821    `),n("span",{class:"token literal-property property"},"description"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'My name is Jim Green, I am 42 years old, living in London No. 1 Lake Park.'"),n("span",{class:"token punctuation"},","),a(`
1822  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1823  `),n("span",{class:"token punctuation"},"{"),a(`
1824    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"3"),n("span",{class:"token punctuation"},","),a(`
1825    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Joe Black'"),n("span",{class:"token punctuation"},","),a(`
1826    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
1827    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"}

1827,"'Sidney No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
1828    `),n("span",{class:"token literal-property property"},"description"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'My name is Joe Black, I am 32 years old, living in Sidney No. 1 Lake Park.'"),n("span",{class:"token punctuation"},","),a(`
1829  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1830`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
1831`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
1832`)])],-1)])]),_:1})}}}),ko={key:0},go=F({__name:"fixed-columns-header",setup(t){const o=[{title:"Full Name",width:100,dataIndex:"name",key:"name",fixed:"left"},{title:"Age",width:100,dataIndex:"age",key:"age",fixed:"left"},{title:"Column 1",dataIndex:"address",key:"1",width:150},{title:"Column 2",dataIndex:"address",key:"2",width:150},{title:"Column 3",dataIndex:"address",key:"3",width:150},{title:"Column 4",dataIndex:"address",key:"4",width:150},{title:"Column 5",dataIndex:"address",key:"5",width:150},{title:"Column 6",dataIndex:"address",key:"6",width:150},{title:"Column 7",dataIndex:"address",key:"7",width:150},{title:"Column 8",dataIndex:"address",key:"8"},{title:"Action",key:"operation",fixed:"right",width:100}],p=[];for(let c=0;c<100;c++)p.push({key:c,name:`Edrward ${c}`,age:32,address:`London Park no. ${c}`});return(c,s)=>{const e=I("a-table"),r=I("demo-box");return m(),x(r,{jsfiddle:{us:"A Solution for displaying large amounts of data with long columns.",cn:"\u9002\u5408\u540C\u65F6\u5C55\u793A\u6709\u5927\u91CF\u6570\u636E\u548C\u6570\u636E\u5217\u3002",docHtml:`<h2 id="zh-cn">zh-CN <a class="header-anchor" href="#zh-cn">
1833          <span aria-hidden="true" class="anchor">#</span>
1834        </a></h2>
1835<p>\u9002\u5408\u540C\u65F6\u5C55\u793A\u6709\u5927\u91CF\u6570\u636E\u548C\u6570\u636E\u5217\u3002</p>
1836<blockquote>
1837<p>\u82E5\u5217\u5934\u4E0E\u5185\u5BB9\u4E0D\u5BF9\u9F50\u6216\u51FA\u73B0\u5217\u91CD\u590D\uFF0C\u8BF7\u6307\u5B9A<strong>\u56FA\u5B9A\u5217</strong>\u7684\u5BBD\u5EA6 <code>width</code>\u3002\u5982\u679C\u6307\u5B9A <code>width</code> \u4E0D\u751F\u6548\u6216\u51FA\u73B0\u767D\u8272\u5782\u76F4\u7A7A\u9699\uFF0C\u8BF7\u5C1D\u8BD5\u5EFA\u8BAE\u7559\u4E00\u5217\u4E0D\u8BBE\u5BBD\u5EA6\u4EE5\u9002\u5E94\u5F39\u6027\u5E03\u5C40\uFF0C\u6216\u8005\u68C0\u67E5\u662F\u5426\u6709\u8D85\u957F\u8FDE\u7EED\u5B57\u6BB5\u7834\u574F\u5E03\u5C40\u3002</p>
1838<p>\u5EFA\u8BAE\u6307\u5B9A <code>scroll.x</code> \u4E3A\u5927\u4E8E\u8868\u683C\u5BBD\u5EA6\u7684\u56FA\u5B9A\u503C\u6216\u767E\u5206\u6BD4\u3002\u6CE8\u610F\uFF0C\u4E14\u975E\u56FA\u5B9A\u5217\u5BBD\u5EA6\u4E4B\u548C\u4E0D\u8981\u8D85\u8FC7 <code>scroll.x</code>\u3002</p>
1839</blockquote>
1840<h2 id="en-us">en-US <a class="header-anchor" href="#en-us">
1841          <span aria-hidden="true" class="anchor">#</span>
1842        </a></h2>
1843<p>A Solution for displaying large amounts of data with long columns.</p>
1844<blockquote>
1845<p>Specify the width of columns if header and cell do not align properly. If specified width is not working or have gutter between columns, please try to leave one column at least without width to fit fluid layout, or make sure no long word to break table layout.</p>
1846<p>A fixed value which is greater than table width for <code>scroll.x</code> is recommended. The sum of unfixed columns should not greater than <code>scroll.x</code>.</p>
1847</blockquote>
1848`,order:20,title:{"en-US":"Fixed Columns and Header","zh-CN":"\u56FA\u5B9A\u5934\u548C\u5217"},relativePath:"components/table/demo/fixed-columns-header.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXRhYmxlIDpjb2x1bW5zPSJjb2x1bW5zIiA6ZGF0YS1zb3VyY2U9ImRhdGEiIDpzY3JvbGw9InsgeDogMTUwMCwgeTogMzAwIH0iPgogICAgPHRlbXBsYXRlICNib2R5Q2VsbD0ieyBjb2x1bW4gfSI+CiAgICAgIDx0ZW1wbGF0ZSB2LWlmPSJjb2x1bW4ua2V5ID09PSAnb3BlcmF0aW9uJyI+CiAgICAgICAgPGE+YWN0aW9uPC9hPgogICAgICA8L3RlbXBsYXRlPgogICAgPC90ZW1wbGF0ZT4KICA8L2EtdGFibGU+CjwvdGVtcGxhdGU+CjxzY3JpcHQgbGFuZz0idHMiIHNldHVwPgppbXBvcnQgdHlwZSB7IFRhYmxlQ29sdW1uc1R5cGUgfSBmcm9tICdhbnQtZGVzaWduLXZ1ZSc7CmNvbnN0IGNvbHVtbnM6IFRhYmxlQ29sdW1uc1R5cGUgPSBbCiAgeyB0aXRsZTogJ0Z1bGwgTmFtZScsIHdpZHRoOiAxMDAsIGRhdGFJbmRleDogJ25hbWUnLCBrZXk6ICduYW1lJywgZml4ZWQ6ICdsZWZ0JyB9LAogIHsgdGl0bGU6ICdBZ2UnLCB3aWR0aDogMTAwLCBkYXRhSW5kZXg6ICdhZ2UnLCBrZXk6ICdhZ2UnLCBmaXhlZDogJ2xlZnQnIH0sCiAgeyB0aXRsZTogJ0NvbHVtbiAxJywgZGF0YUluZGV4OiAnYWRkcmVzcycsIGtleTogJzEnLCB3aWR0aDogMTUwIH0sCiAgeyB0aXRsZTogJ0NvbHVtbiAyJywgZGF0YUluZGV4OiAnYWRkcmVzcycsIGtleTogJzInLCB3aWR0aDogMTUwIH0sCiAgeyB0aXRsZTogJ0NvbHVtbiAzJywgZGF0YUluZGV4OiAnYWRkcmVzcycsIGtleTogJzMnLCB3aWR0aDogMTUwIH0sCiAgeyB0aXRsZTogJ0NvbHVtbiA0JywgZGF0YUluZGV4OiAnYWRkcmVzcycsIGtleTogJzQnLCB3aWR0aDogMTUwIH0sCiAgeyB0aXRsZTogJ0NvbHVtbiA1JywgZGF0YUluZGV4OiAnYWRkcmVzcycsIGtleTogJzUnLCB3aWR0aDogMTUwIH0sCiAgeyB0aXRsZTogJ0NvbHVtbiA2JywgZGF0YUluZGV4OiAnYWRkcmVzcycsIGtleTogJzYnLCB3aWR0aDogMTUwIH0sCiAgeyB0aXRsZTogJ0NvbHVtbiA3JywgZGF0YUluZGV4OiAnYWRkcmVzcycsIGtleTogJzcnLCB3aWR0aDogMTUwIH0sCiAgeyB0aXRsZTogJ0NvbHVtbiA4JywgZGF0YUluZGV4OiAnYWRkcmVzcycsIGtleTogJzgnIH0sCiAgewogICAgdGl0bGU6ICdBY3Rpb24nLAogICAga2V5OiAnb3BlcmF0aW9uJywKICAgIGZpeGVkOiAncmlnaHQnLAogICAgd2lkdGg6IDEwMCwKICB9LApdOwoKaW50ZXJmYWNlIERhdGFJdGVtIHsKICBrZXk6IG51bWJlcjsKICBuYW1lOiBzdHJpbmc7CiAgYWdlOiBudW1iZXI7CiAgYWRkcmVzczogc3RyaW5nOwp9Cgpjb25zdCBkYXRhOiBEYXRhSXRlbVtdID0gW107CmZvciAobGV0IGkgPSAwOyBpIDwgMTAwOyBpKyspIHsKICBkYXRhLnB1c2goewogICAga2V5OiBpLAogICAgbmFtZTogYEVkcndhcmQgJHtpfWAsCiAgICBhZ2U6IDMyLAogICAgYWRkcmVzczogYExvbmRvbiBQYXJrIG5vLiAke2l9YCwKICB9KTsKfQo8L3NjcmlwdD4KCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXRhYmxlIDpjb2x1bW5zPSJjb2x1bW5zIiA6ZGF0YS1zb3VyY2U9ImRhdGEiIDpzY3JvbGw9InsgeDogMTUwMCwgeTogMzAwIH0iPgogICAgPHRlbXBsYXRlICNib2R5Q2VsbD0ieyBjb2x1bW4gfSI+CiAgICAgIDx0ZW1wbGF0ZSB2LWlmPSJjb2x1bW4ua2V5ID09PSAnb3BlcmF0aW9uJyI+CiAgICAgICAgPGE+YWN0aW9uPC9hPgogICAgICA8L3RlbXBsYXRlPgogICAgPC90ZW1wbGF0ZT4KICA8L2EtdGFibGU+CjwvdGVtcGxhdGU+CjxzY3JpcHQgc2V0dXA+CmNvbnN0IGNvbHVtbnMgPSBbCiAgewogICAgdGl0bGU6ICdGdWxsIE5hbWUnLAogICAgd2lkdGg6IDEwMCwKICAgIGRhdGFJbmRleDogJ25hbWUnLAogICAga2V5OiAnbmFtZScsCiAgICBmaXhlZDogJ2xlZnQnLAogIH0sCiAgewogICAgdGl0bGU6ICdBZ2UnLAogICAgd2lkdGg6IDEwMCwKICAgIGRhdGFJbmRleDogJ2FnZScsCiAgICBrZXk6ICdhZ2UnLAogICAgZml4ZWQ6ICdsZWZ0JywKICB9LAogIHsKICAgIHRpdGxlOiAnQ29sdW1uIDEnLAogICAgZGF0YUluZGV4OiAnYWRkcmVzcycsCiAgICBrZXk6ICcxJywKICAgIHdpZHRoOiAxNTAsCiAgfSwKICB7CiAgICB0aXRsZTogJ0NvbHVtbiAyJywKICAgIGRhdGFJbmRleDogJ2FkZHJlc3MnLAogICAga2V5OiAnMicsCiAgICB3aWR0aDogMTUwLAogIH0sCiAgewogICAgdGl0bGU6ICdDb2x1bW4gMycsCiAgICBkYXRhSW5kZXg6ICdhZGRyZXNzJywKICAgIGtleTogJzMnLAogICAgd2lkdGg6IDE1MCwKICB9LAogIHsKICAgIHRpdGxlOiAnQ29sdW1uIDQnLAogICAgZGF0YUluZGV4OiAnYWRkcmVzcycsCiAgICBrZXk6ICc0JywKICAgIHdpZHRoOiAxNTAsCiAgfSwKICB7CiAgICB0aXRsZTogJ0NvbHVtbiA1JywKICAgIGRhdGFJbmRleDogJ2FkZHJlc3MnLAogICAga2V5OiAnNScsCiAgICB3aWR0aDogMTUwLAogIH0sCiAgewogICAgdGl0bGU6ICdDb2x1bW4gNicsCiAgICBkYXRhSW5kZXg6ICdhZGRyZXNzJywKICAgIGtleTogJzYnLAogICAgd2lkdGg6IDE1MCwKICB9LAogIHsKICAgIHRpdGxlOiAnQ29sdW1uIDcnLAogICAgZGF0YUluZGV4OiAnYWRkcmVzcycsCiAgICBrZXk6ICc3JywKICAgIHdpZHRoOiAxNTAsCiAgfSwKICB7CiAgICB0aXRsZTogJ0NvbHVtbiA4JywKICAgIGRhdGFJbmRleDogJ2FkZHJlc3MnLAogICAga2V5OiAnOCcsCiAgfSwKICB7CiAgICB0aXRsZTogJ0FjdGlvbicsCiAgICBrZXk6ICdvcGVyYXRpb24nLAogICAgZml4ZWQ6ICdyaWdodCcsCiAgICB3aWR0aDogMTAwLAogIH0sCl07CmNvbnN0IGRhdGEgPSBbXTsKZm9yIChsZXQgaSA9IDA7IGkgPCAxMDA7IGkrKykgewogIGRhdGEucHVzaCh7CiAgICBrZXk6IGksCiAgICBuYW1lOiBgRWRyd2FyZCAke2l9YCwKICAgIGFnZTogMzIsCiAgICBhZGRyZXNzOiBgTG9uZG9uIFBhcmsgbm8uICR7aX1gLAogIH0

1848pOwp9CmV4cG9ydCB7fTsKPC9zY3JpcHQ+"}},{default:d(()=>[C(e,{columns:o,"data-source":p,scroll:{x:1500,y:300}},{bodyCell:d(({column:l})=>[l.key==="operation"?(m(),W("a",ko,"action")):K("",!0)]),_:1})]),htmlCode:d(()=>[...s[0]||(s[0]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
1849  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table")]),a(),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("columns"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("data"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":scroll"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ x: 1500, y: 300 }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
1850    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#bodyCell"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ column }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
1851      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("column.key === 'operation'"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
1852        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a")]),n("span",{class:"token punctuation"},">")]),a("action"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
1853      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
1854    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
1855  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table")]),n("span",{class:"token punctuation"},">")]),a(`
1856`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
1857`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ts"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"setup"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
1858`),n("span",{class:"token keyword"},"import"),a(" type "),n("span",{class:"token punctuation"},"{"),a(" TableColumnsType "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'ant-design-vue'"),n("span",{class:"token punctuation"},";"),a(`
1859`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token literal-property property"},"columns"),n("span",{class:"token operator"},":"),a(" TableColumnsType "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
1860  `),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Full Name'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"100"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"fixed"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'left'"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1861  `),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Age'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"100"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'age'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'age'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"fixed"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'left'"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1862  `),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Column 1'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'1'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"150"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1863  `),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Column 2'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'2'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"150"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1864  `),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Column 3'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'3'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"150"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1865  `),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Column 4'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'4'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"150"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1866  `),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Column 5'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'5'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"150"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1867  `),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Column 6'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'6'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"150"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1868  `),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Column 7'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'7'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"150"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1869  `),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Column 8'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'8'"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1870  `),n("span",{class:"token punctuation"},"{"),a(`
1871    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Action'"),n("span",{class:"token punctuation"},","),a(`
1872    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'operation'"),n("span",{class:"token punctuation"},","),a(`
1873    `),n("span",{class:"token literal-property property"},"fixed"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'right'"),n("span",{class:"token punctuation"},","),a(`
1874    `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"100"),n("span",{class:"token punctuation"},","),a(`
1875  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1876`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
1877
1878`),n("span",{class:"token keyword"},"interface"),a(),n("span",{class:"token class-name"},"DataItem"),a(),n("span",{class:"token punctuation"},"{"),a(`
1879  `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(" number"),n("span",{class:"token punctuation"},";"),a(`
1880  `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},";"),a(`
1881  `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(" number"),n("span",{class:"token punctuation"},";"),a(`
1882  `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},";"),a(`
1883`),n("span",{class:"token punctuation"},"}"),a(`
1884
1885`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token literal-property property"},"data"),n("span",{class:"token operator"},":"),a(" DataItem"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
1886`),n("span",{class:"token keyword"},"for"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token keyword"},"let"),a(" i "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},";"),a(" i "),n("span",{class:"token operator"},"<"),a(),n("span",{class:"token number"},"100"),n("span",{class:"token punctuation"},";"),a(" i"),n("span",{class:"token operator"},"++"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
1887  data`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"push"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
1888    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(" i"),n("span",{class:"token punctuation"},","),a(`
1889    `),n("span",{class:"token literal-property prope

1889rty"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token string"},"Edrward "),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),a("i"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},","),a(`
1890    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
1891    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token string"},"London Park no. "),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),a("i"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},","),a(`
1892  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
1893`),n("span",{class:"token punctuation"},"}"),a(`
1894`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
1895`)])],-1)])]),jsVersionHtml:d(()=>[...s[1]||(s[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
1896  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table")]),a(),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("columns"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("data"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":scroll"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ x: 1500, y: 300 }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
1897    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#bodyCell"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ column }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
1898      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("column.key === 'operation'"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
1899        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a")]),n("span",{class:"token punctuation"},">")]),a("action"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
1900      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
1901    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
1902  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table")]),n("span",{class:"token punctuation"},">")]),a(`
1903`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
1904`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"}

1904,"<"),a("script")]),a(),n("span",{class:"token attr-name"},"setup"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
1905`),n("span",{class:"token keyword"},"const"),a(" columns "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
1906  `),n("span",{class:"token punctuation"},"{"),a(`
1907    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Full Name'"),n("span",{class:"token punctuation"},","),a(`
1908    `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"100"),n("span",{class:"token punctuation"},","),a(`
1909    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
1910    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
1911    `),n("span",{class:"token literal-property property"},"fixed"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'left'"),n("span",{class:"token punctuation"},","),a(`
1912  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1913  `),n("span",{class:"token punctuation"},"{"),a(`
1914    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Age'"),n("span",{class:"token punctuation"},","),a(`
1915    `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"100"),n("span",{class:"token punctuation"},","),a(`
1916    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'age'"),n("span",{class:"token punctuation"},","),a(`
1917    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'age'"),n("span",{class:"token punctuation"},","),a(`
1918    `),n("span",{class:"token literal-property property"},"fixed"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'left'"),n("span",{class:"token punctuation"},","),a(`
1919  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1920  `),n("span",{class:"token punctuation"},"{"),a(`
1921    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Column 1'"),n("span",{class:"token punctuation"},","),a(`
1922    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
1923    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'1'"),n("span",{class:"token punctuation"},","),a(`
1924    `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"150"),n("span",{class:"token punctuation"},","),a(`
1925  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1926  `),n("span",{class:"token punctuation"},"{"),a(`
1927    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Column 2'"),n("span",{class:"token punctuation"},","),a(`
1928    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
1929    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'2'"),n("span",{class:"token punctuation"},","),a(`
1930    `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"150"),n("span",{class:"token punctuation"},","),a(`
1931  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1932  `),n("span",{class:"token punctuation"},"{"),a(`
1933    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Column 3'"),n("span",{class:"token punctuation"},","),a(`
1934    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
1935    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'3'"),n("span",{class:"token punctuation"},","),a(`
1936    `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"150"),n("span",{class:"token punctuation"},","),a(`
1937  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1938  `),n("span",{class:"token punctuation"},"{"),a(`
1939    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Column 4'"),n("span",{class:"token punctuation"},","),a(`
1940    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
1941    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'4'"),n("span",{class:"token punctuation"},","),a(`
1942    `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"150"),n("span",{class:"token punctuation"},","),a(`
1943  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1944  `),n("span",{class:"token punctuation"},"{"),a(`
1945    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Column 5'"),n("span",{class:"token punctuation"},","),a(`
1946    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
1947    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'5'"),n("span",{class:"token punctuation"},","),a(`
1948    `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"150"),n("span",{class:"token punctuation"},","),a(`
1949  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1950  `),n("span",{class:"token punctuation"},"{"),a(`
1951    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Column 6'"),n("span",{class:"token punctuation"},","),a(`
1952    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
1953    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'6'"),n("span",{class:"token punctuation"},","),a(`
1954    `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"150"),n("span",{class:"token punctuation"},","),a(`
1955  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1956  `),n("span",{class:"token punctuation"},"{"),a(`
1957    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Column 7'"),n("span",{class:"token punctuation"},","),a(`
1958    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
1959    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'7'"),n("span",{class:"token punctuation"},","),a(`
1960    `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"150"),n("span",{class:"token punctuation"},","),a(`
1961  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1962  `),n("span",{class:"token punctuation"},"{"),a(`
1963    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Column 8'"),n("span",{class:"token punctuation"},","),a(`
1964    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
1965    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'8'"),n("span",{class:"token punctuation"},","),a(`
1966  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1967  `),n("span",{class:"token punctuation"},"{"),a(`
1968    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Action'"),n("span",{class:"token punctuation"},","),a(`
1969    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'operation'"),n("span",{class:"token punctuation"},","),a(`
1970    `),n("span",{class:"token literal-property property"},"fixed"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'right'"),n("span",{class:"token punctuation"},","),a(`
1971    `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"100"),n("span",{class:"token punctuation"},","),a(`
1972  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
1973`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
1974`),n("span",{class:"token keyword"},"const"),a(" data "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
1975`),n("span",{class:"token keyword"},"for"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token keyword"},"let"),a(" i "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},";"),a(" i "),n("span",{class:"token operator"},"<"),a(),n("span",{class:"token number"},"100"),n("span",{class:"token punctuation"},";"),a(" i"),n("span",{class:"token operator"},"++"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
1976  data`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"push"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
1977    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(" i"),n("span",{class:"token punctuation"},","),a(`
1978    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token string"},"Edrward "),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),a("i"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},","),a(`
1979    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
1980    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token string"},"London Park no. "),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),a("i"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},","),a(`
1981  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
1982`),n("span",{class:"token punctuation"},"}"),a(`
1983`),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token punctuation"},"{"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
1984`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"}

1984,"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
1985`)])],-1)])]),_:1})}}}),Io={key:0},Co=F({__name:"fixed-columns",setup(t){const o=[{title:"Full Name",width:100,dataIndex:"name",key:"name",fixed:"left"},{title:"Age",width:100,dataIndex:"age",key:"age",fixed:"left"},{title:"Column 1",dataIndex:"address",key:"1"},{title:"Column 2",dataIndex:"address",key:"2"},{title:"Column 3",dataIndex:"address",key:"3"},{title:"Column 4",dataIndex:"address",key:"4"},{title:"Column 5",dataIndex:"address",key:"5"},{title:"Column 6",dataIndex:"address",key:"6"},{title:"Column 7",dataIndex:"address",key:"7"},{title:"Column 8",dataIndex:"address",key:"8"},{title:"Action",key:"operation",fixed:"right",width:100}],p=[{key:"1",name:"John Brown",age:32,address:"New York Park"},{key:"2",name:"Jim Green",age:40,address:"London Park"}];return(c,s)=>{const e=I("a-table"),r=I("demo-box");return m(),x(r,{jsfiddle:{us:"To fix some columns and scroll inside other columns, and you must set `scroll.x` meanwhile.",cn:"\u5BF9\u4E8E\u5217\u6570\u5F88\u591A\u7684\u6570\u636E\uFF0C\u53EF\u4EE5\u56FA\u5B9A\u524D\u540E\u7684\u5217\uFF0C\u6A2A\u5411\u6EDA\u52A8\u67E5\u770B\u5176\u5B83\u6570\u636E\uFF0C\u9700\u8981\u548C `scroll.x` \u914D\u5408\u4F7F\u7528\u3002",docHtml:`<h2 id="zh-cn">zh-CN <a class="header-anchor" href="#zh-cn">
1986          <span aria-hidden="true" class="anchor">#</span>
1987        </a></h2>
1988<p>\u5BF9\u4E8E\u5217\u6570\u5F88\u591A\u7684\u6570\u636E\uFF0C\u53EF\u4EE5\u56FA\u5B9A\u524D\u540E\u7684\u5217\uFF0C\u6A2A\u5411\u6EDA\u52A8\u67E5\u770B\u5176\u5B83\u6570\u636E\uFF0C\u9700\u8981\u548C <code>scroll.x</code> \u914D\u5408\u4F7F\u7528\u3002</p>
1989<blockquote>
1990<p>\u82E5\u5217\u5934\u4E0E\u5185\u5BB9\u4E0D\u5BF9\u9F50\u6216\u51FA\u73B0\u5217\u91CD\u590D\uFF0C\u8BF7\u6307\u5B9A<strong>\u56FA\u5B9A\u5217</strong>\u7684\u5BBD\u5EA6 <code>width</code>\u3002\u5982\u679C\u6307\u5B9A <code>width</code> \u4E0D\u751F\u6548\u6216\u51FA\u73B0\u767D\u8272\u5782\u76F4\u7A7A\u9699\uFF0C\u8BF7\u5C1D\u8BD5\u5EFA\u8BAE\u7559\u4E00\u5217\u4E0D\u8BBE\u5BBD\u5EA6\u4EE5\u9002\u5E94\u5F39\u6027\u5E03\u5C40\uFF0C\u6216\u8005\u68C0\u67E5\u662F\u5426\u6709\u8D85\u957F\u8FDE\u7EED\u5B57\u6BB5\u7834\u574F\u5E03\u5C40\u3002</p>
1991<p>\u5EFA\u8BAE\u6307\u5B9A <code>scroll.x</code> \u4E3A\u5927\u4E8E\u8868\u683C\u5BBD\u5EA6\u7684\u56FA\u5B9A\u503C\u6216\u767E\u5206\u6BD4\u3002\u6CE8\u610F\uFF0C\u4E14\u975E\u56FA\u5B9A\u5217\u5BBD\u5EA6\u4E4B\u548C\u4E0D\u8981\u8D85\u8FC7 <code>scroll.x</code>\u3002</p>
1992</blockquote>
1993<h2 id="en-us">en-US <a class="header-anchor" href="#en-us">
1994          <span aria-hidden="true" class="anchor">#</span>
1995        </a></h2>
1996<p>

1996To fix some columns and scroll inside other columns, and you must set <code>scroll.x</code> meanwhile.</p>
1997<blockquote>
1998<p>Specify the width of columns if header and cell do not align properly. If specified width is not working or have gutter between columns, please try to leave one column at least without width to fit fluid layout, or make sure no long word to break table layout.</p>
1999<p>A fixed value which is greater than table width for <code>scroll.x</code> is recommended. The sum of unfixed columns should not greater than <code>scroll.x</code>.</p>
2000</blockquote>
2001`,order:19,title:{"en-US":"Fixed Columns","zh-CN":"\u56FA\u5B9A\u5217"},relativePath:"components/table/demo/fixed-columns.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXRhYmxlIDpjb2x1bW5zPSJjb2x1bW5zIiA6ZGF0YS1zb3VyY2U9ImRhdGEiIDpzY3JvbGw9InsgeDogMTMwMCwgeTogMTAwMCB9Ij4KICAgIDx0ZW1wbGF0ZSAjYm9keUNlbGw9InsgY29sdW1uIH0iPgogICAgICA8dGVtcGxhdGUgdi1pZj0iY29sdW1uLmtleSA9PT0gJ29wZXJhdGlvbiciPgogICAgICAgIDxhPmFjdGlvbjwvYT4KICAgICAgPC90ZW1wbGF0ZT4KICAgIDwvdGVtcGxhdGU+CiAgPC9hLXRhYmxlPgo8L3RlbXBsYXRlPgo8c2NyaXB0IGxhbmc9InRzIiBzZXR1cD4KaW1wb3J0IHR5cGUgeyBUYWJsZUNvbHVtbnNUeXBlIH0gZnJvbSAnYW50LWRlc2lnbi12dWUnOwoKY29uc3QgY29sdW1uczogVGFibGVDb2x1bW5zVHlwZSA9IFsKICB7IHRpdGxlOiAnRnVsbCBOYW1lJywgd2lkdGg6IDEwMCwgZGF0YUluZGV4OiAnbmFtZScsIGtleTogJ25hbWUnLCBmaXhlZDogJ2xlZnQnIH0sCiAgeyB0aXRsZTogJ0FnZScsIHdpZHRoOiAxMDAsIGRhdGFJbmRleDogJ2FnZScsIGtleTogJ2FnZScsIGZpeGVkOiAnbGVmdCcgfSwKICB7IHRpdGxlOiAnQ29sdW1uIDEnLCBkYXRhSW5kZXg6ICdhZGRyZXNzJywga2V5OiAnMScgfSwKICB7IHRpdGxlOiAnQ29sdW1uIDInLCBkYXRhSW5kZXg6ICdhZGRyZXNzJywga2V5OiAnMicgfSwKICB7IHRpdGxlOiAnQ29sdW1uIDMnLCBkYXRhSW5kZXg6ICdhZGRyZXNzJywga2V5OiAnMycgfSwKICB7IHRpdGxlOiAnQ29sdW1uIDQnLCBkYXRhSW5kZXg6ICdhZGRyZXNzJywga2V5OiAnNCcgfSwKICB7IHRpdGxlOiAnQ29sdW1uIDUnLCBkYXRhSW5kZXg6ICdhZGRyZXNzJywga2V5OiAnNScgfSwKICB7IHRpdGxlOiAnQ29sdW1uIDYnLCBkYXRhSW5kZXg6ICdhZGRyZXNzJywga2V5OiAnNicgfSwKICB7IHRpdGxlOiAnQ29sdW1uIDcnLCBkYXRhSW5kZXg6ICdhZGRyZXNzJywga2V5OiAnNycgfSwKICB7IHRpdGxlOiAnQ29sdW1uIDgnLCBkYXRhSW5kZXg6ICdhZGRyZXNzJywga2V5OiAnOCcgfSwKICB7CiAgICB0aXRsZTogJ0FjdGlvbicsCiAgICBrZXk6ICdvcGVyYXRpb24nLAogICAgZml4ZWQ6ICdyaWdodCcsCiAgICB3aWR0aDogMTAwLAogIH0sCl07CgppbnRlcmZhY2UgRGF0YUl0ZW0gewogIGtleTogc3RyaW5nOwogIG5hbWU6IHN0cmluZzsKICBhZ2U6IG51bWJlcjsKICBhZGRyZXNzOiBzdHJpbmc7Cn0KCmNvbnN0IGRhdGE6IERhdGFJdGVtW10gPSBbCiAgewogICAga2V5OiAnMScsCiAgICBuYW1lOiAnSm9obiBCcm93bicsCiAgICBhZ2U6IDMyLAogICAgYWRkcmVzczogJ05ldyBZb3JrIFBhcmsnLAogIH0sCiAgewogICAga2V5OiAnMicsCiAgICBuYW1lOiAnSmltIEdyZWVuJywKICAgIGFnZTogNDAsCiAgICBhZGRyZXNzOiAnTG9uZG9uIFBhcmsnLAogIH0sCl07Cjwvc2NyaXB0PgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXRhYmxlIDpjb2x1bW5zPSJjb2x1bW5zIiA6ZGF0YS1zb3VyY2U9ImRhdGEiIDpzY3JvbGw9InsgeDogMTMwMCwgeTogMTAwMCB9Ij4KICAgIDx0ZW1wbGF0ZSAjYm9keUNlbGw9InsgY29sdW1uIH0iPgogICAgICA8dGVtcGxhdGUgdi1pZj0iY29sdW1uLmtleSA9PT0gJ29wZXJhdGlvbiciPgogICAgICAgIDxhPmFjdGlvbjwvYT4KICAgICAgPC90ZW1wbGF0ZT4KICAgIDwvdGVtcGxhdGU+CiAgPC9hLXRhYmxlPgo8L3RlbXBsYXRlPgo8c2NyaXB0IHNldHVwPgpjb25zdCBjb2x1bW5zID0gWwogIHsKICAgIHRpdGxlOiAnRnVsbCBOYW1lJywKICAgIHdpZHRoOiAxMDAsCiAgICBkYXRhSW5kZXg6ICduYW1lJywKICAgIGtleTogJ25hbWUnLAogICAgZml4ZWQ6ICdsZWZ0JywKICB9LAogIHsKICAgIHRpdGxlOiAnQWdlJywKICAgIHdpZHRoOiAxMDAsCiAgICBkYXRhSW5kZXg6ICdhZ2UnLAogICAga2V5OiAnYWdlJywKICAgIGZpeGVkOiAnbGVmdCcsCiAgfSwKICB7CiAgICB0aXRsZTogJ0NvbHVtbiAxJywKICAgIGRhdGFJbmRleDogJ2FkZHJlc3MnLAogICAga2V5OiAnMScsCiAgfSwKICB7CiAgICB0aXRsZTogJ0NvbHVtbiAyJywKICAgIGRhdGFJbmRleDogJ2FkZHJlc3MnLAogICAga2V5OiAnMicsCiAgfSwKICB7CiAgICB0aXRsZTogJ0NvbHVtbiAzJywKICAgIGRhdGFJbmRleDogJ2FkZHJlc3MnLAogICAga2V5OiAnMycsCiAgfSwKICB7CiAgICB0aXRsZTogJ0NvbHVtbiA0JywKICAgIGRhdGFJbmRleDogJ2FkZHJlc3MnLAogICAga2V5OiAnNCcsCiAgfSwKICB7CiAgICB0aXRsZTogJ0NvbHVtbiA1JywKICAgIGRhdGFJbmRleDogJ2FkZHJlc3MnLAogICAga2V5OiAnNScsCiAgfSwKICB7CiAgICB0aXRsZTogJ0NvbHVtbiA2JywKICAgIGRhdGFJbmRleDogJ2FkZHJlc3MnLAogICAga2V5OiAnNicsCiAgfSwKICB7CiAgICB0aXRsZTogJ0NvbHVtbiA3JywKICAgIGRhdGFJbmRleDogJ2FkZHJlc3MnLAogICAga2V5OiAnNycsCiAgfSwKICB7CiAgICB0aXRsZTogJ0NvbHVtbiA4JywKICAgIGRhdGFJbmRleDogJ2FkZHJlc3MnLAogICAga2V5OiAnOCcsCiAgfSwKICB7CiAgICB0aXRsZTogJ0FjdGlvbicsCiAgICBrZXk6ICdvcGVyYXRpb24nLAogICAgZml4ZWQ6ICdyaWdodCcsCiAgICB3aWR0aDogMTAwLAogIH0sCl07CmNvbnN0IGRhdGEgPSBbCiAgewogICAga2V5OiAnMScsCiAgICBuYW1lOiAnSm9obiBCcm93bicsCiAgICBhZ2U6IDMyLAogICAgYWRkcmVzczogJ05ldyBZb3JrIFBhcmsnLAogIH0sCiAgewogICAga2V5OiAnMicsCiAgICBuYW1lOiAnSmltIEdyZWVuJywKICAgIGFnZTogNDAsCiAgICBhZGRyZXNzOiAnTG9uZG9uIFBhcmsnLAogIH0sCl07CmV4cG9ydCB7fTsKPC9zY3JpcHQ+"}},{default:d(()=>[C(e,{columns:o,"data-source":p,scroll:{x:1300,y:1e3}},{bodyCell:d(({column:l})=>[l.key==="operation"?(m(),W("a",Io,"action")):K("",!0)]),_:1})]),htmlCode:d(()=>[...s[0]||(s[0]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
2002  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table")]),a(),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"}

2002,'"'),a("columns"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("data"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":scroll"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ x: 1300, y: 1000 }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
2003    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#bodyCell"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ column }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
2004      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("column.key === 'operation'"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
2005        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a")]),n("span",{class:"token punctuation"},">")]),a("action"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
2006      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
2007    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
2008  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table")]),n("span",{class:"token punctuation"},">")]),a(`
2009`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
2010`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ts"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"setup"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
2011`),n("span",{class:"token keyword"},"import"),a(" type "),n("span",{class:"token punctuation"},"{"),a(" TableColumnsType "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'ant-design-vue'"),n("span",{class:"token punctuation"},";"),a(`
2012
2013`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token literal-property property"},"columns"),n("span",{class:"token operator"},":"),a(" TableColumnsType "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
2014  `),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Full Name'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"100"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"fixed"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'left'"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2015  `),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Age'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"100"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'age'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'age'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"fixed"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'left'"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2016  `),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Column 1'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'1'"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2017  `),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Column 2'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'2'"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2018  `),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Column 3'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'3'"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2019  `),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Column 4'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'4'"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2020  `),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Column 5'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'5'"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2021  `),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Column 6'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'6'"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2022  `),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Column 7'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'7'"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2023  `),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Column 8'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'8'"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2024  `),n("span",{class:"token punctuation"},"{"),a(`
2025    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Action'"),n("span",{class:"token punctuation"},","),a(`
2026    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'operation'"),n("span",{class:"token punctuation"},","),a(`
2027    `),n("span",{class:"token literal-property property"},"fixed"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'right'"),n("span",{class:"token punctuation"},","),a(`
2028    `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"100"),n("span",{class:"token punctuation"},","),a(`
2029  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2030`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
2031
2032`),n("span",{class:"token keyword"},"interface"),a(),n("span",{class:"token class-name"},"DataItem"),a(),n("span",{class:"token punctuation"},"{"),a(`
2033  `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},";"),a(`
2034  `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},";"),a(`
2035  `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(" number"),n("span",{class:"token punctuation"},";"),a(`
2036  `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},";"),a(`
2037`),n("span",{class:"token punctuation"},"}"),a(`
2038
2039`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token literal-property property"},"data"),n("span",{class:"token operator"},":"),a(" DataItem"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
2040  `),n("span",{class:"token punctuation"},"{"),a(`
2041    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'1'"),n("span",{class:"token punctuation"},","),a(`
2042    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'John Brown'"),n("span",{class:"token punctuation"},","),a(`
2043    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
2044    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'New York Park'"),n("span",{class:"token punctuation"},","),a(`
2045  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2046  `),n("span",{class:"token punctuation"},"{"),a(`
2047    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'2'"),n("span",{class:"token punctuation"},","),a(`
2048    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jim Green'"),n("span",{class:"token punctuation"},","),a(`
2049    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"40"),n("span",{class:"token punctuation"},","),a(`
2050    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'London Park'"),n("span",{class:"token punctuation"},","),a(`
2051  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2052`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
2053`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"}

2053,"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
2054`)])],-1)])]),jsVersionHtml:d(()=>[...s[1]||(s[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
2055  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table")]),a(),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("columns"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("data"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":scroll"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ x: 1300, y: 1000 }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
2056    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#bodyCell"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ column }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
2057      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("column.key === 'operation'"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
2058        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a")]),n("span",{class:"token punctuation"},">")]),a("action"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
2059      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
2060    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
2061  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table")]),n("span",{class:"token punctuation"},">")]),a(`
2062`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
2063`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),n("span",{class:"token attr-name"},"setup"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
2064`),n("span",{class:"token keyword"},"const"),a(" columns "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
2065  `),n("span",{class:"token punctuation"},"{"),a(`
2066    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Full Name'"),n("span",{class:"token punctuation"},","),a(`
2067    `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"100"),n("span",{class:"token punctuation"},","),a(`
2068    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
2069    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
2070    `),n("span",{class:"token literal-property property"},"fixed"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'left'"),n("span",{class:"token punctuation"},","),a(`
2071  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2072  `),n("span",{class:"token punctuation"},"{"),a(`
2073    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Age'"),n("span",{class:"token punctuation"},","),a(`
2074    `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"100"),n("span",{class:"token punctuation"},","),a(`
2075    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'age'"),n("span",{class:"token punctuation"},","),a(`
2076    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'age'"),n("span",{class:"token punctuation"},","),a(`
2077    `),n("span",{class:"token literal-property property"},"fixed"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'left'"),n("span",{class:"token punctuation"},","),a(`
2078  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2079  `),n("span",{class:"token punctuation"},"{"),a(`
2080    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Column 1'"),n("span",{class:"token punctuation"},","),a(`
2081    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
2082    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'1'"),n("span",{class:"token punctuation"},","),a(`
2083  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2084  `),n("span",{class:"token punctuation"},"{"),a(`
2085    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Column 2'"),n("span",{class:"token punctuation"},","),a(`
2086    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
2087    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'2'"),n("span",{class:"token punctuation"},","),a(`
2088  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2089  `),n("span",{class:"token punctuation"},"{"),a(`
2090    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Column 3'"),n("span",{class:"token punctuation"},","),a(`
2091    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
2092    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'3'"),n("span",{class:"token punctuation"},","),a(`
2093  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2094  `),n("span",{class:"token punctuation"},"{"),a(`
2095    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Column 4'"),n("span",{class:"token punctuation"},","),a(`
2096    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
2097    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'4'"),n("span",{class:"token punctuation"},","),a(`
2098  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2099  `),n("span",{class:"token punctuation"},"{"),a(`
2100    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Column 5'"),n("span",{class:"token punctuation"},","),a(`
2101    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
2102    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'5'"),n("span",{class:"token punctuation"},","),a(`
2103  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2104  `),n("span",{class:"token punctuation"},"{"),a(`
2105    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Column 6'"),n("span",{class:"token punctuation"},","),a(`
2106    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
2107    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'6'"),n("span",{class:"token punctuation"},","),a(`
2108  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2109  `),n("span",{class:"token punctuation"},"{"),a(`
2110    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Column 7'"),n("span",{class:"token punctuation"},","),a(`
2111    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
2112    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'7'"),n("span",{class:"token punctuation"},","),a(`
2113  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2114  `),n("span",{class:"token punctuation"},"{"),a(`
2115    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Column 8'"),n("span",{class:"token punctuation"},","),a(`
2116    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
2117    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'8'"),n("span",{class:"token punctuation"},","),a(`
2118  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2119  `),n("span",{class:"token punctuation"},"{"),a(`
2120    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Action'"),n("span",{class:"token punctuation"},","),a(`
2121    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'operation'"),n("span",{class:"token punctuation"},","),a(`
2122    `),n("span",{class:"token literal-property property"},"fixed"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'right'"),n("span",{class:"token punctuation"},","),a(`
2123    `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"100"),n("span",{class:"token punctuation"},","),a(`
2124  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2125`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
2126`),n("span",{class:"token keyword"},"const"),a(" data "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
2127  `),n("span",{class:"token punctuation"},"{"),a(`
2128    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'1'"),n("span",{class:"token punctuation"},","),a(`
2129    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'John Brown'"),n("span",{class:"token punctuation"},","),a(`
2130    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
2131    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'New York Park'"),n("span",{class:"token punctuation"},","),a(`
2132  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2133  `),n("span",{class:"token punctuation"},"{"),a(`
2134    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'2'"),n("span",{class:"token punctuation"},","),a(`
2135    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jim Green'"),n("span",{class:"token punctuation"},","),a(`
2136    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"40"),n("span",{class:"token punctuation"},","),a(`
2137    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'London Park'"),n("span",{class:"token punctuation"},","),a(`
2138  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2139`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
2140`),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token punctuation"},"{"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
2141`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"}

2141,"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
2142`)])],-1)])]),_:1})}}}),yo=F({__name:"fixed-header",setup(t){const o=[{title:"Name",dataIndex:"name",width:150},{title:"Age",dataIndex:"age",width:150},{title:"Address",dataIndex:"address"}],p=[...Array(100)].map((c,s)=>({key:s,name:`Edward King ${s}`,age:32,address:`London, Park Lane no. ${s}`}));return(c,s)=>{const e=I("a-table"),r=I("demo-box");return m(),x(r,{jsfiddle:{us:"Display large amounts of data in scrollable view.",cn:"\u65B9\u4FBF\u4E00\u9875\u5185\u5C55\u793A\u5927\u91CF\u6570\u636E\u3002",docHtml:`<h2 id="zh-cn">zh-CN <a class="header-anchor" href="#zh-cn">
2143          <span aria-hidden="true" class="anchor">#</span>
2144        </a></h2>
2145<p>\u65B9\u4FBF\u4E00\u9875\u5185\u5C55\u793A\u5927\u91CF\u6570\u636E\u3002</p>
2146<blockquote>
2147<p>\u9700\u8981\u6307\u5B9A column \u7684 <code>width</code> \u5C5E\u6027\uFF0C\u5426\u5219\u5217\u5934\u548C\u5185\u5BB9\u53EF\u80FD\u4E0D\u5BF9\u9F50\u3002\u5982\u679C\u6307\u5B9A <code>width</code> \u4E0D\u751F\u6548\u6216\u51FA\u73B0\u767D\u8272\u5782\u76F4\u7A7A\u9699\uFF0C\u8BF7\u5C1D\u8BD5\u5EFA\u8BAE\u7559\u4E00\u5217\u4E0D\u8BBE\u5BBD\u5EA6\u4EE5\u9002\u5E94\u5F39\u6027\u5E03\u5C40\uFF0C\u6216\u8005\u68C0\u67E5\u662F\u5426\u6709\u8D85\u957F\u8FDE\u7EED\u5B57\u6BB5\u7834\u574F\u5E03\u5C40\u3002</p>
2148</blockquote>
2149<h2 id="en-us">en-US <a class="header-anchor" href="#en-us">
2150          <span aria-hidden="true" class="anchor">#</span>
2151        </a></h2>
2152<p>Display large amounts of data in scrollable view.</p>
2153<blockquote>
2154<p>Specify width of columns if header and cell do not align properly. If specified width is not working or have gutter between columns, please try to leave one column at least without width to fit fluid layout, or make sure no long word to break table layout.</p>
2155</blockquote>
2156`,order:12,title:{"zh-CN":"\u56FA\u5B9A\u8868\u5934","en-US":"Fixed Header"},relativePath:"components/table/demo/fixed-header.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXRhYmxlCiAgICA6Y29sdW1ucz0iY29sdW1ucyIKICAgIDpkYXRhLXNvdXJjZT0iZGF0YSIKICAgIDpwYWdpbmF0aW9uPSJ7IHBhZ2VTaXplOiA1MCB9IgogICAgOnNjcm9sbD0ieyB5OiAyNDAgfSIKICAvPgo8L3RlbXBsYXRlPgo8c2NyaXB0IGxhbmc9InRzIiBzZXR1cD4KY29uc3QgY29sdW1ucyA9IFsKICB7CiAgICB0aXRsZTogJ05hbWUnLAogICAgZGF0YUluZGV4OiAnbmFtZScsCiAgICB3aWR0aDogMTUwLAogIH0sCiAgewogICAgdGl0bGU6ICdBZ2UnLAogICAgZGF0YUluZGV4OiAnYWdlJywKICAgIHdpZHRoOiAxNTAsCiAgfSwKICB7CiAgICB0aXRsZTogJ0FkZHJlc3MnLAogICAgZGF0YUluZGV4OiAnYWRkcmVzcycsCiAgfSwKXTsKCmNvbnN0IGRhdGEgPSBbLi4uQXJyYXkoMTAwKV0ubWFwKChfLCBpKSA9PiAoewogIGtleTogaSwKICBuYW1lOiBgRWR3YXJkIEtpbmcgJHtpfWAsCiAgYWdlOiAzMiwKICBhZGRyZXNzOiBgTG9uZG9uLCBQYXJrIExhbmUgbm8uICR7aX1gLAp9KSk7Cjwvc2NyaXB0PgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXRhYmxlCiAgICA6Y29sdW1ucz0iY29sdW1ucyIKICAgIDpkYXRhLXNvdXJjZT0iZGF0YSIKICAgIDpwYWdpbmF0aW9uPSJ7IHBhZ2VTaXplOiA1MCB9IgogICAgOnNjcm9sbD0ieyB5OiAyNDAgfSIKICAvPgo8L3RlbXBsYXRlPgo8c2NyaXB0IHNldHVwPgpjb25zdCBjb2x1bW5zID0gWwogIHsKICAgIHRpdGxlOiAnTmFtZScsCiAgICBkYXRhSW5kZXg6ICduYW1lJywKICAgIHdpZHRoOiAxNTAsCiAgfSwKICB7CiAgICB0aXRsZTogJ0FnZScsCiAgICBkYXRhSW5kZXg6ICdhZ2UnLAogICAgd2lkdGg6IDE1MCwKICB9LAogIHsKICAgIHRpdGxlOiAnQWRkcmVzcycsCiAgICBkYXRhSW5kZXg6ICdhZGRyZXNzJywKICB9LApdOwpjb25zdCBkYXRhID0gWy4uLkFycmF5KDEwMCldLm1hcCgoXywgaSkgPT4gKHsKICBrZXk6IGksCiAgbmFtZTogYEVkd2FyZCBLaW5nICR7aX1gLAogIGFnZTogMzIsCiAgYWRkcmVzczogYExvbmRvbiwgUGFyayBMYW5lIG5vLiAke2l9YCwKfSkpOwo8L3NjcmlwdD4="}},{default:d(()=>[C(e,{columns:o,"data-source":P(p),pagination:{pageSize:50},scroll:{y:240}},null,8,["data-source"])]),htmlCode:d(()=>[...s[0]||(s[0]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
2157  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table")]),a(`
2158    `),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("columns"),n("span",{class:"token punctuation"},'"')]),a(`
2159    `),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("data"),n("span",{class:"token punctuation"},'"')]),a(`
2160    `),n("span",{class:"token attr-name"},":pagination"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ pageSize: 50 }"),n("span",{class:"token punctuation"},'"')]),a(`
2161    `),n("span",{class:"token attr-name"},":scroll"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ y: 240 }"),n("span",{class:"token punctuation"},'"')]),a(`
2162  `),n("span",{class:"token punctuation"},"/>")]),a(`
2163`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
2164`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"}

2164,"<"),a("script")]),a(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ts"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"setup"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
2165`),n("span",{class:"token keyword"},"const"),a(" columns "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
2166  `),n("span",{class:"token punctuation"},"{"),a(`
2167    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Name'"),n("span",{class:"token punctuation"},","),a(`
2168    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
2169    `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"150"),n("span",{class:"token punctuation"},","),a(`
2170  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2171  `),n("span",{class:"token punctuation"},"{"),a(`
2172    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Age'"),n("span",{class:"token punctuation"},","),a(`
2173    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'age'"),n("span",{class:"token punctuation"},","),a(`
2174    `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"150"),n("span",{class:"token punctuation"},","),a(`
2175  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2176  `),n("span",{class:"token punctuation"},"{"),a(`
2177    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Address'"),n("span",{class:"token punctuation"},","),a(`
2178    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
2179  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2180`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
2181
2182`),n("span",{class:"token keyword"},"const"),a(" data "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token operator"},"..."),n("span",{class:"token function"},"Array"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"100"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"map"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("_"),n("span",{class:"token punctuation"},","),a(" i")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
2183  `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(" i"),n("span",{class:"token punctuation"},","),a(`
2184  `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token string"},"Edward King "),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),a("i"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},","),a(`
2185  `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
2186  `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token string"},"London, Park Lane no. "),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),a("i"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},","),a(`
2187`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
2188`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"}

2188,"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
2189`)])],-1)])]),jsVersionHtml:d(()=>[...s[1]||(s[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
2190  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table")]),a(`
2191    `),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("columns"),n("span",{class:"token punctuation"},'"')]),a(`
2192    `),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("data"),n("span",{class:"token punctuation"},'"')]),a(`
2193    `),n("span",{class:"token attr-name"},":pagination"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ pageSize: 50 }"),n("span",{class:"token punctuation"},'"')]),a(`
2194    `),n("span",{class:"token attr-name"},":scroll"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ y: 240 }"),n("span",{class:"token punctuation"},'"')]),a(`
2195  `),n("span",{class:"token punctuation"},"/>")]),a(`
2196`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
2197`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),n("span",{class:"token attr-name"},"setup"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
2198`),n("span",{class:"token keyword"},"const"),a(" columns "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
2199  `),n("span",{class:"token punctuation"},"{"),a(`
2200    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Name'"),n("span",{class:"token punctuation"},","),a(`
2201    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
2202    `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"150"),n("span",{class:"token punctuation"},","),a(`
2203  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2204  `),n("span",{class:"token punctuation"},"{"),a(`
2205    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Age'"),n("span",{class:"token punctuation"},","),a(`
2206    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'age'"),n("span",{class:"token punctuation"},","),a(`
2207    `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"150"),n("span",{class:"token punctuation"},","),a(`
2208  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2209  `),n("span",{class:"token punctuation"},"{"),a(`
2210    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Address'"),n("span",{class:"token punctuation"},","),a(`
2211    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
2212  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2213`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
2214`),n("span",{class:"token keyword"},"const"),a(" data "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token operator"},"..."),n("span",{class:"token function"},"Array"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"100"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"map"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("_"),n("span",{class:"token punctuation"},","),a(" i")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
2215  `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(" i"),n("span",{class:"token punctuation"},","),a(`
2216  `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token string"},"Edward King "),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),a("i"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},","),a(`
2217  `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
2218  `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token string"},"London, Park Lane no. "),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),a("i"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},","),a(`
2219`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
2220`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"}

2220,"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
2221`)])],-1)])]),_:1})}}}),mo=F({__name:"grouping-columns",setup(t){const o=[{title:"Name",dataIndex:"name",key:"name",width:100,fixed:"left",filters:[{text:"Joe",value:"Joe"},{text:"John",value:"John"}],onFilter:(c,s)=>s.name.indexOf(c)===0},{title:"Other",children:[{title:"Age",dataIndex:"age",key:"age",width:200,sorter:(c,s)=>c.age-s.age},{title:"Address",children:[{title:"Street",dataIndex:"street",key:"street",width:200},{title:"Block",children:[{title:"Building",dataIndex:"building",key:"building",width:100},{title:"Door No.",dataIndex:"number",key:"number",width:100}]}]}]},{title:"Company",children:[{title:"Company Address",dataIndex:"companyAddress",key:"companyAddress",width:200},{title:"Company Name",dataIndex:"companyName",key:"companyName"}]},{title:"Gender",dataIndex:"gender",key:"gender",width:80,fixed:"right"}],p=[...Array(100)].map((c,s)=>({key:s,name:"John Brown",age:s+1,street:"Lake Park",building:"C",number:2035,companyAddress:"Lake Street 42",companyName:"SoftLake Co",gender:"M"}));return(c,s)=>{const e=I("a-table"),r=I("demo-box");return m(),x(r,{jsfiddle:{us:"Group table head with `columns[n].children`.",cn:"`columns[n]` \u53EF\u4EE5\u5185\u5D4C `children`\uFF0C\u4EE5\u6E32\u67D3\u5206\u7EC4\u8868\u5934\u3002",docHtml:`<h2 id="zh-cn">zh-CN <a class="header-anchor" href="#zh-cn">
2222          <span aria-hidden="true" class="anchor">#</span>
2223        </a></h2>
2224<p><code>columns[n]</code> \u53EF\u4EE5\u5185\u5D4C <code>children</code>\uFF0C\u4EE5\u6E32\u67D3\u5206\u7EC4\u8868\u5934\u3002</p>
2225<h2 id="en-us">en-US <a class="header-anchor" href="#en-us">
2226          <span aria-hidden="true" class="anchor">#</span>
2227        </a></h2>
2228<p>Group table head with <code>columns[n].children</code>.</p>
2229`,order:13,title:{"zh-CN":"\u8868\u5934\u5206\u7EC4","en-US":"Grouping table head"},relativePath:"components/table/demo/grouping-columns.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXRhYmxlCiAgICA6Y29sdW1ucz0iY29sdW1ucyIKICAgIDpkYXRhLXNvdXJjZT0iZGF0YSIKICAgIGJvcmRlcmVkCiAgICBzaXplPSJtaWRkbGUiCiAgICA6c2Nyb2xsPSJ7IHg6ICdjYWxjKDcwMHB4ICsgNTAlKScsIHk6IDI0MCB9IgogIC8+CjwvdGVtcGxhdGU+CjxzY3JpcHQgbGFuZz0idHMiIHNldHVwPgppbXBvcnQgdHlwZSB7IFRhYmxlQ29sdW1uc1R5cGUgfSBmcm9tICdhbnQtZGVzaWduLXZ1ZSc7CnR5cGUgVGFibGVEYXRhVHlwZSA9IHsKICBrZXk6IG51bWJlcjsKICBuYW1lOiBzdHJpbmc7CiAgYWdlOiBudW1iZXI7CiAgc3RyZWV0OiBzdHJpbmc7CiAgYnVpbGRpbmc6IHN0cmluZzsKICBudW1iZXI6IG51bWJlcjsKICBjb21wYW55QWRkcmVzczogc3RyaW5nOwogIGNvbXBhbnlOYW1lOiBzdHJpbmc7CiAgZ2VuZGVyOiBzdHJpbmc7Cn07CmNvbnN0IGNvbHVtbnM6IFRhYmxlQ29sdW1uc1R5cGUgPSBbCiAgewogICAgdGl0bGU6ICdOYW1lJywKICAgIGRhdGFJbmRleDogJ25hbWUnLAogICAga2V5OiAnbmFtZScsCiAgICB3aWR0aDogMTAwLAogICAgZml4ZWQ6ICdsZWZ0JywKICAgIGZpbHRlcnM6IFsKICAgICAgewogICAgICAgIHRleHQ6ICdKb2UnLAogICAgICAgIHZhbHVlOiAnSm9lJywKICAgICAgfSwKICAgICAgewogICAgICAgIHRleHQ6ICdKb2huJywKICAgICAgICB2YWx1ZTogJ0pvaG4nLAogICAgICB9LAogICAgXSwKICAgIG9uRmlsdGVyOiAodmFsdWU6IHN0cmluZywgcmVjb3JkOiBUYWJsZURhdGFUeXBlKSA9PiByZWNvcmQubmFtZS5pbmRleE9mKHZhbHVlKSA9PT0gMCwKICB9LAogIHsKICAgIHRpdGxlOiAnT3RoZXInLAogICAgY2hpbGRyZW46IFsKICAgICAgewogICAgICAgIHRpdGxlOiAnQWdlJywKICAgICAgICBkYXRhSW5kZXg6ICdhZ2UnLAogICAgICAgIGtleTogJ2FnZScsCiAgICAgICAgd2lkdGg6IDIwMCwKICAgICAgICBzb3J0ZXI6IChhOiBUYWJsZURhdGFUeXBlLCBiOiBUYWJsZURhdGFUeXBlKSA9PiBhLmFnZSAtIGIuYWdlLAogICAgICB9LAogICAgICB7CiAgICAgICAgdGl0bGU6ICdBZGRyZXNzJywKICAgICAgICBjaGlsZHJlbjogWwogICAgICAgICAgewogICAgICAgICAgICB0aXRsZTogJ1N0cmVldCcsCiAgICAgICAgICAgIGRhdGFJbmRleDogJ3N0cmVldCcsCiAgICAgICAgICAgIGtleTogJ3N0cmVldCcsCiAgICAgICAgICAgIHdpZHRoOiAyMDAsCiAgICAgICAgICB9LAogICAgICAgICAgewogICAgICAgICAgICB0aXRsZTogJ0Jsb2NrJywKICAgICAgICAgICAgY2hpbGRyZW46IFsKICAgICAgICAgICAgICB7CiAgICAgICAgICAgICAgICB0aXRsZTogJ0J1aWxkaW5nJywKICAgICAgICAgICAgICAgIGRhdGFJbmRleDogJ2J1aWxkaW5nJywKICAgICAgICAgICAgICAgIGtleTogJ2J1aWxkaW5nJywKICAgICAgICAgICAgICAgIHdpZHRoOiAxMDAsCiAgICAgICAgICAgICAgfSwKICAgICAgICAgICAgICB7CiAgICAgICAgICAgICAgICB0aXRsZTogJ0Rvb3IgTm8uJywKICAgICAgICAgICAgICAgIGRhdGFJbmRleDogJ251bWJlcicsCiAgICAgICAgICAgICAgICBrZXk6ICdudW1iZXInLAogICAgICAgICAgICAgICAgd2lkdGg6IDEwMCwKICAgICAgICAgICAgICB9LAogICAgICAgICAgICBdLAogICAgICAgICAgfSwKICAgICAgICBdLAogICAgICB9LAogICAgXSwKICB9LAogIHsKICAgIHRpdGxlOiAnQ29tcGFueScsCiAgICBjaGlsZHJlbjogWwogICAgICB7CiAgICAgICAgdGl0bGU6ICdDb21wYW55IEFkZHJlc3MnLAogICAgICAgIGRhdGFJbmRleDogJ2NvbXBhbnlBZGRyZXNzJywKICAgICAgICBrZXk6ICdjb21wYW5

22295QWRkcmVzcycsCiAgICAgICAgd2lkdGg6IDIwMCwKICAgICAgfSwKICAgICAgewogICAgICAgIHRpdGxlOiAnQ29tcGFueSBOYW1lJywKICAgICAgICBkYXRhSW5kZXg6ICdjb21wYW55TmFtZScsCiAgICAgICAga2V5OiAnY29tcGFueU5hbWUnLAogICAgICB9LAogICAgXSwKICB9LAogIHsKICAgIHRpdGxlOiAnR2VuZGVyJywKICAgIGRhdGFJbmRleDogJ2dlbmRlcicsCiAgICBrZXk6ICdnZW5kZXInLAogICAgd2lkdGg6IDgwLAogICAgZml4ZWQ6ICdyaWdodCcsCiAgfSwKXTsKY29uc3QgZGF0YSA9IFsuLi5BcnJheSgxMDApXS5tYXAoKF8sIGkpID0+ICh7CiAga2V5OiBpLAogIG5hbWU6ICdKb2huIEJyb3duJywKICBhZ2U6IGkgKyAxLAogIHN0cmVldDogJ0xha2UgUGFyaycsCiAgYnVpbGRpbmc6ICdDJywKICBudW1iZXI6IDIwMzUsCiAgY29tcGFueUFkZHJlc3M6ICdMYWtlIFN0cmVldCA0MicsCiAgY29tcGFueU5hbWU6ICdTb2Z0TGFrZSBDbycsCiAgZ2VuZGVyOiAnTScsCn0pKTsKPC9zY3JpcHQ+Cgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXRhYmxlCiAgICA6Y29sdW1ucz0iY29sdW1ucyIKICAgIDpkYXRhLXNvdXJjZT0iZGF0YSIKICAgIGJvcmRlcmVkCiAgICBzaXplPSJtaWRkbGUiCiAgICA6c2Nyb2xsPSJ7IHg6ICdjYWxjKDcwMHB4ICsgNTAlKScsIHk6IDI0MCB9IgogIC8+CjwvdGVtcGxhdGU+CjxzY3JpcHQgc2V0dXA+CmNvbnN0IGNvbHVtbnMgPSBbCiAgewogICAgdGl0bGU6ICdOYW1lJywKICAgIGRhdGFJbmRleDogJ25hbWUnLAogICAga2V5OiAnbmFtZScsCiAgICB3aWR0aDogMTAwLAogICAgZml4ZWQ6ICdsZWZ0JywKICAgIGZpbHRlcnM6IFsKICAgICAgewogICAgICAgIHRleHQ6ICdKb2UnLAogICAgICAgIHZhbHVlOiAnSm9lJywKICAgICAgfSwKICAgICAgewogICAgICAgIHRleHQ6ICdKb2huJywKICAgICAgICB2YWx1ZTogJ0pvaG4nLAogICAgICB9LAogICAgXSwKICAgIG9uRmlsdGVyOiAodmFsdWUsIHJlY29yZCkgPT4gcmVjb3JkLm5hbWUuaW5kZXhPZih2YWx1ZSkgPT09IDAsCiAgfSwKICB7CiAgICB0aXRsZTogJ090aGVyJywKICAgIGNoaWxkcmVuOiBbCiAgICAgIHsKICAgICAgICB0aXRsZTogJ0FnZScsCiAgICAgICAgZGF0YUluZGV4OiAnYWdlJywKICAgICAgICBrZXk6ICdhZ2UnLAogICAgICAgIHdpZHRoOiAyMDAsCiAgICAgICAgc29ydGVyOiAoYSwgYikgPT4gYS5hZ2UgLSBiLmFnZSwKICAgICAgfSwKICAgICAgewogICAgICAgIHRpdGxlOiAnQWRkcmVzcycsCiAgICAgICAgY2hpbGRyZW46IFsKICAgICAgICAgIHsKICAgICAgICAgICAgdGl0bGU6ICdTdHJlZXQnLAogICAgICAgICAgICBkYXRhSW5kZXg6ICdzdHJlZXQnLAogICAgICAgICAgICBrZXk6ICdzdHJlZXQnLAogICAgICAgICAgICB3aWR0aDogMjAwLAogICAgICAgICAgfSwKICAgICAgICAgIHsKICAgICAgICAgICAgdGl0bGU6ICdCbG9jaycsCiAgICAgICAgICAgIGNoaWxkcmVuOiBbCiAgICAgICAgICAgICAgewogICAgICAgICAgICAgICAgdGl0bGU6ICdCdWlsZGluZycsCiAgICAgICAgICAgICAgICBkYXRhSW5kZXg6ICdidWlsZGluZycsCiAgICAgICAgICAgICAgICBrZXk6ICdidWlsZGluZycsCiAgICAgICAgICAgICAgICB3aWR0aDogMTAwLAogICAgICAgICAgICAgIH0sCiAgICAgICAgICAgICAgewogICAgICAgICAgICAgICAgdGl0bGU6ICdEb29yIE5vLicsCiAgICAgICAgICAgICAgICBkYXRhSW5kZXg6ICdudW1iZXInLAogICAgICAgICAgICAgICAga2V5OiAnbnVtYmVyJywKICAgICAgICAgICAgICAgIHdpZHRoOiAxMDAsCiAgICAgICAgICAgICAgfSwKICAgICAgICAgICAgXSwKICAgICAgICAgIH0sCiAgICAgICAgXSwKICAgICAgfSwKICAgIF0sCiAgfSwKICB7CiAgICB0aXRsZTogJ0NvbXBhbnknLAogICAgY2hpbGRyZW46IFsKICAgICAgewogICAgICAgIHRpdGxlOiAnQ29tcGFueSBBZGRyZXNzJywKICAgICAgICBkYXRhSW5kZXg6ICdjb21wYW55QWRkcmVzcycsCiAgICAgICAga2V5OiAnY29tcGFueUFkZHJlc3MnLAogICAgICAgIHdpZHRoOiAyMDAsCiAgICAgIH0sCiAgICAgIHsKICAgICAgICB0aXRsZTogJ0NvbXBhbnkgTmFtZScsCiAgICAgICAgZGF0YUluZGV4OiAnY29tcGFueU5hbWUnLAogICAgICAgIGtleTogJ2NvbXBhbnlOYW1lJywKICAgICAgfSwKICAgIF0sCiAgfSwKICB7CiAgICB0aXRsZTogJ0dlbmRlcicsCiAgICBkYXRhSW5kZXg6ICdnZW5kZXInLAogICAga2V5OiAnZ2VuZGVyJywKICAgIHdpZHRoOiA4MCwKICAgIGZpeGVkOiAncmlnaHQnLAogIH0sCl07CmNvbnN0IGRhdGEgPSBbLi4uQXJyYXkoMTAwKV0ubWFwKChfLCBpKSA9PiAoewogIGtleTogaSwKICBuYW1lOiAnSm9obiBCcm93bicsCiAgYWdlOiBpICsgMSwKICBzdHJlZXQ6ICdMYWtlIFBhcmsnLAogIGJ1aWxkaW5nOiAnQycsCiAgbnVtYmVyOiAyMDM1LAogIGNvbXBhbnlBZGRyZXNzOiAnTGFrZSBTdHJlZXQgNDInLAogIGNvbXBhbnlOYW1lOiAnU29mdExha2UgQ28nLAogIGdlbmRlcjogJ00nLAp9KSk7CmV4cG9ydCB7fTsKPC9zY3JpcHQ+"}},{default:d(()=>[C(e,{columns:o,"data-source":P(p),bordered:"",size:"middle",scroll:{x:"calc(700px + 50%)",y:240}},null,8,["data-source"])]),htmlCode:d(()=>[...s[0]||(s[0]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
2230  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table")]),a(`
2231    `),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"}

2231,'"'),a("columns"),n("span",{class:"token punctuation"},'"')]),a(`
2232    `),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("data"),n("span",{class:"token punctuation"},'"')]),a(`
2233    `),n("span",{class:"token attr-name"},"bordered"),a(`
2234    `),n("span",{class:"token attr-name"},"size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("middle"),n("span",{class:"token punctuation"},'"')]),a(`
2235    `),n("span",{class:"token attr-name"},":scroll"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ x: 'calc(700px + 50%)', y: 240 }"),n("span",{class:"token punctuation"},'"')]),a(`
2236  `),n("span",{class:"token punctuation"},"/>")]),a(`
2237`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
2238`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ts"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"setup"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
2239`),n("span",{class:"token keyword"},"import"),a(" type "),n("span",{class:"token punctuation"},"{"),a(" TableColumnsType "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'ant-design-vue'"),n("span",{class:"token punctuation"},";"),a(`
2240type TableDataType `),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"{"),a(`
2241  `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(" number"),n("span",{class:"token punctuation"},";"),a(`
2242  `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},";"),a(`
2243  `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(" number"),n("span",{class:"token punctuation"},";"),a(`
2244  `),n("span",{class:"token literal-property property"},"street"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},";"),a(`
2245  `),n("span",{class:"token literal-property property"},"building"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},";"),a(`
2246  `),n("span",{class:"token literal-property property"},"number"),n("span",{class:"token operator"},":"),a(" number"),n("span",{class:"token punctuation"},";"),a(`
2247  `),n("span",{class:"token literal-property property"},"companyAddress"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},";"),a(`
2248  `),n("span",{class:"token literal-property property"},"companyName"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},";"),a(`
2249  `),n("span",{class:"token literal-property property"},"gender"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},";"),a(`
2250`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
2251`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token literal-property property"},"columns"),n("span",{class:"token operator"},":"),a(" TableColumnsType "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
2252  `),n("span",{class:"token punctuation"},"{"),a(`
2253    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Name'"),n("span",{class:"token punctuation"},","),a(`
2254    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
2255    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
2256    `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"100"),n("span",{class:"token punctuation"},","),a(`
2257    `),n("span",{class:"token literal-property property"},"fixed"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'left'"),n("span",{class:"token punctuation"},","),a(`
2258    `),n("span",{class:"token literal-property property"},"filters"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(`
2259      `),n("span",{class:"token punctuation"},"{"),a(`
2260        `),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Joe'"),n("span",{class:"token punctuation"},","),a(`
2261        `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Joe'"),n("span",{class:"token punctuation"},","),a(`
2262      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2263      `),n("span",{class:"token punctuation"},"{"),a(`
2264        `),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'John'"),n("span",{class:"token punctuation"},","),a(`
2265        `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'John'"),n("span",{class:"token punctuation"},","),a(`
2266      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2267    `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
2268    `),n("span",{class:"token function-variable function"},"onFilter"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"record"),n("span",{class:"token operator"},":"),a(" TableDataType")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(" record"),n("span",{class:"token punctuation"},"."),a("name"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"indexOf"),n("span",{class:"token punctuation"},"("),a("value"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"==="),a(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},","),a(`
2269  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2270  `),n("span",{class:"token punctuation"},"{"),a(`
2271    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Other'"),n("span",{class:"token punctuation"},","),a(`
2272    `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(`
2273      `),n("span",{class:"token punctuation"},"{"),a(`
2274        `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Age'"),n("span",{class:"token punctuation"},","),a(`
2275        `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'age'"),n("span",{class:"token punctuation"},","),a(`
2276        `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'age'"),n("span",{class:"token punctuation"},","),a(`
2277        `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"200"),n("span",{class:"token punctuation"},","),a(`
2278        `),n("span",{class:"token function-variable function"},"sorter"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"a"),n("span",{class:"token operator"},":"),a(" TableDataType"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"b"),n("span",{class:"token operator"},":"),a(" TableDataType")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(" a"),n("span",{class:"token punctuation"},"."),a("age "),n("span",{class:"token operator"},"-"),a(" b"),n("span",{class:"token punctuation"},"."),a("age"),n("span",{class:"token punctuation"},","),a(`
2279      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2280      `),n("span",{class:"token punctuation"},"{"),a(`
2281        `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Address'"),n("span",{class:"token punctuation"},","),a(`
2282        `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(`
2283          `),n("span",{class:"token punctuation"},"{"),a(`
2284            `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Street'"),n("span",{class:"token punctuation"},","),a(`
2285            `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'street'"),n("span",{class:"token punctuation"},","),a(`
2286            `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'street'"),n("span",{class:"token punctuation"},","),a(`
2287            `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"200"),n("span",{class:"token punctuation"},","),a(`
2288          `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2289          `),n("span",{class:"token punctuation"},"{"),a(`
2290            `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Block'"),n("span",{class:"token punctuation"},","),a(`
2291            `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(`
2292              `),n("span",{class:"token punctuation"},"{"),a(`
2293                `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Building'"),n("span",{class:"token punctuation"},","),a(`
2294                `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'building'"),n("span",{class:"token punctuation"},","),a(`
2295                `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'building'"),n("span",{class:"token punctuation"},","),a(`
2296                `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"100"),n("span",{class:"token punctuation"},","),a(`
2297              `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2298              `),n("span",{class:"token punctuation"},"{"),a(`
2299                `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Door No.'"),n("span",{class:"token punctuation"},","),a(`
2300                `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'number'"),n("span",{class:"token punctuation"},","),a(`
2301                `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'number'"),n("span",{class:"token punctuation"},","),a(`
2302                `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"100"),n("span",{class:"token punctuation"},","),a(`
2303              `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2304            `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
2305          `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2306        `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
2307      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2308    `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
2309  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2310  `),n("span",{class:"token punctuation"},"{"),a(`
2311    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Company'"),n("span",{class:"token punctuation"},","),a(`
2312    `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(`
2313      `),n("span",{class:"token punctuation"},"{"),a(`
2314        `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Company Address'"),n("span",{class:"token punctuation"},","),a(`
2315        `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'companyAddress'"),n("span",{class:"token punctuation"},","),a(`
2316        `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'companyAddress'"),n("span",{class:"token punctuation"},","),a(`
2317        `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"200"),n("span",{class:"token punctuation"},","),a(`
2318      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2319      `),n("span",{class:"token punctuation"},"{"),a(`
2320        `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Company Name'"),n("span",{class:"token punctuation"},","),a(`
2321        `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'companyName'"),n("span",{class:"token punctuation"},","),a(`
2322        `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'companyName'"),n("span",{class:"token punctuation"},","),a(`
2323      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2324    `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
2325  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2326  `),n("span",{class:"token punctuation"},"{"),a(`
2327    `),n("span",{class:"token liter

2327al-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Gender'"),n("span",{class:"token punctuation"},","),a(`
2328    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'gender'"),n("span",{class:"token punctuation"},","),a(`
2329    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'gender'"),n("span",{class:"token punctuation"},","),a(`
2330    `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"80"),n("span",{class:"token punctuation"},","),a(`
2331    `),n("span",{class:"token literal-property property"},"fixed"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'right'"),n("span",{class:"token punctuation"},","),a(`
2332  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2333`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
2334`),n("span",{class:"token keyword"},"const"),a(" data "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token operator"},"..."),n("span",{class:"token function"},"Array"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"100"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"map"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("_"),n("span",{class:"token punctuation"},","),a(" i")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
2335  `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(" i"),n("span",{class:"token punctuation"},","),a(`
2336  `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'John Brown'"),n("span",{class:"token punctuation"},","),a(`
2337  `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(" i "),n("span",{class:"token operator"},"+"),a(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},","),a(`
2338  `),n("span",{class:"token literal-property property"},"street"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Lake Park'"),n("span",{class:"token punctuation"},","),a(`
2339  `),n("span",{class:"token literal-property property"},"building"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'C'"),n("span",{class:"token punctuation"},","),a(`
2340  `),n("span",{class:"token literal-property property"},"number"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"2035"),n("span",{class:"token punctuation"},","),a(`
2341  `),n("span",{class:"token literal-property property"},"companyAddress"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Lake Street 42'"),n("span",{class:"token punctuation"},","),a(`
2342  `),n("span",{class:"token literal-property property"},"companyName"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'SoftLake Co'"),n("span",{class:"token punctuation"},","),a(`
2343  `),n("span",{class:"token literal-property property"},"gender"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'M'"),n("span",{class:"token punctuation"},","),a(`
2344`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
2345`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
2346`)])],-1)])]),jsVersionHtml:d(()=>[...s[1]||(s[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
2347  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table")]),a(`
2348    `),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"}

2348,'"'),a("columns"),n("span",{class:"token punctuation"},'"')]),a(`
2349    `),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("data"),n("span",{class:"token punctuation"},'"')]),a(`
2350    `),n("span",{class:"token attr-name"},"bordered"),a(`
2351    `),n("span",{class:"token attr-name"},"size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("middle"),n("span",{class:"token punctuation"},'"')]),a(`
2352    `),n("span",{class:"token attr-name"},":scroll"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ x: 'calc(700px + 50%)', y: 240 }"),n("span",{class:"token punctuation"},'"')]),a(`
2353  `),n("span",{class:"token punctuation"},"/>")]),a(`
2354`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
2355`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),n("span",{class:"token attr-name"},"setup"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
2356`),n("span",{class:"token keyword"},"const"),a(" columns "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
2357  `),n("span",{class:"token punctuation"},"{"),a(`
2358    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Name'"),n("span",{class:"token punctuation"},","),a(`
2359    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
2360    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
2361    `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"100"),n("span",{class:"token punctuation"},","),a(`
2362    `),n("span",{class:"token literal-property property"},"fixed"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'left'"),n("span",{class:"token punctuation"},","),a(`
2363    `),n("span",{class:"token literal-property property"},"filters"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(`
2364      `),n("span",{class:"token punctuation"},"{"),a(`
2365        `),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Joe'"),n("span",{class:"token punctuation"},","),a(`
2366        `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Joe'"),n("span",{class:"token punctuation"},","),a(`
2367      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2368      `),n("span",{class:"token punctuation"},"{"),a(`
2369        `),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'John'"),n("span",{class:"token punctuation"},","),a(`
2370        `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'John'"),n("span",{class:"token punctuation"},","),a(`
2371      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2372    `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
2373    `),n("span",{class:"token function-variable function"},"onFilter"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("value"),n("span",{class:"token punctuation"},","),a(" record")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(" record"),n("span",{class:"token punctuation"},"."),a("name"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"indexOf"),n("span",{class:"token punctuation"},"("),a("value"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"==="),a(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},","),a(`
2374  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2375  `),n("span",{class:"token punctuation"},"{"),a(`
2376    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Other'"),n("span",{class:"token punctuation"},","),a(`
2377    `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(`
2378      `),n("span",{class:"token punctuation"},"{"),a(`
2379        `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Age'"),n("span",{class:"token punctuation"},","),a(`
2380        `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'age'"),n("span",{class:"token punctuation"},","),a(`
2381        `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'age'"),n("span",{class:"token punctuation"},","),a(`
2382        `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"200"),n("span",{class:"token punctuation"},","),a(`
2383        `),n("span",{class:"token function-variable function"},"sorter"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("a"),n("span",{class:"token punctuation"},","),a(" b")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(" a"),n("span",{class:"token punctuation"},"."),a("age "),n("span",{class:"token operator"},"-"),a(" b"),n("span",{class:"token punctuation"},"."),a("age"),n("span",{class:"token punctuation"},","),a(`
2384      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2385      `),n("span",{class:"token punctuation"},"{"),a(`
2386        `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Address'"),n("span",{class:"token punctuation"},","),a(`
2387        `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(`
2388          `),n("span",{class:"token punctuation"},"{"),a(`
2389            `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Street'"),n("span",{class:"token punctuation"},","),a(`
2390            `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'street'"),n("span",{class:"token punctuation"},","),a(`
2391            `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'street'"),n("span",{class:"token punctuation"},","),a(`
2392            `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"200"),n("span",{class:"token punctuation"},","),a(`
2393          `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2394          `),n("span",{class:"token punctuation"},"{"),a(`
2395            `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Block'"),n("span",{class:"token punctuation"},","),a(`
2396            `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(`
2397              `),n("span",{class:"token punctuation"},"{"),a(`
2398                `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Building'"),n("span",{class:"token punctuation"},","),a(`
2399                `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'building'"),n("span",{class:"token punctuation"},","),a(`
2400                `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'building'"),n("span",{class:"token punctuation"},","),a(`
2401                `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"100"),n("span",{class:"token punctuation"},","),a(`
2402              `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2403              `),n("span",{class:"token punctuation"},"{"),a(`
2404                `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Door No.'"),n("span",{class:"token punctuation"},","),a(`
2405                `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'number'"),n("span",{class:"token punctuation"},","),a(`
2406                `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'number'"),n("span",{class:"token punctuation"},","),a(`
2407                `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"100"),n("span",{class:"token punctuation"},","),a(`
2408              `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2409            `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
2410          `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2411        `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
2412      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2413    `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
2414  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2415  `),n("span",{class:"token punctuation"},"{"),a(`
2416    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Company'"),n("span",{class:"token punctuation"},","),a(`
2417    `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(`
2418      `),n("span",{class:"token punctuation"},"{"),a(`
2419        `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Company Address'"),n("span",{class:"token punctuation"},","),a(`
2420        `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'companyAddress'"),n("span",{class:"token punctuation"},","),a(`
2421        `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'companyAddress'"),n("span",{class:"token punctuation"},","),a(`
2422        `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"200"),n("span",{class:"token punctuation"},","),a(`
2423      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2424      `),n("span",{class:"token punctuation"},"{"),a(`
2425        `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Company Name'"),n("span",{class:"token punctuation"},","),a(`
2426        `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'companyName'"),n("span",{class:"token punctuation"},","),a(`
2427        `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'companyName'"),n("span",{class:"token punctuation"},","),a(`
2428      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2429    `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
2430  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2431  `),n("span",{class:"token punctuation"},"{"),a(`
2432    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Gender'"),n("span",{class:"token punctuation"},","),a(`
2433    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'gender'"),n("span",{class:"token punctuation"},","),a(`
2434    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'gender'"),n("span",{class:"token punctuation"},","),a(`
2435    `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"80"),n("span",{class:"token punctuation"},","),a(`
2436    `),n("span",{class:"token literal-property property"},"fixed"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'right'"),n("span",{class:"token punctuation"},","),a(`
2437  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2438`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
2439`),n("span",{class:"token keyword"},"const"),a(" data "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token operator"},"..."),n("span",{class:"token function"},"Array"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"100"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"map"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("_"),n("span",{class:"token punctuation"},","),a(" i")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
2440  `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(" i"),n("span",{class:"token punctuation"},","),a(`
2441  `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'John Brown'"),n("span",{class:"token punctuation"},","),a(`
2442  `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(" i "),n("span",{class:"token operator"},"+"),a(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},","),a(`
2443  `),n("span",{class:"token literal-property property"},"street"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Lake Park'"),n("span",{class:"token punctuation"},","),a(`
2444  `)

2444,n("span",{class:"token literal-property property"},"building"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'C'"),n("span",{class:"token punctuation"},","),a(`
2445  `),n("span",{class:"token literal-property property"},"number"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"2035"),n("span",{class:"token punctuation"},","),a(`
2446  `),n("span",{class:"token literal-property property"},"companyAddress"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Lake Street 42'"),n("span",{class:"token punctuation"},","),a(`
2447  `),n("span",{class:"token literal-property property"},"companyName"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'SoftLake Co'"),n("span",{class:"token punctuation"},","),a(`
2448  `),n("span",{class:"token literal-property property"},"gender"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'M'"),n("span",{class:"token punctuation"},","),a(`
2449`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
2450`),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token punctuation"},"{"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
2451`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
2452`)])],-1)])]),_:1})}}}),Ao=F({__name:"head",setup(t){const o=[{title:"Name",dataIndex:"name",filters:[{text:"Joe",value:"Joe"},{text:"Jim",value:"Jim"},{text:"Submenu",value:"Submenu",children:[{text:"Green",value:"Green"},{text:"Black",value:"Black"}]}],onFilter:(s,e)=>e.name.indexOf(s)===0,sorter:(s,e)=>

2452s.name.length-e.name.length,sortDirections:["descend"]},{title:"Age",dataIndex:"age",defaultSortOrder:"descend",sorter:(s,e)=>s.age-e.age},{title:"Address",dataIndex:"address",filters:[{text:"London",value:"London"},{text:"New York",value:"New York"}],filterMultiple:!1,onFilter:(s,e)=>e.address.indexOf(s)===0,sorter:(s,e)=>s.address.length-e.address.length,sortDirections:["descend","ascend"]}],p=[{key:"1",name:"John Brown",age:32,address:"New York No. 1 Lake Park"},{key:"2",name:"Jim Green",age:42,address:"London No. 1 Lake Park"},{key:"3",name:"Joe Black",age:32,address:"Sidney No. 1 Lake Park"},{key:"4",name:"Jim Red",age:32,address:"London No. 2 Lake Park"}],c=(s,e,r)=>{console.log("params",s,e,r)};return(s,e)=>{const r=I("a-table"),l=I("demo-box");return m(),x(l,{jsfiddle:{us:"Use `filters` to generate filter menu in columns, `onFilter` to determine filtered result, and `filterMultiple` to indicate whether it's multiple or single selection.\nUses `defaultFilteredValue` to make a column filtered by default.\nUse `sorter` to make a column sortable. `sorter` can be a function of the type `function(a, b) { ... }` for sorting data locally.\n`sortDirections: ['ascend' | 'descend']` defines available sort methods for each columns, effective for all columns when set on table props.\nUses `defaultSortOrder` to make a column sorted by default.\nIf a `sortOrder` or `defaultSortOrder` is specified with the value `ascend` or `descend`, you can access this value from within the function passed to the `sorter` as explained above. Such a function can take the form: `function(a, b, sortOrder) { ... }`.",cn:"\u5BF9\u67D0\u4E00\u5217\u6570\u636E\u8FDB\u884C\u7B5B\u9009\uFF0C\u4F7F\u7528\u5217\u7684 `filters` \u5C5E\u6027\u6765\u6307\u5B9A\u9700\u8981\u7B5B\u9009\u83DC\u5355\u7684\u5217\uFF0C`onFilter` \u7528\u4E8E\u7B5B\u9009\u5F53\u524D\u6570\u636E\uFF0C`filterMultiple` \u7528\u4E8E\u6307\u5B9A\u591A\u9009\u548C\u5355\u9009\u3002\n\u5BF9\u67D0\u4E00\u5217\u6570\u636E\u8FDB\u884C\u6392\u5E8F\uFF0C\u901A\u8FC7\u6307\u5B9A\u5217\u7684 `sorter` \u51FD\u6570\u5373\u53EF\u542F\u52A8\u6392\u5E8F\u6309\u94AE\u3002`sorter: function(rowA, rowB) { ... }`\uFF0C rowA\u3001rowB \u4E3A\u6BD4\u8F83\u7684\u4E24\u4E2A\u884C\u6570\u636E\u3002\n`sortDirections: ['ascend' | 'descend']`\u6539\u53D8\u6BCF\u5217\u53EF\u7528\u7684\u6392\u5E8F\u65B9\u5F0F\uFF0C\u5207\u6362\u6392\u5E8F\u65F6\u6309\u6570\u7EC4\u5185\u5BB9\u4F9D\u6B21\u5207\u6362\uFF0C\u8BBE\u7F6E\u5728 table props \u4E0A\u65F6\u5BF9\u6240\u6709\u5217\u751F\u6548\u3002\n\u4F7F\u7528 `defaultSortOrder` \u5C5E\u6027\uFF0C\u8BBE\u7F6E\u5217\u7684\u9ED8\u8BA4\u6392\u5E8F\u987A\u5E8F\u3002",docHtml:`<h2 id="zh-cn">zh-CN <a class="header-anchor" href="#zh-cn">
2453          <span aria-hidden="true" class="anchor">#</span>
2454        </a></h2>
2455<p>\u5BF9\u67D0\u4E00\u5217\u6570\u636E\u8FDB\u884C\u7B5B\u9009\uFF0C\u4F7F\u7528\u5217\u7684 <code>filters</code> \u5C5E\u6027\u6765\u6307\u5B9A\u9700\u8981\u7B5B\u9009\u83DC\u5355\u7684\u5217\uFF0C<code>onFilter</code> \u7528\u4E8E\u7B5B\u9009\u5F53\u524D\u6570\u636E\uFF0C<code>filterMultiple</code> \u7528\u4E8E\u6307\u5B9A\u591A\u9009\u548C\u5355\u9009\u3002
2456\u5BF9\u67D0\u4E00\u5217\u6570\u636E\u8FDB\u884C\u6392\u5E8F\uFF0C\u901A\u8FC7\u6307\u5B9A\u5217\u7684 <code>sorter</code> \u51FD\u6570\u5373\u53EF\u542F\u52A8\u6392\u5E8F\u6309\u94AE\u3002<code>sorter: function(rowA, rowB) { ... }</code>\uFF0C rowA\u3001rowB \u4E3A\u6BD4\u8F83\u7684\u4E24\u4E2A\u884C\u6570\u636E\u3002
2457<code>sortDirections: ['ascend' | 'descend']</code>\u6539\u53D8\u6BCF\u5217\u53EF\u7528\u7684\u6392\u5E8F\u65B9\u5F0F\uFF0C\u5207\u6362\u6392\u5E8F\u65F6\u6309\u6570\u7EC4\u5185\u5BB9\u4F9D\u6B21\u5207\u6362\uFF0C\u8BBE\u7F6E\u5728 table props \u4E0A\u65F6\u5BF9\u6240\u6709\u5217\u751F\u6548\u3002
2458\u4F7F\u7528 <code>defaultSortOrder</code> \u5C5E\u6027\uFF0C\u8BBE\u7F6E\u5217\u7684\u9ED8\u8BA4\u6392\u5E8F\u987A\u5E8F\u3002</p>
2459<h2 id="en-us">en-US <a class="header-anchor" href="#en-us">
2460          <span aria-hidden="true" class="anchor">#</span>
2461        </a></h2>
2462<p>Use <code>filters</code> to generate filter menu in columns, <code>onFilter</code> to determine filtered result, and <code>filterMultiple</code> to indicate whether it's multiple or single selection.
2463Uses <code>defaultFilteredValue</code> to make a column filtered by default.
2464Use <code>sorter</code> to make a column sortable. <code>sorter</code> can be a function of the type <code>function(a, b) { ... }</code> for sorting data locally.
2465<code>sortDirections: ['ascend' | 'descend']</code> defines available sort methods for each columns, effective for all c

2465olumns when set on table props.
2466Uses <code>defaultSortOrder</code> to make a column sorted by default.
2467If a <code>sortOrder</code> or <code>defaultSortOrder</code> is specified with the value <code>ascend</code> or <code>descend</code>, you can access this value from within the function passed to the <code>sorter</code> as explained above. Such a function can take the form: <code>function(a, b, sortOrder) { ... }</code>.</p>
2468`,order:14,title:{"zh-CN":"\u7B5B\u9009\u548C\u6392\u5E8F","en-US":"Filter and sorter"},relativePath:"components/table/demo/head.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXRhYmxlIDpjb2x1bW5zPSJjb2x1bW5zIiA6ZGF0YS1zb3VyY2U9ImRhdGEiIEBjaGFuZ2U9Im9uQ2hhbmdlIiAvPgo8L3RlbXBsYXRlPgo8c2NyaXB0IGxhbmc9InRzIiBzZXR1cD4KaW1wb3J0IHR5cGUgeyBUYWJsZUNvbHVtblR5cGUsIFRhYmxlUHJvcHMgfSBmcm9tICdhbnQtZGVzaWduLXZ1ZSc7Cgp0eXBlIFRhYmxlRGF0YVR5cGUgPSB7CiAga2V5OiBzdHJpbmc7CiAgbmFtZTogc3RyaW5nOwogIGFnZTogbnVtYmVyOwogIGFkZHJlc3M6IHN0cmluZzsKfTsKCmNvbnN0IGNvbHVtbnM6IFRhYmxlQ29sdW1uVHlwZTxUYWJsZURhdGFUeXBlPltdID0gWwogIHsKICAgIHRpdGxlOiAnTmFtZScsCiAgICBkYXRhSW5kZXg6ICduYW1lJywKICAgIGZpbHRlcnM6IFsKICAgICAgewogICAgICAgIHRleHQ6ICdKb2UnLAogICAgICAgIHZhbHVlOiAnSm9lJywKICAgICAgfSwKICAgICAgewogICAgICAgIHRleHQ6ICdKaW0nLAogICAgICAgIHZhbHVlOiAnSmltJywKICAgICAgfSwKICAgICAgewogICAgICAgIHRleHQ6ICdTdWJtZW51JywKICAgICAgICB2YWx1ZTogJ1N1Ym1lbnUnLAogICAgICAgIGNoaWxkcmVuOiBbCiAgICAgICAgICB7CiAgICAgICAgICAgIHRleHQ6ICdHcmVlbicsCiAgICAgICAgICAgIHZhbHVlOiAnR3JlZW4nLAogICAgICAgICAgfSwKICAgICAgICAgIHsKICAgICAgICAgICAgdGV4dDogJ0JsYWNrJywKICAgICAgICAgICAgdmFsdWU6ICdCbGFjaycsCiAgICAgICAgICB9LAogICAgICAgIF0sCiAgICAgIH0sCiAgICBdLAogICAgLy8gc3BlY2lmeSB0aGUgY29uZGl0aW9uIG9mIGZpbHRlcmluZyByZXN1bHQKICAgIC8vIGhlcmUgaXMgdGhhdCBmaW5kaW5nIHRoZSBuYW1lIHN0YXJ0ZWQgd2l0aCBgdmFsdWVgCiAgICBvbkZpbHRlcjogKHZhbHVlOiBzdHJpbmcsIHJlY29yZDogVGFibGVEYXRhVHlwZSkgPT4gcmVjb3JkLm5hbWUuaW5kZXhPZih2YWx1ZSkgPT09IDAsCiAgICBzb3J0ZXI6IChhOiBUYWJsZURhdGFUeXBlLCBiOiBUYWJsZURhdGFUeXBlKSA9PiBhLm5hbWUubGVuZ3RoIC0gYi5uYW1lLmxlbmd0aCwKICAgIHNvcnREaXJlY3Rpb25zOiBbJ2Rlc2NlbmQnXSwKICB9LAogIHsKICAgIHRpdGxlOiAnQWdlJywKICAgIGRhdGFJbmRleDogJ2FnZScsCiAgICBkZWZhdWx0U29ydE9yZGVyOiAnZGVzY2VuZCcsCiAgICBzb3J0ZXI6IChhOiBUYWJsZURhdGFUeXBlLCBiOiBUYWJsZURhdGFUeXBlKSA9PiBhLmFnZSAtIGIuYWdlLAogIH0sCiAgewogICAgdGl0bGU6ICdBZGRyZXNzJywKICAgIGRhdGFJbmRleDogJ2FkZHJlc3MnLAogICAgZmlsdGVyczogWwogICAgICB7CiAgICAgICAgdGV4dDogJ0xvbmRvbicsCiAgICAgICAgdmFsdWU6ICdMb25kb24nLAogICAgICB9LAogICAgICB7CiAgICAgICAgdGV4dDogJ05ldyBZb3JrJywKICAgICAgICB2YWx1ZTogJ05ldyBZb3JrJywKICAgICAgfSwKICAgIF0sCiAgICBmaWx0ZXJNdWx0aXBsZTogZmFsc2UsCiAgICBvbkZpbHRlcjogKHZhbHVlOiBzdHJpbmcsIHJlY29yZDogVGFibGVEYXRhVHlwZSkgPT4gcmVjb3JkLmFkZHJlc3MuaW5kZXhPZih2YWx1ZSkgPT09IDAsCiAgICBzb3J0ZXI6IChhOiBUYWJsZURhdGFUeXBlLCBiOiBUYWJsZURhdGFUeXBlKSA9PiBhLmFkZHJlc3MubGVuZ3RoIC0gYi5hZGRyZXNzLmxlbmd0aCwKICAgIHNvcnREaXJlY3Rpb25zOiBbJ2Rlc2NlbmQnLCAnYXNjZW5kJ10sCiAgfSwKXTsKCmNvbnN0IGRhdGE6IFRhYmxlRGF0YVR5cGVbXSA9IFsKICB7CiAgICBrZXk6ICcxJywKICAgIG5hbWU6ICdKb2huIEJyb3duJywKICAgIGFnZTogMzIsCiAgICBhZGRyZXNzOiAnTmV3IFlvcmsgTm8uIDEgTGFrZSBQYXJrJywKICB9LAogIHsKICAgIGtleTogJzInLAogICAgbmFtZTogJ0ppbSBHcmVlbicsCiAgICBhZ2U6IDQyLAogICAgYWRkcmVzczogJ0xvbmRvbiBOby4gMSBMYWtlIFBhcmsnLAogIH0sCiAgewogICAga2V5OiAnMycsCiAgICBuYW1lOiAnSm9lIEJsYWNrJywKICAgIGFnZTogMzIsCiAgICBhZGRyZXNzOiAnU2lkbmV5IE5vLiAxIExha2UgUGFyaycsCiAgfSwKICB7CiAgICBrZXk6ICc0JywKICAgIG5hbWU6ICdKaW0gUmVkJywKICAgIGFnZTogMzIsCiAgICBhZGRyZXNzOiAnTG9uZG9uIE5vLiAyIExha2UgUGFyaycsCiAgfSwKXTsKY29uc3Qgb25DaGFuZ2U6IFRhYmxlUHJvcHM8VGFibGVEYXRhVHlwZT5bJ29uQ2hhbmdlJ10gPSAocGFnaW5hdGlvbiwgZmlsdGVycywgc29ydGVyKSA9PiB7CiAgY29uc29sZS5sb2coJ3BhcmFtcycsIHBhZ2luYXRpb24sIGZpbHRlcnMsIHNvcnRlcik7Cn07Cjwvc2NyaXB0PgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXRhYmxlIDpjb2x1bW5zPSJjb2x1bW5zIiA6ZGF0YS1zb3VyY2U9ImRhdGEiIEBjaGFuZ2U9Im9uQ2hhbmdlIiAvPgo8L3RlbXBsYXRlPgo8c2NyaXB0IHNldHVwPgpjb25zdCBjb2x1bW5zID0gWwogIHsKICAgIHRpdGxlOiAnTmFtZScsCiAgICBkYXRhSW5kZXg6ICduYW1lJywKICAgIGZpbHRlcnM6IFsKICAgICAgewogICAgICAgIHRleHQ6ICdKb2UnLAogICAgICAgIHZhbHVlOiAnSm9lJywKICAgICAgfSwKICAgICAgewogICAgICAgIHRleHQ6ICdKaW0nLAogICAgICAgIHZhbHVlOiAnSmltJywKICAgICAgfSwKICAgICAgewogICAgICAgI

2468HRleHQ6ICdTdWJtZW51JywKICAgICAgICB2YWx1ZTogJ1N1Ym1lbnUnLAogICAgICAgIGNoaWxkcmVuOiBbCiAgICAgICAgICB7CiAgICAgICAgICAgIHRleHQ6ICdHcmVlbicsCiAgICAgICAgICAgIHZhbHVlOiAnR3JlZW4nLAogICAgICAgICAgfSwKICAgICAgICAgIHsKICAgICAgICAgICAgdGV4dDogJ0JsYWNrJywKICAgICAgICAgICAgdmFsdWU6ICdCbGFjaycsCiAgICAgICAgICB9LAogICAgICAgIF0sCiAgICAgIH0sCiAgICBdLAogICAgLy8gc3BlY2lmeSB0aGUgY29uZGl0aW9uIG9mIGZpbHRlcmluZyByZXN1bHQKICAgIC8vIGhlcmUgaXMgdGhhdCBmaW5kaW5nIHRoZSBuYW1lIHN0YXJ0ZWQgd2l0aCBgdmFsdWVgCiAgICBvbkZpbHRlcjogKHZhbHVlLCByZWNvcmQpID0+IHJlY29yZC5uYW1lLmluZGV4T2YodmFsdWUpID09PSAwLAogICAgc29ydGVyOiAoYSwgYikgPT4gYS5uYW1lLmxlbmd0aCAtIGIubmFtZS5sZW5ndGgsCiAgICBzb3J0RGlyZWN0aW9uczogWydkZXNjZW5kJ10sCiAgfSwKICB7CiAgICB0aXRsZTogJ0FnZScsCiAgICBkYXRhSW5kZXg6ICdhZ2UnLAogICAgZGVmYXVsdFNvcnRPcmRlcjogJ2Rlc2NlbmQnLAogICAgc29ydGVyOiAoYSwgYikgPT4gYS5hZ2UgLSBiLmFnZSwKICB9LAogIHsKICAgIHRpdGxlOiAnQWRkcmVzcycsCiAgICBkYXRhSW5kZXg6ICdhZGRyZXNzJywKICAgIGZpbHRlcnM6IFsKICAgICAgewogICAgICAgIHRleHQ6ICdMb25kb24nLAogICAgICAgIHZhbHVlOiAnTG9uZG9uJywKICAgICAgfSwKICAgICAgewogICAgICAgIHRleHQ6ICdOZXcgWW9yaycsCiAgICAgICAgdmFsdWU6ICdOZXcgWW9yaycsCiAgICAgIH0sCiAgICBdLAogICAgZmlsdGVyTXVsdGlwbGU6IGZhbHNlLAogICAgb25GaWx0ZXI6ICh2YWx1ZSwgcmVjb3JkKSA9PiByZWNvcmQuYWRkcmVzcy5pbmRleE9mKHZhbHVlKSA9PT0gMCwKICAgIHNvcnRlcjogKGEsIGIpID0+IGEuYWRkcmVzcy5sZW5ndGggLSBiLmFkZHJlc3MubGVuZ3RoLAogICAgc29ydERpcmVjdGlvbnM6IFsnZGVzY2VuZCcsICdhc2NlbmQnXSwKICB9LApdOwpjb25zdCBkYXRhID0gWwogIHsKICAgIGtleTogJzEnLAogICAgbmFtZTogJ0pvaG4gQnJvd24nLAogICAgYWdlOiAzMiwKICAgIGFkZHJlc3M6ICdOZXcgWW9yayBOby4gMSBMYWtlIFBhcmsnLAogIH0sCiAgewogICAga2V5OiAnMicsCiAgICBuYW1lOiAnSmltIEdyZWVuJywKICAgIGFnZTogNDIsCiAgICBhZGRyZXNzOiAnTG9uZG9uIE5vLiAxIExha2UgUGFyaycsCiAgfSwKICB7CiAgICBrZXk6ICczJywKICAgIG5hbWU6ICdKb2UgQmxhY2snLAogICAgYWdlOiAzMiwKICAgIGFkZHJlc3M6ICdTaWRuZXkgTm8uIDEgTGFrZSBQYXJrJywKICB9LAogIHsKICAgIGtleTogJzQnLAogICAgbmFtZTogJ0ppbSBSZWQnLAogICAgYWdlOiAzMiwKICAgIGFkZHJlc3M6ICdMb25kb24gTm8uIDIgTGFrZSBQYXJrJywKICB9LApdOwpjb25zdCBvbkNoYW5nZSA9IChwYWdpbmF0aW9uLCBmaWx0ZXJzLCBzb3J0ZXIpID0+IHsKICBjb25zb2xlLmxvZygncGFyYW1zJywgcGFnaW5hdGlvbiwgZmlsdGVycywgc29ydGVyKTsKfTsKZXhwb3J0IHt9Owo8L3NjcmlwdD4="}},{default:d(()=>[C(r,{columns:o,"data-source":p,onChange:c})]),htmlCode:d(()=>[...e[0]||(e[0]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
2469  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table")]),a(),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("columns"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("data"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("onChange"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
2470`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
2471`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ts"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"setup"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
2472`),n("span",{class:"token keyword"},"import"),a(" type "),n("span",{class:"token punctuation"},"{"),a(" TableColumnType"),n("span",{class:"token punctuation"},","),a(" TableProps "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'ant-design-vue'"),n("span",{class:"token punctuation"},";"),a(`
2473
2474type TableDataType `),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"{"),a(`
2475  `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},";"),a(`
2476  `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},";"),a(`
2477  `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(" number"),n("span",{class:"token punctuation"},";"),a(`
2478  `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},";"),a(`
2479`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
2480
2481`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token literal-property property"},"columns"),n("span",{class:"token operator"},":"),a(" TableColumnType"),n("span",{class:"token operator"},"<"),a("TableDataType"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
2482  `),n("span",{class:"token punctuation"},"{"),a(`
2483    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Name'"),n("span",{class:"token punctuation"},","),a(`
2484    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
2485    `),n("span",{class:"token literal-property property"},"filters"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(`
2486      `),n("span",{class:"token punctuation"},"{"),a(`
2487        `),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Joe'"),n("span",{class:"token punctuation"},","),a(`
2488        `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Joe'"),n("span",{class:"token punctuation"},","),a(`
2489      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2490      `),n("span",{class:"token punctuation"},"{"),a(`
2491        `),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jim'"),n("span",{class:"token punctuation"},","),a(`
2492        `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jim'"),n("span",{class:"token punctuation"},","),a(`
2493      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2494      `),n("span",{class:"token punctuation"},"{"),a(`
2495        `),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Submenu'"),n("span",{class:"token punctuation"},","),a(`
2496        `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Submenu'"),n("span",{class:"token punctuation"},","),a(`
2497        `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(`
2498          `),n("span",{class:"token punctuation"},"{"),a(`
2499            `),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Green'"),n("span",{class:"token punctuation"},","),a(`
2500            `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Green'"),n("span",{class:"token punctuation"},","),a(`
2501          `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2502          `),n("span",{class:"token punctuation"},"{"),a(`
2503            `),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Black'"),n("span",{class:"token punctuation"},","),a(`
2504            `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Black'"),n("span",{class:"token punctuation"},","),a(`
2505          `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2506        `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
2507      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2508    `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
2509    `),n("span",{class:"token comment"},"// specify the condition of filtering result"),a(`
2510    `),n("span",{class:"token comment"},"// here is that finding the name started with `value`"),a(`
2511    `),n("span",{class:"token function-variable function"},"onFilter"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"record"),n("span",{class:"token operator"},":"),a(" TableDataType")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(" record"),n("span",{class:"token punctuation"},"."),a("name"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"indexOf"),n("span",{class:"token punctuation"},"("),a("value"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"==="),a(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},","),a(`
2512    `),n("span",{class:"token function-variable function"},"sorter"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"a"),n("span",{class:"token operator"},":"),a(" TableDataType"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"b"),n("span",{class:"token operator"},":"),a(" TableDataType")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(" a"),n("span",{class:"token punctuation"},"."),a("name"),n("span",{class:"token punctuation"},"."),a("length "),n("span",{class:"token operator"},"-"),a(" b"),n("span",{class:"token punctuation"},"."),a("name"),n("span",{class:"token punctuation"},"."),a("length"),n("span",{class:"token punctuation"},","),a(`
2513    `),n("span",{class:"token literal-property property"},"sortDirections"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'descend'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
2514  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2515  `),n("span",{class:"token punctuation"},"{"),a(`
2516    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Age'"),n("span",{class:"token punctuation"},","),a(`
2517    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'age'"),n("span",{class:"token punctuation"},","),a(`
2518    `),n("span",{class:"token literal-property property"},"defaultSortOrder"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'descend'"),n("span",{class:"token punctuation"},","),a(`
2519    `),n("span",{class:"token function-variable function"},"sorter"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"a"),n("span",{class:"token operator"},":"),a(" TableDataType"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"b"),n("span",{class:"token operator"},":"),a(" TableDataType")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(" a"),n("span",{class:"token punctuation"},"."),a("age "),n("span",{class:"token operator"},"-"),a(" b"),n("span",{class:"token punctuation"},"."),a("age"),n("span",{class:"token punctuation"},","),a(`
2520  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2521  `),n("span",{class:"token punctuation"},"{"),a(`
2522    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Address'"),n("span",{class:"token punctuation"},","),a(`
2523    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
2524    `),n("span",{class:"token literal-property property"},"filters"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(`
2525      `),n("span",{class:"token punctuation"},"{"),a(`
2526        `),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'London'"),n("span",{class:"token punctuation"},","),a(`
2527        `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'London'"),n("span",{class:"token punctuation"},","),a(`
2528      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2529      `),n("span",{class:"token punctuation"},"{"),a(`
2530        `),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'New York'"),n("span",{class:"token punctuation"},","),a(`
2531        `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'New York'"),n("span",{class:"token punctuation"},","),a(`
2532      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2533    `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
2534    `),n("span",{class:"token literal-property property"},"filterMultiple"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},","),a(`
2535    `),n("span",{class:"token function-variable function"},"onFilter"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"record"),n("span",{class:"token operator"},":"),a(" TableDataType")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(" record"),n("span",{class:"token punctuation"},"."),a("address"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"indexOf"),n("span",{class:"token punctuation"},"("),a("value"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"==="),a(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},","),a(`
2536    `),n("span",{class:"token 

2536function-variable function"},"sorter"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"a"),n("span",{class:"token operator"},":"),a(" TableDataType"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"b"),n("span",{class:"token operator"},":"),a(" TableDataType")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(" a"),n("span",{class:"token punctuation"},"."),a("address"),n("span",{class:"token punctuation"},"."),a("length "),n("span",{class:"token operator"},"-"),a(" b"),n("span",{class:"token punctuation"},"."),a("address"),n("span",{class:"token punctuation"},"."),a("length"),n("span",{class:"token punctuation"},","),a(`
2537    `),n("span",{class:"token literal-property property"},"sortDirections"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'descend'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token string"},"'ascend'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
2538  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2539`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
2540
2541`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token literal-property property"},"data"),n("span",{class:"token operator"},":"),a(" TableDataType"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
2542  `),n("span",{class:"token punctuation"},"{"),a(`
2543    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'1'"),n("span",{class:"token punctuation"},","),a(`
2544    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'John Brown'"),n("span",{class:"token punctuation"},","),a(`
2545    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
2546    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'New York No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
2547  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2548  `),n("span",{class:"token punctuation"},"{"),a(`
2549    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'2'"),n("span",{class:"token punctuation"},","),a(`
2550    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jim Green'"),n("span",{class:"token punctuation"},","),a(`
2551    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"42"),n("span",{class:"token punctuation"},","),a(`
2552    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'London No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
2553  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2554  `),n("span",{class:"token punctuation"},"{"),a(`
2555    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'3'"),n("span",{class:"token punctuation"},","),a(`
2556    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Joe Black'"),n("span",{class:"token punctuation"},","),a(`
2557    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
2558    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"}

2558,"'Sidney No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
2559  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2560  `),n("span",{class:"token punctuation"},"{"),a(`
2561    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'4'"),n("span",{class:"token punctuation"},","),a(`
2562    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jim Red'"),n("span",{class:"token punctuation"},","),a(`
2563    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
2564    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'London No. 2 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
2565  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2566`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
2567`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token literal-property property"},"onChange"),n("span",{class:"token operator"},":"),a(" TableProps"),n("span",{class:"token operator"},"<"),a("TableDataType"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'onChange'"),n("span",{class:"token punctuation"},"]"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("pagination"),n("span",{class:"token punctuation"},","),a(" filters"),n("span",{class:"token punctuation"},","),a(" sorter")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
2568  console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'params'"),n("span",{class:"token punctuation"},","),a(" pagination"),n("span",{class:"token punctuation"},","),a(" filters"),n("span",{class:"token punctuation"},","),a(" sorter"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
2569`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
2570`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
2571`)])],-1)])]),jsVersionHtml:d(()=>[...e[1]||(e[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
2572  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table")]),a(),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("columns"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("data"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("onChange"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
2573`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
2574`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"}

2574,"<"),a("script")]),a(),n("span",{class:"token attr-name"},"setup"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
2575`),n("span",{class:"token keyword"},"const"),a(" columns "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
2576  `),n("span",{class:"token punctuation"},"{"),a(`
2577    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Name'"),n("span",{class:"token punctuation"},","),a(`
2578    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
2579    `),n("span",{class:"token literal-property property"},"filters"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(`
2580      `),n("span",{class:"token punctuation"},"{"),a(`
2581        `),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Joe'"),n("span",{class:"token punctuation"},","),a(`
2582        `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Joe'"),n("span",{class:"token punctuation"},","),a(`
2583      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2584      `),n("span",{class:"token punctuation"},"{"),a(`
2585        `),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jim'"),n("span",{class:"token punctuation"},","),a(`
2586        `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jim'"),n("span",{class:"token punctuation"},","),a(`
2587      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2588      `),n("span",{class:"token punctuation"},"{"),a(`
2589        `),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Submenu'"),n("span",{class:"token punctuation"},","),a(`
2590        `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Submenu'"),n("span",{class:"token punctuation"},","),a(`
2591        `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(`
2592          `),n("span",{class:"token punctuation"},"{"),a(`
2593            `),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Green'"),n("span",{class:"token punctuation"},","),a(`
2594            `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Green'"),n("span",{class:"token punctuation"},","),a(`
2595          `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2596          `),n("span",{class:"token punctuation"},"{"),a(`
2597            `),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Black'"),n("span",{class:"token punctuation"},","),a(`
2598            `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Black'"),n("span",{class:"token punctuation"},","),a(`
2599          `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2600        `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
2601      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2602    `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
2603    `),n("span",{class:"token comment"},"// specify the condition of filtering result"),a(`
2604    `),n("span",{class:"token comment"},"// here is that finding the name started with `value`"),a(`
2605    `),n("span",{class:"token function-variable function"},"onFilter"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("value"),n("span",{class:"token punctuation"},","),a(" record")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(" record"),n("span",{class:"token punctuation"},"."),a("name"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"indexOf"),n("span",{class:"token punctuation"},"("),a("value"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"==="),a(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},","),a(`
2606    `),n("span",{class:"token function-variable function"},"sorter"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("a"),n("span",{class:"token punctuation"},","),a(" b")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(" a"),n("span",{class:"token punctuation"},"."),a("name"),n("span",{class:"token punctuation"},"."),a("length "),n("span",{class:"token operator"},"-"),a(" b"),n("span",{class:"token punctuation"},"."),a("name"),n("span",{class:"token punctuation"},"."),a("length"),n("span",{class:"token punctuation"},","),a(`
2607    `),n("span",{class:"token literal-property property"},"sortDirections"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'descend'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
2608  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2609  `),n("span",{class:"token punctuation"},"{"),a(`
2610    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Age'"),n("span",{class:"token punctuation"},","),a(`
2611    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'age'"),n("span",{class:"token punctuation"},","),a(`
2612    `),n("span",{class:"token literal-property property"},"defaultSortOrder"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'descend'"),n("span",{class:"token punctuation"},","),a(`
2613    `),n("span",{class:"token function-variable function"},"sorter"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("a"),n("span",{class:"token punctuation"},","),a(" b")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(" a"),n("span",{class:"token punctuation"},"."),a("age "),n("span",{class:"token operator"},"-"),a(" b"),n("span",{class:"token punctuation"},"."),a("age"),n("span",{class:"token punctuation"},","),a(`
2614  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2615  `),n("span",{class:"token punctuation"},"{"),a(`
2616    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Address'"),n("span",{class:"token punctuation"},","),a(`
2617    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
2618    `),n("span",{class:"token literal-property property"},"filters"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(`
2619      `),n("span",{class:"token punctuation"},"{"),a(`
2620        `),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'London'"),n("span",{class:"token punctuation"},","),a(`
2621        `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'London'"),n("span",{class:"token punctuation"},","),a(`
2622      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2623      `),n("span",{class:"token punctuation"},"{"),a(`
2624        `),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'New York'"),n("span",{class:"token punctuation"},","),a(`
2625        `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'New York'"),n("span",{class:"token punctuation"},","),a(`
2626      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2627    `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
2628    `),n("span",{class:"token literal-property property"},"filterMultiple"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},","),a(`
2629    `),n("span",{class:"token function-variable function"},"onFilter"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("value"),n("span",{class:"token punctuation"},","),a(" record")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(" record"),n("span",{class:"token punctuation"},"."),a("address"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"indexOf"),n("span",{class:"token punctuation"},"("),a("value"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"==="),a(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},","),a(`
2630    `),n("span",{class:"token function-variable function"},"sorter"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("a"),n("span",{class:"token punctuation"},","),a(" b")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(" a"),n("span",{class:"token punctuation"},"."),a("address"),n("span",{class:"token punctuation"},"."),a("length "),n("span",{class:"token operator"},"-"),a(" b"),n("span",{class:"token punctuation"},"."),a("address"),n("span",{class:"token punctuation"},"."),a("length"),n("span",{class:"token punctuation"},","),a(`
2631    `),n("span",{class:"token literal-property property"},"sortDirections"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'descend'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token string"},"'ascend'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
2632  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2633`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
2634`),n("span",{class:"token keyword"},"const"),a(" data "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
2635  `),n("span",{class:"token punctuation"},"{"),a(`
2636    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'1'"),n("span",{class:"token punctuation"},","),a(`
2637    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'John Brown'"),n("span",{class:"token punctuation"},","),a(`
2638    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
2639    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'New York No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
2640  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2641  `),n("span",{class:"token punctuation"},"{"),a(`
2642    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'2'"),n("span",{class:"token punctuation"},","),a(`
2643    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jim Green'"),n("span",{class:"token punctuation"},","),a(`
2644    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"42"),n("span",{class:"token punctuation"},","),a(`
2645    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'London No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
2646  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2647  `),n("span",{class:"token punctuation"},"{"),a(`
2648    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'3'"),n("span",{class:"token punctuation"},","),a(`
2649    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Joe Black'"),n("span",{class:"token punctuation"},","),a(`
2650    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
2651    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"}

2651,"'Sidney No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
2652  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2653  `),n("span",{class:"token punctuation"},"{"),a(`
2654    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'4'"),n("span",{class:"token punctuation"},","),a(`
2655    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jim Red'"),n("span",{class:"token punctuation"},","),a(`
2656    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
2657    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'London No. 2 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
2658  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2659`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
2660`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"onChange"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("pagination"),n("span",{class:"token punctuation"},","),a(" filters"),n("span",{class:"token punctuation"},","),a(" sorter")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
2661  console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'params'"),n("span",{class:"token punctuation"},","),a(" pagination"),n("span",{class:"token punctuation"},","),a(" filters"),n("span",{class:"token punctuation"},","),a(" sorter"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
2662`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
2663`),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token punctuation"},"{"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
2664`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
2665`)])],-1)])]),_:1})}}}),bo={key:0},ho={key:0},wo={key:1,class:"table-operation"},Zo=F({__name:"nested-table",setup(t){const o=[{title:"Name",dataIndex:"name",key:"name"},{title:"Platform",dataIndex:"platform",key:"platform"},{title:"Version",dataIndex:"version",key:"version"},{title:"Upgraded",dataIndex:"upgradeNum",key:"upgradeNum"},{title:"Creator",dataIndex:"creator",key:"creator"},{title:"Date",dataIndex:"createdAt",key:"createdAt"},{title:"Action",key:"operation"}],p=[];for(let e=0;e<3;++e)p.push({key:e,name:`Screem ${e+1}`,platform:"iOS",version:"10.3.4.5654",upgradeNum:500,creator:"Jack",createdAt:"2014-12-24 23:12:00"});const c=[{title:"Date",dataIndex:"date",key:"date"},{title:"Name",dataIndex:"name",key:"name"},{title:"Status",key:"state"},{title:"Upgrade Status",dataIndex:"upgradeNum",key:"upgradeNum"},{title:"Action",dataIndex:"operation",key:"operation"}],s=[];for(let e=0;e<3;++e)s.push({key:e,date:"2014-12-24 23:12:00",name:`This is production name ${e+1}`,upgradeNum:"Upgraded: 56"});return(e,r)=>{const l=I("a-badge"),u=I("a-menu-item"),i=I("a-menu"),g=I("a-dropdown"),k=I("a-table"),y=I("demo-box");return m(),x(y,{jsfiddle:{us:"Showing more detailed info of every row.",cn:"\u5C55\u793A\u6BCF\u884C\u6570\u636E\u66F4\u8BE6\u7EC6\u7684\u4FE1\u606F\u3002",docHtml:`<h2 id="zh-cn">zh-CN <a class="header-anchor" href="#zh-cn">
2666          <span aria-hidden="true" class="anchor">#</span>
2667        </a></h2>
2668<p>\u5C55\u793A\u6BCF\u884C\u6570\u636E\u66F4\u8BE6\u7EC6\u7684\u4FE1\u606F\u3002</p>
2669<h2 id="en-us">en-US <a class="header-anchor" href="#en-us">

2670          <span aria-hidden="true" class="anchor">#</span>
2671        </a></h2>
2672<p>Showing more detailed info of every row.</p>
2673`,order:15,title:{"zh-CN":"\u5D4C\u5957\u5B50\u8868\u683C","en-US":"Nested tables"},relativePath:"components/table/demo/nested-table.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXRhYmxlIDpjb2x1bW5zPSJjb2x1bW5zIiA6ZGF0YS1zb3VyY2U9ImRhdGEiIGNsYXNzPSJjb21wb25lbnRzLXRhYmxlLWRlbW8tbmVzdGVkIj4KICAgIDx0ZW1wbGF0ZSAjYm9keUNlbGw9InsgY29sdW1uIH0iPgogICAgICA8dGVtcGxhdGUgdi1pZj0iY29sdW1uLmtleSA9PT0gJ29wZXJhdGlvbiciPgogICAgICAgIDxhPlB1Ymxpc2g8L2E+CiAgICAgIDwvdGVtcGxhdGU+CiAgICA8L3RlbXBsYXRlPgogICAgPHRlbXBsYXRlICNleHBhbmRlZFJvd1JlbmRlcj4KICAgICAgPGEtdGFibGUgOmNvbHVtbnM9ImlubmVyQ29sdW1ucyIgOmRhdGEtc291cmNlPSJpbm5lckRhdGEiIDpwYWdpbmF0aW9uPSJmYWxzZSI+CiAgICAgICAgPHRlbXBsYXRlICNib2R5Q2VsbD0ieyBjb2x1bW4gfSI+CiAgICAgICAgICA8dGVtcGxhdGUgdi1pZj0iY29sdW1uLmtleSA9PT0gJ3N0YXRlJyI+CiAgICAgICAgICAgIDxzcGFuPgogICAgICAgICAgICAgIDxhLWJhZGdlIHN0YXR1cz0ic3VjY2VzcyIgLz4KICAgICAgICAgICAgICBGaW5pc2hlZAogICAgICAgICAgICA8L3NwYW4+CiAgICAgICAgICA8L3RlbXBsYXRlPgogICAgICAgICAgPHRlbXBsYXRlIHYtZWxzZS1pZj0iY29sdW1uLmtleSA9PT0gJ29wZXJhdGlvbiciPgogICAgICAgICAgICA8c3BhbiBjbGFzcz0idGFibGUtb3BlcmF0aW9uIj4KICAgICAgICAgICAgICA8YT5QYXVzZTwvYT4KICAgICAgICAgICAgICA8YT5TdG9wPC9hPgogICAgICAgICAgICAgIDxhLWRyb3Bkb3duPgogICAgICAgICAgICAgICAgPHRlbXBsYXRlICNvdmVybGF5PgogICAgICAgICAgICAgICAgICA8YS1tZW51PgogICAgICAgICAgICAgICAgICAgIDxhLW1lbnUtaXRlbT5BY3Rpb24gMTwvYS1tZW51LWl0ZW0+CiAgICAgICAgICAgICAgICAgICAgPGEtbWVudS1pdGVtPkFjdGlvbiAyPC9hLW1lbnUtaXRlbT4KICAgICAgICAgICAgICAgICAgPC9hLW1lbnU+CiAgICAgICAgICAgICAgICA8L3RlbXBsYXRlPgogICAgICAgICAgICAgICAgPGE+CiAgICAgICAgICAgICAgICAgIE1vcmUKICAgICAgICAgICAgICAgICAgPGRvd24tb3V0bGluZWQgLz4KICAgICAgICAgICAgICAgIDwvYT4KICAgICAgICAgICAgICA8L2EtZHJvcGRvd24+CiAgICAgICAgICAgIDwvc3Bhbj4KICAgICAgICAgIDwvdGVtcGxhdGU+CiAgICAgICAgPC90ZW1wbGF0ZT4KICAgICAgPC9hLXRhYmxlPgogICAgPC90ZW1wbGF0ZT4KICA8L2EtdGFibGU+CjwvdGVtcGxhdGU+CjxzY3JpcHQgbGFuZz0idHMiIHNldHVwPgppbXBvcnQgeyBEb3duT3V0bGluZWQgfSBmcm9tICdAYW50LWRlc2lnbi9pY29ucy12dWUnOwpjb25zdCBjb2x1bW5zID0gWwogIHsgdGl0bGU6ICdOYW1lJywgZGF0YUluZGV4OiAnbmFtZScsIGtleTogJ25hbWUnIH0sCiAgeyB0aXRsZTogJ1BsYXRmb3JtJywgZGF0YUluZGV4OiAncGxhdGZvcm0nLCBrZXk6ICdwbGF0Zm9ybScgfSwKICB7IHRpdGxlOiAnVmVyc2lvbicsIGRhdGFJbmRleDogJ3ZlcnNpb24nLCBrZXk6ICd2ZXJzaW9uJyB9LAogIHsgdGl0bGU6ICdVcGdyYWRlZCcsIGRhdGFJbmRleDogJ3VwZ3JhZGVOdW0nLCBrZXk6ICd1cGdyYWRlTnVtJyB9LAogIHsgdGl0bGU6ICdDcmVhdG9yJywgZGF0YUluZGV4OiAnY3JlYXRvcicsIGtleTogJ2NyZWF0b3InIH0sCiAgeyB0aXRsZTogJ0RhdGUnLCBkYXRhSW5kZXg6ICdjcmVhdGVkQXQnLCBrZXk6ICdjcmVhdGVkQXQnIH0sCiAgeyB0aXRsZTogJ0FjdGlvbicsIGtleTogJ29wZXJhdGlvbicgfSwKXTsKCmludGVyZmFjZSBEYXRhSXRlbSB7CiAga2V5OiBudW1iZXI7CiAgbmFtZTogc3RyaW5nOwogIHBsYXRmb3JtOiBzdHJpbmc7CiAgdmVyc2lvbjogc3RyaW5nOwogIHVwZ3JhZGVOdW06IG51bWJlcjsKICBjcmVhdG9yOiBzdHJpbmc7CiAgY3JlYXRlZEF0OiBzdHJpbmc7Cn0KCmNvbnN0IGRhdGE6IERhdGFJdGVtW10gPSBbXTsKZm9yIChsZXQgaSA9IDA7IGkgPCAzOyArK2kpIHsKICBkYXRhLnB1c2goewogICAga2V5OiBpLAogICAgbmFtZTogYFNjcmVlbSAke2kgKyAxfWAsCiAgICBwbGF0Zm9ybTogJ2lPUycsCiAgICB2ZXJzaW9uOiAnMTAuMy40LjU2NTQnLAogICAgdXBncmFkZU51bTogNTAwLAogICAgY3JlYXRvcjogJ0phY2snLAogICAgY3JlYXRlZEF0OiAnMjAxNC0xMi0yNCAyMzoxMjowMCcsCiAgfSk7Cn0KCmNvbnN0IGlubmVyQ29sdW1ucyA9IFsKICB7IHRpdGxlOiAnRGF0ZScsIGRhdGFJbmRleDogJ2RhdGUnLCBrZXk6ICdkYXRlJyB9LAogIHsgdGl0bGU6ICdOYW1lJywgZGF0YUluZGV4OiAnbmFtZScsIGtleTogJ25hbWUnIH0sCiAgeyB0aXRsZTogJ1N0YXR1cycsIGtleTogJ3N0YXRlJyB9LAogIHsgdGl0bGU6ICdVcGdyYWRlIFN0YXR1cycsIGRhdGFJbmRleDogJ3VwZ3JhZGVOdW0nLCBrZXk6ICd1cGdyYWRlTnVtJyB9LAogIHsKICAgIHRpdGxlOiAnQWN0aW9uJywKICAgIGRhdGFJbmRleDogJ29wZXJhdGlvbicsCiAgICBrZXk6ICdvcGVyYXRpb24nLAogIH0sCl07CgppbnRlcmZhY2UgaW5uZXJEYXRhSXRlbSB7CiAga2V5OiBudW1iZXI7CiAgZGF0ZTogc3RyaW5nOwogIG5hbWU6IHN0cmluZzsKICB1cGdyYWRlTnVtOiBzdHJpbmc7Cn0KCmNvbnN0IGlubmVyRGF0YTogaW5uZXJEYXRhSXRlbVtdID0gW107CmZvciAobGV0IGkgPSAwOyBpIDwgMzsgKytpKSB7CiAgaW5uZXJEYXRhLnB1c2goewogICAga2V5OiBpLAogICAgZGF0ZTogJzIwMTQtMTItMjQgMjM6MTI6MDAnLAogICAgbmFtZTogYFRoaXMgaXMgcHJvZHVjdGlvbiBuYW1lICR7aSArIDF9YCwKICAgIHVwZ3JhZGVOdW06ICdVcGdyYWRlZDogNTYnLAogIH0pOwp9Cjwvc2NyaXB0PgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXRhYmxlIDpjb2x1bW5zPSJjb2x1bW5zIiA6ZGF0YS1zb3VyY2U9ImRhdGEiIGNsYXNzPSJjb21wb25lbnRzLXRhYmxlLWRlbW8tbmVzdGVkIj4KICAgIDx0ZW1wbGF0ZSA

2673jYm9keUNlbGw9InsgY29sdW1uIH0iPgogICAgICA8dGVtcGxhdGUgdi1pZj0iY29sdW1uLmtleSA9PT0gJ29wZXJhdGlvbiciPgogICAgICAgIDxhPlB1Ymxpc2g8L2E+CiAgICAgIDwvdGVtcGxhdGU+CiAgICA8L3RlbXBsYXRlPgogICAgPHRlbXBsYXRlICNleHBhbmRlZFJvd1JlbmRlcj4KICAgICAgPGEtdGFibGUgOmNvbHVtbnM9ImlubmVyQ29sdW1ucyIgOmRhdGEtc291cmNlPSJpbm5lckRhdGEiIDpwYWdpbmF0aW9uPSJmYWxzZSI+CiAgICAgICAgPHRlbXBsYXRlICNib2R5Q2VsbD0ieyBjb2x1bW4gfSI+CiAgICAgICAgICA8dGVtcGxhdGUgdi1pZj0iY29sdW1uLmtleSA9PT0gJ3N0YXRlJyI+CiAgICAgICAgICAgIDxzcGFuPgogICAgICAgICAgICAgIDxhLWJhZGdlIHN0YXR1cz0ic3VjY2VzcyIgLz4KICAgICAgICAgICAgICBGaW5pc2hlZAogICAgICAgICAgICA8L3NwYW4+CiAgICAgICAgICA8L3RlbXBsYXRlPgogICAgICAgICAgPHRlbXBsYXRlIHYtZWxzZS1pZj0iY29sdW1uLmtleSA9PT0gJ29wZXJhdGlvbiciPgogICAgICAgICAgICA8c3BhbiBjbGFzcz0idGFibGUtb3BlcmF0aW9uIj4KICAgICAgICAgICAgICA8YT5QYXVzZTwvYT4KICAgICAgICAgICAgICA8YT5TdG9wPC9hPgogICAgICAgICAgICAgIDxhLWRyb3Bkb3duPgogICAgICAgICAgICAgICAgPHRlbXBsYXRlICNvdmVybGF5PgogICAgICAgICAgICAgICAgICA8YS1tZW51PgogICAgICAgICAgICAgICAgICAgIDxhLW1lbnUtaXRlbT5BY3Rpb24gMTwvYS1tZW51LWl0ZW0+CiAgICAgICAgICAgICAgICAgICAgPGEtbWVudS1pdGVtPkFjdGlvbiAyPC9hLW1lbnUtaXRlbT4KICAgICAgICAgICAgICAgICAgPC9hLW1lbnU+CiAgICAgICAgICAgICAgICA8L3RlbXBsYXRlPgogICAgICAgICAgICAgICAgPGE+CiAgICAgICAgICAgICAgICAgIE1vcmUKICAgICAgICAgICAgICAgICAgPGRvd24tb3V0bGluZWQgLz4KICAgICAgICAgICAgICAgIDwvYT4KICAgICAgICAgICAgICA8L2EtZHJvcGRvd24+CiAgICAgICAgICAgIDwvc3Bhbj4KICAgICAgICAgIDwvdGVtcGxhdGU+CiAgICAgICAgPC90ZW1wbGF0ZT4KICAgICAgPC9hLXRhYmxlPgogICAgPC90ZW1wbGF0ZT4KICA8L2EtdGFibGU+CjwvdGVtcGxhdGU+CjxzY3JpcHQgc2V0dXA+CmNvbnN0IGNvbHVtbnMgPSBbCiAgewogICAgdGl0bGU6ICdOYW1lJywKICAgIGRhdGFJbmRleDogJ25hbWUnLAogICAga2V5OiAnbmFtZScsCiAgfSwKICB7CiAgICB0aXRsZTogJ1BsYXRmb3JtJywKICAgIGRhdGFJbmRleDogJ3BsYXRmb3JtJywKICAgIGtleTogJ3BsYXRmb3JtJywKICB9LAogIHsKICAgIHRpdGxlOiAnVmVyc2lvbicsCiAgICBkYXRhSW5kZXg6ICd2ZXJzaW9uJywKICAgIGtleTogJ3ZlcnNpb24nLAogIH0sCiAgewogICAgdGl0bGU6ICdVcGdyYWRlZCcsCiAgICBkYXRhSW5kZXg6ICd1cGdyYWRlTnVtJywKICAgIGtleTogJ3VwZ3JhZGVOdW0nLAogIH0sCiAgewogICAgdGl0bGU6ICdDcmVhdG9yJywKICAgIGRhdGFJbmRleDogJ2NyZWF0b3InLAogICAga2V5OiAnY3JlYXRvcicsCiAgfSwKICB7CiAgICB0aXRsZTogJ0RhdGUnLAogICAgZGF0YUluZGV4OiAnY3JlYXRlZEF0JywKICAgIGtleTogJ2NyZWF0ZWRBdCcsCiAgfSwKICB7CiAgICB0aXRsZTogJ0FjdGlvbicsCiAgICBrZXk6ICdvcGVyYXRpb24nLAogIH0sCl07CmNvbnN0IGRhdGEgPSBbXTsKZm9yIChsZXQgaSA9IDA7IGkgPCAzOyArK2kpIHsKICBkYXRhLnB1c2goewogICAga2V5OiBpLAogICAgbmFtZTogYFNjcmVlbSAke2kgKyAxfWAsCiAgICBwbGF0Zm9ybTogJ2lPUycsCiAgICB2ZXJzaW9uOiAnMTAuMy40LjU2NTQnLAogICAgdXBncmFkZU51bTogNTAwLAogICAgY3JlYXRvcjogJ0phY2snLAogICAgY3JlYXRlZEF0OiAnMjAxNC0xMi0yNCAyMzoxMjowMCcsCiAgfSk7Cn0KY29uc3QgaW5uZXJDb2x1bW5zID0gWwogIHsKICAgIHRpdGxlOiAnRGF0ZScsCiAgICBkYXRhSW5kZXg6ICdkYXRlJywKICAgIGtleTogJ2RhdGUnLAogIH0sCiAgewogICAgdGl0bGU6ICdOYW1lJywKICAgIGRhdGFJbmRleDogJ25hbWUnLAogICAga2V5OiAnbmFtZScsCiAgfSwKICB7CiAgICB0aXRsZTogJ1N0YXR1cycsCiAgICBrZXk6ICdzdGF0ZScsCiAgfSwKICB7CiAgICB0aXRsZTogJ1VwZ3JhZGUgU3RhdHVzJywKICAgIGRhdGFJbmRleDogJ3VwZ3JhZGVOdW0nLAogICAga2V5OiAndXBncmFkZU51bScsCiAgfSwKICB7CiAgICB0aXRsZTogJ0FjdGlvbicsCiAgICBkYXRhSW5kZXg6ICdvcGVyYXRpb24nLAogICAga2V5OiAnb3BlcmF0aW9uJywKICB9LApdOwpjb25zdCBpbm5lckRhdGEgPSBbXTsKZm9yIChsZXQgaSA9IDA7IGkgPCAzOyArK2kpIHsKICBpbm5lckRhdGEucHVzaCh7CiAgICBrZXk6IGksCiAgICBkYXRlOiAnMjAxNC0xMi0yNCAyMzoxMjowMCcsCiAgICBuYW1lOiBgVGhpcyBpcyBwcm9kdWN0aW9uIG5hbWUgJHtpICsgMX1gLAogICAgdXBncmFkZU51bTogJ1VwZ3JhZGVkOiA1NicsCiAgfSk7Cn0KZXhwb3J0IHt9Owo8L3NjcmlwdD4="}},{default:d(()=>[C(k,{columns:o,"data-source":p,class:"components-table-demo-nested"},{bodyCell:d(({column:A})=>[A.key==="operation"?(m(),W("a",bo,"Publish")):K("",!0)]),expandedRowRender:d(()=>[C(k,{columns:c,"data-source":s,pagination:!1},{bodyCell:d(({column:A})=>[A.key==="state"?(m(),W("span",ho,[C(l,{status:"success"}),r[0]||(r[0]=a(" Finished ",-1))])):A.key==="operation"?(m(),W("span",wo,[r[4]||(r[4]=n("a",null,"Pause",-1)),r[5]||(r[5]=n("a",null,"Stop",-1)),C(g,null,{overlay:d(()=>[C(i,null,{default:d(()=>[C(u,null,{default:d(()=>[...r[1]||(r[1]=[a("Action 1",-1)])]),_:1}),C(u,null,{default:d(()=>[...r[2]||(r[2]=[a("Action 2",-1)])]),_:1})]),_:1})]),default:d(()=>[n("a",null,[r[3]||(r[3]=a(" More ",-1)),C(P(On))])]),_:1})])):K("",!0)]),_:1})]),_:1})]),htmlCode:d(()=>[...r[6]||(r[6]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
2674  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table")]),a(),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"}

2674,'"'),a("columns"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("data"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("components-table-demo-nested"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
2675    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#bodyCell"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ column }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
2676      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("column.key === 'operation'"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
2677        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a")]),n("span",{class:"token punctuation"},">")]),a("Publish"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
2678      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
2679    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
2680    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#expandedRowRender"),n("span",{class:"token punctuation"},">")]),a(`
2681      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table")]),a(),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("innerColumns"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("innerData"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":pagination"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("false"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
2682        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#bodyCell"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ column }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
2683          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("column.key === 'state'"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
2684            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("span")]),n("span",{class:"token punctuation"},">")]),a(`
2685              `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-badge")]),a(),n("span",{class:"token attr-name"},"status"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("success"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
2686              Finished
2687            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("span")]),n("span",{class:"token punctuation"},">")]),a(`
2688          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
2689          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"v-else-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"}

2689,'"'),a("column.key === 'operation'"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
2690            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("span")]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("table-operation"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
2691              `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a")]),n("span",{class:"token punctuation"},">")]),a("Pause"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
2692              `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a")]),n("span",{class:"token punctuation"},">")]),a("Stop"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
2693              `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-dropdown")]),n("span",{class:"token punctuation"},">")]),a(`
2694                `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#overlay"),n("span",{class:"token punctuation"},">")]),a(`
2695                  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-menu")]),n("span",{class:"token punctuation"},">")]),a(`
2696                    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-menu-item")]),n("span",{class:"token punctuation"},">")]),a("Action 1"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-menu-item")]),n("span",{class:"token punctuation"},">")]),a(`
2697                    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-menu-item")]),n("span",{class:"token punctuation"},">")]),a("Action 2"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-menu-item")]),n("span",{class:"token punctuation"},">")]),a(`
2698                  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-menu")]),n("span",{class:"token punctuation"},">")]),a(`
2699                `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
2700                `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
2701                  More
2702                  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("down-outlined")]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
2703                `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
2704              `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-dropdown")]),n("span",{class:"token punctuation"},">")]),a(`
2705            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("span")]),n("span",{class:"token punctuation"},">")]),a(`
2706          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
2707        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
2708      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table")]),n("span",{class:"token punctuation"},">")]),a(`
2709    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
2710  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table")]),n("span",{class:"token punctuation"},">")]),a(`
2711`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
2712`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"}

2712,"<"),a("script")]),a(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ts"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"setup"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
2713`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" DownOutlined "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'@ant-design/icons-vue'"),n("span",{class:"token punctuation"},";"),a(`
2714`),n("span",{class:"token keyword"},"const"),a(" columns "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
2715  `),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Name'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2716  `),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Platform'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'platform'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'platform'"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2717  `),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Version'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'version'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'version'"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2718  `),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Upgraded'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'upgradeNum'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'upgradeNum'"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2719  `),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Creator'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'creator'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'creator'"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2720  `),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Date'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'createdAt'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'createdAt'"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2721  `),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Action'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'operation'"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2722`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
2723
2724`),n("span",{class:"token keyword"},"interface"),a(),n("span",{class:"token class-name"},"DataItem"),a(),n("span",{class:"token punctuation"},"{"),a(`
2725  `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(" number"),n("span",{class:"token punctuation"},";"),a(`
2726  `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},";"),a(`
2727  `),n("span",{class:"token literal-property property"},"platform"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},";"),a(`
2728  `),n("span",{class:"token literal-property property"},"version"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},";"),a(`
2729  `),n("span",{class:"token literal-property property"},"upgradeNum"),n("span",{class:"token operator"},":"),a(" number"),n("span",{class:"token punctuation"},";"),a(`
2730  `),n("span",{class:"token literal-property property"},"creator"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},";"),a(`
2731  `),n("span",{class:"token literal-property property"},"createdAt"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},";"),a(`
2732`),n("span",{class:"token punctuation"},"}"),a(`
2733
2734`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token literal-property property"},"data"),n("span",{class:"token operator"},":"),a(" DataItem"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
2735`),n("span",{class:"token keyword"},"for"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token keyword"},"let"),a(" i "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},";"),a(" i "),n("span",{class:"token operator"},"<"),a(),n("span",{class:"token number"},"3"),n("span",{class:"token punctuation"},";"),a(),n("span",{class:"token operator"},"++"),a("i"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
2736  data`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"push"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
2737    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(" i"),n("span",{class:"token punctuation"},","),a(`
2738    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token string"},"Screem "),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),a("i "),n("span",{class:"token operator"},"+"),a(),n("span",{class:"token number"},"1"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},","),a(`
2739    `),n("span",{class:"token literal-property property"},"platform"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'iOS'"),n("span",{class:"token punctuation"},","),a(`
2740    `),n("span",{class:"token literal-property property"},"version"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'10.3.4.5654'"),n("span",{class:"token punctuation"},","),a(`
2741    `),n("span",{class:"token literal-property property"},"upgradeNum"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"500"),n("span",{class:"token punctuation"},","),a(`
2742    `),n("span",{class:"token literal-property property"},"creator"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jack'"),n("span",{class:"token punctuation"},","),a(`
2743    `),n("span",{class:"token literal-property property"},"createdAt"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'2014-12-24 23:12:00'"),n("span",{class:"token punctuation"},","),a(`
2744  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
2745`),n("span",{class:"token punctuation"},"}"),a(`
2746
2747`),n("span",{class:"token keyword"},"const"),a(" innerColumns "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
2748  `),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Date'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'date'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'date'"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2749  `),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Name'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2750  `),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Status'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'state'"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2751  `),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Upgrade Status'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'upgradeNum'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'upgradeNum'"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2752  `),n("span",{class:"token punctuation"},"{"),a(`
2753    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Action'"),n("span",{class:"token punctuation"},","),a(`
2754    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'operation'"),n("span",{class:"token punctuation"},","),a(`
2755    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'operation'"),n("span",{class:"token punctuation"},","),a(`
2756  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2757`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
2758
2759`),n("span",{class:"token keyword"},"interface"),a(),n("span",{class:"token class-name"},"innerDataItem"),a(),n("span",{class:"token punctuation"},"{"),a(`
2760  `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(" number"),n("span",{class:"token punctuation"},";"),a(`
2761  `),n("span",{class:"token literal-property property"},"date"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},";"),a(`
2762  `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},";"),a(`
2763  `),n("span",{class:"token literal-property property"},"upgradeNum"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},";"),a(`
2764`),n("span",{class:"token punctuation"},"}"),a(`
2765
2766`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token literal-property property"},"innerData"),n("span",{class:"token operator"},":"),a(" innerDataItem"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
2767`),n("span",{class:"token keyword"},"for"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token keyword"},"let"),a(" i "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},";"),a(" i "),n("span",{class:"token operator"},"<"),a(),n("span",{class:"token number"},"3"),n("span",{class:"token punctuation"},";"),a(),n("span",{class:"token operator"},"++"),a("i"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
2768  innerData`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"push"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
2769    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(" i"),n("span",{class:"token punctuation"},","),a(`
2770    `),n("span",{class:"token literal-property property"},"date"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'2014-12-24 23:12:00'"),n("span",{class:"token punctuation"},","),a(`
2771    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token string"},"This is production name "),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),a("i "),n("span",{class:"token operator"},"+"),a(),n("span",{class:"token n

2771umber"},"1"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},","),a(`
2772    `),n("span",{class:"token literal-property property"},"upgradeNum"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Upgraded: 56'"),n("span",{class:"token punctuation"},","),a(`
2773  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
2774`),n("span",{class:"token punctuation"},"}"),a(`
2775`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
2776`)])],-1)])]),jsVersionHtml:d(()=>[...r[7]||(r[7]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
2777  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table")]),a(),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("columns"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("data"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("components-table-demo-nested"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
2778    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#bodyCell"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ column }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
2779      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("column.key === 'operation'"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
2780        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a")]),n("span",{class:"token punctuation"},">")]),a("Publish"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
2781      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
2782    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
2783    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#expandedRowRender"),n("span",{class:"token punctuation"},">")]),a(`
2784      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table")]),a(),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("innerColumns"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("innerData"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":pagination"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("false"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
2785        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#bodyCell"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ column }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
2786          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"}

2786,'"'),a("column.key === 'state'"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
2787            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("span")]),n("span",{class:"token punctuation"},">")]),a(`
2788              `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-badge")]),a(),n("span",{class:"token attr-name"},"status"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("success"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
2789              Finished
2790            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("span")]),n("span",{class:"token punctuation"},">")]),a(`
2791          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
2792          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"v-else-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("column.key === 'operation'"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
2793            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("span")]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("table-operation"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
2794              `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a")]),n("span",{class:"token punctuation"},">")]),a("Pause"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
2795              `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a")]),n("span",{class:"token punctuation"},">")]),a("Stop"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
2796              `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-dropdown")]),n("span",{class:"token punctuation"},">")]),a(`
2797                `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#overlay"),n("span",{class:"token punctuation"},">")]),a(`
2798                  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-menu")]),n("span",{class:"token punctuation"},">")]),a(`
2799                    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-menu-item")]),n("span",{class:"token punctuation"},">")]),a("Action 1"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-menu-item")]),n("span",{class:"token punctuation"},">")]),a(`
2800                    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-menu-item")]),n("span",{class:"token punctuation"},">")]),a("Action 2"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-menu-item")]),n("span",{class:"token punctuation"},">")]),a(`
2801                  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-menu")]),n("span",{class:"token punctuation"},">")]),a(`
2802                `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
2803                `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
2804                  More
2805                  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("down-outlined")]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
2806                `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
2807              `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-dropdown")]),n("span",{class:"token punctuation"},">")]),a(`
2808            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("span")]),n("span",{class:"token punctuation"},">")]),a(`
2809          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
2810        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
2811      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table")]),n("span",{class:"token punctuation"},">")]),a(`
2812    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
2813  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table")]),n("span",{class:"token punctuation"},">")]),a(`
2814`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
2815`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"}

2815,"<"),a("script")]),a(),n("span",{class:"token attr-name"},"setup"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
2816`),n("span",{class:"token keyword"},"const"),a(" columns "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
2817  `),n("span",{class:"token punctuation"},"{"),a(`
2818    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Name'"),n("span",{class:"token punctuation"},","),a(`
2819    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
2820    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
2821  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2822  `),n("span",{class:"token punctuation"},"{"),a(`
2823    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Platform'"),n("span",{class:"token punctuation"},","),a(`
2824    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'platform'"),n("span",{class:"token punctuation"},","),a(`
2825    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'platform'"),n("span",{class:"token punctuation"},","),a(`
2826  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2827  `),n("span",{class:"token punctuation"},"{"),a(`
2828    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Version'"),n("span",{class:"token punctuation"},","),a(`
2829    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'version'"),n("span",{class:"token punctuation"},","),a(`
2830    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'version'"),n("span",{class:"token punctuation"},","),a(`
2831  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2832  `),n("span",{class:"token punctuation"},"{"),a(`
2833    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Upgraded'"),n("span",{class:"token punctuation"},","),a(`
2834    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'upgradeNum'"),n("span",{class:"token punctuation"},","),a(`
2835    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'upgradeNum'"),n("span",{class:"token punctuation"},","),a(`
2836  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2837  `),n("span",{class:"token punctuation"},"{"),a(`
2838    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Creator'"),n("span",{class:"token punctuation"},","),a(`
2839    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'creator'"),n("span",{class:"token punctuation"},","),a(`
2840    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'creator'"),n("span",{class:"token punctuation"},","),a(`
2841  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2842  `),n("span",{class:"token punctuation"},"{"),a(`
2843    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Date'"),n("span",{class:"token punctuation"},","),a(`
2844    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'createdAt'"),n("span",{class:"token punctuation"},","),a(`
2845    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'createdAt'"),n("span",{class:"token punctuation"},","),a(`
2846  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2847  `),n("span",{class:"token punctuation"},"{"),a(`
2848    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Action'"),n("span",{class:"token punctuation"},","),a(`
2849    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'operation'"),n("span",{class:"token punctuation"},","),a(`
2850  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2851`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
2852`),n("span",{class:"token keyword"},"const"),a(" data "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
2853`),n("span",{class:"token keyword"},"for"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token keyword"},"let"),a(" i "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},";"),a(" i "),n("span",{class:"token operator"},"<"),a(),n("span",{class:"token number"},"3"),n("span",{class:"token punctuation"},";"),a(),n("span",{class:"token operator"},"++"),a("i"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
2854  data`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"push"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
2855    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(" i"),n("span",{class:"token punctuation"},","),a(`
2856    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token string"},"Screem "),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),a("i "),n("span",{class:"token operator"},"+"),a(),n("span",{class:"token number"},"1"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},","),a(`
2857    `),n("span",{class:"token literal-property property"},"platform"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'iOS'"),n("span",{class:"token punctuation"},","),a(`
2858    `),n("span",{class:"token literal-property property"},"version"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'10.3.4.5654'"),n("span",{class:"token punctuation"},","),a(`
2859    `),n("span",{class:"token literal-property property"},"upgradeNum"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"500"),n("span",{class:"token punctuation"},","),a(`
2860    `),n("span",{class:"token literal-property property"},"creator"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jack'"),n("span",{class:"token punctuation"},","),a(`
2861    `),n("span",{class:"token literal-property property"},"createdAt"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'2014-12-24 23:12:00'"),n("span",{class:"token punctuation"},","),a(`
2862  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
2863`),n("span",{class:"token punctuation"},"}"),a(`
2864`),n("span",{class:"token keyword"},"const"),a(" innerColumns "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
2865  `),n("span",{class:"token punctuation"},"{"),a(`
2866    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Date'"),n("span",{class:"token punctuation"},","),a(`
2867    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'date'"),n("span",{class:"token punctuation"},","),a(`
2868    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'date'"),n("span",{class:"token punctuation"},","),a(`
2869  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2870  `),n("span",{class:"token punctuation"},"{"),a(`
2871    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Name'"),n("span",{class:"token punctuation"},","),a(`
2872    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
2873    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
2874  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2875  `),n("span",{class:"token punctuation"},"{"),a(`
2876    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Status'"),n("span",{class:"token punctuation"},","),a(`
2877    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'state'"),n("span",{class:"token punctuation"},","),a(`
2878  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2879  `),n("span",{class:"token punctuation"},"{"),a(`
2880    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Upgrade Status'"),n("span",{class:"token punctuation"},","),a(`
2881    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'upgradeNum'"),n("span",{class:"token punctuation"},","),a(`
2882    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'upgradeNum'"),n("span",{class:"token punctuation"},","),a(`
2883  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2884  `),n("span",{class:"token punctuation"},"{"),a(`
2885    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Action'"),n("span",{class:"token punctuation"},","),a(`
2886    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'operation'"),n("span",{class:"token punctuation"},","),a(`
2887    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'operation'"),n("span",{class:"token punctuation"},","),a(`
2888  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2889`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
2890`),n("span",{class:"token keyword"},"const"),a(" innerData "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
2891`),n("span",{class:"token keyword"},"for"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token keyword"},"let"),a(" i "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},";"),a(" i "),n("span",{class:"token operator"},"<"),a(),n("span",{class:"token number"},"3"),n("span",{class:"token punctuation"},";"),a(),n("span",{class:"token operator"},"++"),a("i"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
2892  innerData`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"push"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
2893    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(" i"),n("span",{class:"token punctuation"},","),a(`
2894    `),n("span",{class:"token literal-property property"},"date"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'2014-12-24 23:12:00'"),n("span",{class:"token punctuation"},","),a(`
2895    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token string"},"This is production name "),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),a("i "),n("span",{class:"token operator"},"+"),a(),n("span",{class:"token number"},"1"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},","),a(`
2896    `),n("span",{class:"token literal-property property"},"upgradeNum"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Upgraded: 56'"),n("span",{class:"token punctuation"},","),a(`
2897  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
2898`),n("span",{class:"token punctuation"},"}"),a(`
2899`),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token punctuation"},"{"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
2900`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"}

2900,"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
2901`)])],-1)])]),_:1})}}}),Go={class:"table-operations"},fo=F({__name:"reset-filter",setup(t){const o=[{key:"1",name:"John Brown",age:32,address:"New York No. 1 Lake Park"},{key:"2",name:"Jim Green",age:42,address:"London No. 1 Lake Park"},{key:"3",name:"Joe Black",age:32,address:"Sidney No. 1 Lake Park"},{key:"4",name:"Jim Red",age:32,address:"London No. 2 Lake Park"}],p=S(),c=S(),s=H(()=>{const i=p.value||{},g=c.value||{};return[{title:"Name",dataIndex:"name",key:"name",filters:[{text:"Joe",value:"Joe"},{text:"Jim",value:"Jim"}],filteredValue:i.name||null,onFilter:(k,y)=>y.name.includes(k),sorter:(k,y)=>k.name.length-y.name.length,sortOrder:g.columnKey==="name"&&g.order,ellipsis:!0},{title:"Age",dataIndex:"age",key:"age",sorter:(k,y)=>k.age-y.age,sortOrder:g.columnKey==="age"&&g.order},{title:"Address",dataIndex:"address",key:"address",filters:[{text:"London",value:"London"},{text:"New York",value:"New York"}],filteredValue:i.address||null,onFilter:(k,y)=>y.address.includes(k),sorter:(k,y)=>k.address.length-y.address.length,sortOrder:g.columnKey==="address"&&g.order,ellipsis:!0}]}),e=(i,g,k)=>{console.log("Various parameters",i,g,k),p.value=g,c.value=k},r=()=>{p.value=null},l=()=>{p.value=null,c.value=null},u=()=>{c.value={order:"descend",columnKey:"age"}};return(i,g)=>{const k=I("a-button"),y=I("a-table"),A=I("demo-box");return m(),x(A,{jsfiddle:{us:"Control filters and sorters by `filteredValue` and `sortOrder`.",cn:"\u4F7F\u7528\u53D7\u63A7\u5C5E\u6027\u5BF9\u7B5B\u9009\u548C\u6392\u5E8F\u72B6\u6001\u8FDB\u884C\u63A7\u5236\u3002",docHtml:`<h2 id="zh-cn">zh-CN <a class="header-anchor" href="#zh-cn">
2902          <span aria-hidden="true" class="anchor">#</span>
2903        </a></h2>
2904<p>\u4F7F\u7528\u53D7\u63A7\u5C5E\u6027\u5BF9\u7B5B\u9009\u548C\u6392\u5E8F\u72B6\u6001\u8FDB\u884C\u63A7\u5236\u3002</p>
2905<blockquote>
2906<ol>
2907<li>columns \u4E2D\u5B9A\u4E49\u4E86 filteredValue \u548C sortOrder \u5C5E\u6027\u5373\u89C6\u4E3A\u53D7\u63A7\u6A21\u5F0F\u3002</li>
2908<li>\u53EA\u652F\u6301\u540C\u65F6\u5BF9\u4E00\u5217\u8FDB\u884C\u6392\u5E8F\uFF0C\u8BF7\u4FDD\u8BC1\u53EA\u6709\u4E00\u5217\u7684 sortOrder \u5C5E\u6027\u662F\u751F\u6548\u7684\u3002</li>
2909<li>\u52A1\u5FC5\u6307\u5B9A <code>column.key</code>\u3002</li>
2910</ol>
2911</blockquote>
2912<h2 id="en-us">en-US <a class="header-anchor" href="#en-us">
2913          <span aria-hidden="true" class="anchor">#</span>
2914        </a></h2>
2915<p>Control filters and sorters by <code>filteredValue</code> and <code>sortOrder</code>.</p>
2916<blockquote>
2917<ol>
2918<li>Defining <code>filteredValue</code> or <code>sortOrder</code> means that it is in the controlled mode.</li>
2919<li>Make sure <code>sortOrder</code> is assigned for only one column.</li>
2920<li><code>column.key</code> is required.</li>
2921</ol>
2922</blockquote>
2923`,order:16,title:{"zh-CN":"\u53EF\u63A7\u7684\u7B5B\u9009\u548C\u6392\u5E8F","en-US":"Reset filters and sorters"},relativePath:"components/table/demo/reset-filter.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8ZGl2IGNsYXNzPSJ0YWJsZS1vcGVyYXRpb25zIj4KICAgICAgPGEtYnV0dG9uIEBjbGljaz0ic2V0QWdlU29ydCI+U29ydCBhZ2U8L2EtYnV0dG9uPgogICAgICA8YS1idXR0b24gQGNsaWNrPSJjbGVhckZpbHRlcnMiPkNsZWFyIGZpbHRlcnM8L2EtYnV0dG9uPgogICAgICA8YS1idXR0b24gQGNsaWNrPSJjbGVhckFsbCI+Q2xlYXIgZmlsdGVycyBhbmQgc29ydGVyczwvYS1idXR0b24+CiAgICA8L2Rpdj4KICAgIDxhLXRhYmxlIDpjb2x1bW5zPSJjb2x1bW5zIiA6ZGF0YS1zb3VyY2U9ImRhdGEiIEBjaGFuZ2U9ImhhbmRsZUNoYW5nZSIgLz4KICA8L2Rpdj4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBsYW5nPSJ0cyIgc2V0dXA+CmltcG9ydCB7IGNvbXB1dGVkLCByZWYgfSBmcm9tICd2dWUnOwppbXBvcnQgdHlwZSB7IFRhYmxlQ29sdW1uVHlwZSwgVGFibGVQcm9wcyB9IGZyb20gJ2FudC1kZXNpZ24tdnVlJzsKCmludGVyZmFjZSBEYXRhSXRlbSB7CiAga2V5OiBzdHJpbmc7CiAgbmFtZTogc3RyaW5nOwogIGFnZTogbnVtYmVyOwogIGFkZHJlc3M6IHN0cmluZzsKfQoKY29uc3QgZGF0YTogRGF0YUl0ZW1bXSA9IFsKICB7CiAgICBrZXk6ICcxJywKICAgIG5hbWU6ICdKb2huIEJyb3duJywKICAgIGFnZTogMzIsCiAgICBhZGRyZXNzOiAnTmV3IFlvcmsgTm8uIDEgTGFrZSBQYXJrJywKICB9LAogIHsKICAgIGtleTogJzInLAogICAgbmFtZTogJ0ppbSBHcmVlbicsCiAgICBhZ2U6IDQyLAogICAgYWRkcmVzczogJ0xvbmRvbiBOby4gMSBMYWtlIFBhcmsnLAogIH0sCiAgewogICAga2V5OiAnMycsCiAgICBuYW1lOiAnSm9lIEJsYWNrJywKICAgIGFnZTogMzIsCiAgICBhZGRyZXNzOiAnU2lkbmV5IE5vLiAxIExha2UgUGFyaycsCiAgfSwKICB7CiAgICBrZXk6ICc0JywKICAgIG5hbWU6ICdKaW0gUmVkJywKICAgIGFnZTogMzIsCiAgICBhZGRyZXNzOiAnTG9uZG9uIE5vLiAyIExha2UgUGFyaycsCiAgfSwKXTsKCmNvbnN0IGZpbHRlcmVkSW5mbyA9IHJlZigpOwpjb25zdCBzb3J0ZWRJbmZvID0gcmVmKCk7Cgpjb25zdCBjb2x1bW5zID0gY29tcHV0ZWQ8VGFibGVDb2x1bW5UeXBlW10+KCgpID0+IHsKICBjb25zdCBmaWx0ZXJlZCA9IGZpbHRlcmVkSW5mby52YWx1ZSB8fCB7fTsKICBjb25zdCBzb3J0ZWQgPSBzb3J0ZWRJbmZvLnZhbHVlIHx8IHt9OwogIHJldHVybi

2923BbCiAgICB7CiAgICAgIHRpdGxlOiAnTmFtZScsCiAgICAgIGRhdGFJbmRleDogJ25hbWUnLAogICAgICBrZXk6ICduYW1lJywKICAgICAgZmlsdGVyczogWwogICAgICAgIHsgdGV4dDogJ0pvZScsIHZhbHVlOiAnSm9lJyB9LAogICAgICAgIHsgdGV4dDogJ0ppbScsIHZhbHVlOiAnSmltJyB9LAogICAgICBdLAogICAgICBmaWx0ZXJlZFZhbHVlOiBmaWx0ZXJlZC5uYW1lIHx8IG51bGwsCiAgICAgIG9uRmlsdGVyOiAodmFsdWU6IHN0cmluZywgcmVjb3JkOiBEYXRhSXRlbSkgPT4gcmVjb3JkLm5hbWUuaW5jbHVkZXModmFsdWUpLAogICAgICBzb3J0ZXI6IChhOiBEYXRhSXRlbSwgYjogRGF0YUl0ZW0pID0+IGEubmFtZS5sZW5ndGggLSBiLm5hbWUubGVuZ3RoLAogICAgICBzb3J0T3JkZXI6IHNvcnRlZC5jb2x1bW5LZXkgPT09ICduYW1lJyAmJiBzb3J0ZWQub3JkZXIsCiAgICAgIGVsbGlwc2lzOiB0cnVlLAogICAgfSwKICAgIHsKICAgICAgdGl0bGU6ICdBZ2UnLAogICAgICBkYXRhSW5kZXg6ICdhZ2UnLAogICAgICBrZXk6ICdhZ2UnLAogICAgICBzb3J0ZXI6IChhOiBEYXRhSXRlbSwgYjogRGF0YUl0ZW0pID0+IGEuYWdlIC0gYi5hZ2UsCiAgICAgIHNvcnRPcmRlcjogc29ydGVkLmNvbHVtbktleSA9PT0gJ2FnZScgJiYgc29ydGVkLm9yZGVyLAogICAgfSwKICAgIHsKICAgICAgdGl0bGU6ICdBZGRyZXNzJywKICAgICAgZGF0YUluZGV4OiAnYWRkcmVzcycsCiAgICAgIGtleTogJ2FkZHJlc3MnLAogICAgICBmaWx0ZXJzOiBbCiAgICAgICAgeyB0ZXh0OiAnTG9uZG9uJywgdmFsdWU6ICdMb25kb24nIH0sCiAgICAgICAgeyB0ZXh0OiAnTmV3IFlvcmsnLCB2YWx1ZTogJ05ldyBZb3JrJyB9LAogICAgICBdLAogICAgICBmaWx0ZXJlZFZhbHVlOiBmaWx0ZXJlZC5hZGRyZXNzIHx8IG51bGwsCiAgICAgIG9uRmlsdGVyOiAodmFsdWU6IHN0cmluZywgcmVjb3JkOiBEYXRhSXRlbSkgPT4gcmVjb3JkLmFkZHJlc3MuaW5jbHVkZXModmFsdWUpLAogICAgICBzb3J0ZXI6IChhOiBEYXRhSXRlbSwgYjogRGF0YUl0ZW0pID0+IGEuYWRkcmVzcy5sZW5ndGggLSBiLmFkZHJlc3MubGVuZ3RoLAogICAgICBzb3J0T3JkZXI6IHNvcnRlZC5jb2x1bW5LZXkgPT09ICdhZGRyZXNzJyAmJiBzb3J0ZWQub3JkZXIsCiAgICAgIGVsbGlwc2lzOiB0cnVlLAogICAgfSwKICBdOwp9KTsKCmNvbnN0IGhhbmRsZUNoYW5nZTogVGFibGVQcm9wc1snb25DaGFuZ2UnXSA9IChwYWdpbmF0aW9uLCBmaWx0ZXJzLCBzb3J0ZXIpID0+IHsKICBjb25zb2xlLmxvZygnVmFyaW91cyBwYXJhbWV0ZXJzJywgcGFnaW5hdGlvbiwgZmlsdGVycywgc29ydGVyKTsKICBmaWx0ZXJlZEluZm8udmFsdWUgPSBmaWx0ZXJzOwogIHNvcnRlZEluZm8udmFsdWUgPSBzb3J0ZXI7Cn07CmNvbnN0IGNsZWFyRmlsdGVycyA9ICgpID0+IHsKICBmaWx0ZXJlZEluZm8udmFsdWUgPSBudWxsOwp9Owpjb25zdCBjbGVhckFsbCA9ICgpID0+IHsKICBmaWx0ZXJlZEluZm8udmFsdWUgPSBudWxsOwogIHNvcnRlZEluZm8udmFsdWUgPSBudWxsOwp9Owpjb25zdCBzZXRBZ2VTb3J0ID0gKCkgPT4gewogIHNvcnRlZEluZm8udmFsdWUgPSB7CiAgICBvcmRlcjogJ2Rlc2NlbmQnLAogICAgY29sdW1uS2V5OiAnYWdlJywKICB9Owp9Owo8L3NjcmlwdD4KPHN0eWxlIHNjb3BlZD4KLnRhYmxlLW9wZXJhdGlvbnMgewogIG1hcmdpbi1ib3R0b206IDE2cHg7Cn0KCi50YWJsZS1vcGVyYXRpb25zID4gYnV0dG9uIHsKICBtYXJnaW4tcmlnaHQ6IDhweDsKfQo8L3N0eWxlPgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8ZGl2IGNsYXNzPSJ0YWJsZS1vcGVyYXRpb25zIj4KICAgICAgPGEtYnV0dG9uIEBjbGljaz0ic2V0QWdlU29ydCI+U29ydCBhZ2U8L2EtYnV0dG9uPgogICAgICA8YS1idXR0b24gQGNsaWNrPSJjbGVhckZpbHRlcnMiPkNsZWFyIGZpbHRlcnM8L2EtYnV0dG9uPgogICAgICA8YS1idXR0b24gQGNsaWNrPSJjbGVhckFsbCI+Q2xlYXIgZmlsdGVycyBhbmQgc29ydGVyczwvYS1idXR0b24+CiAgICA8L2Rpdj4KICAgIDxhLXRhYmxlIDpjb2x1bW5zPSJjb2x1bW5zIiA6ZGF0YS1zb3VyY2U9ImRhdGEiIEBjaGFuZ2U9ImhhbmRsZUNoYW5nZSIgLz4KICA8L2Rpdj4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBzZXR1cD4KaW1wb3J0IHsgY29tcHV0ZWQsIHJlZiB9IGZyb20gJ3Z1ZSc7CmNvbnN0IGRhdGEgPSBbCiAgewogICAga2V5OiAnMScsCiAgICBuYW1lOiAnSm9obiBCcm93bicsCiAgICBhZ2U6IDMyLAogICAgYWRkcmVzczogJ05ldyBZb3JrIE5vLiAxIExha2UgUGFyaycsCiAgfSwKICB7CiAgICBrZXk6ICcyJywKICAgIG5hbWU6ICdKaW0gR3JlZW4nLAogICAgYWdlOiA0MiwKICAgIGFkZHJlc3M6ICdMb25kb24gTm8uIDEgTGFrZSBQYXJrJywKICB9LAogIHsKICAgIGtleTogJzMnLAogICAgbmFtZTogJ0pvZSBCbGFjaycsCiAgICBhZ2U6IDMyLAogICAgYWRkcmVzczogJ1NpZG5leSBOby4gMSBMYWtlIFBhcmsnLAogIH0sCiAgewogICAga2V5OiAnNCcsCiAgICBuYW1lOiAnSmltIFJlZCcsCiAgICBhZ2U6IDMyLAogICAgYWRkcmVzczogJ0xvbmRvbiBOby4gMiBMYWtlIFBhcmsnLAogIH0sCl07CmNvbnN0IGZpbHRlcmVkSW5mbyA9IHJlZigpOwpjb25zdCBzb3J0ZWRJbmZvID0gcmVmKCk7CmNvbnN0IGNvbHVtbnMgPSBjb21wdXRlZCgoKSA9PiB7CiAgY29uc3QgZmlsdGVyZWQgPSBmaWx0ZXJlZEluZm8udmFsdWUgfHwge307CiAgY29uc3Qgc29ydGVkID0gc29ydGVkSW5mby52YWx1ZSB8fCB7fTsKICByZXR1cm4gWwogICAgewogICAgICB0aXRsZTogJ05hbWUnLAogICAgICBkYXRhSW5kZXg6ICduYW1lJywKICAgICAga2V5OiAnbmFtZScsCiAgICAgIGZpbHRlcnM6IFsKICAgICAgICB7CiAgICAgICAgICB0ZXh0OiAnSm9lJywKICAgICAgICAgIHZhbHVlOiAnSm9lJywKICAgICAgICB9LAogICAgICAgIHsKICAgICAgICAgIHRleHQ6ICdKaW0nLAogICAgICAgICAgdmFsdWU6ICdKaW0nLAogICAgICAgIH0sCiAgICAgIF0sCiAgICAgIGZpbHRlcmVkVmFsdWU6IGZpbHRlcmVkLm5hbWUgfHwgbnVsbCwKICAgICAgb25GaWx0ZXI6ICh2YWx1ZSwgcmVjb3JkKSA9PiByZWNvcmQubmFtZS5pbmNsdWRlcyh2YWx1ZSksCiAgICAgI

2923HNvcnRlcjogKGEsIGIpID0+IGEubmFtZS5sZW5ndGggLSBiLm5hbWUubGVuZ3RoLAogICAgICBzb3J0T3JkZXI6IHNvcnRlZC5jb2x1bW5LZXkgPT09ICduYW1lJyAmJiBzb3J0ZWQub3JkZXIsCiAgICAgIGVsbGlwc2lzOiB0cnVlLAogICAgfSwKICAgIHsKICAgICAgdGl0bGU6ICdBZ2UnLAogICAgICBkYXRhSW5kZXg6ICdhZ2UnLAogICAgICBrZXk6ICdhZ2UnLAogICAgICBzb3J0ZXI6IChhLCBiKSA9PiBhLmFnZSAtIGIuYWdlLAogICAgICBzb3J0T3JkZXI6IHNvcnRlZC5jb2x1bW5LZXkgPT09ICdhZ2UnICYmIHNvcnRlZC5vcmRlciwKICAgIH0sCiAgICB7CiAgICAgIHRpdGxlOiAnQWRkcmVzcycsCiAgICAgIGRhdGFJbmRleDogJ2FkZHJlc3MnLAogICAgICBrZXk6ICdhZGRyZXNzJywKICAgICAgZmlsdGVyczogWwogICAgICAgIHsKICAgICAgICAgIHRleHQ6ICdMb25kb24nLAogICAgICAgICAgdmFsdWU6ICdMb25kb24nLAogICAgICAgIH0sCiAgICAgICAgewogICAgICAgICAgdGV4dDogJ05ldyBZb3JrJywKICAgICAgICAgIHZhbHVlOiAnTmV3IFlvcmsnLAogICAgICAgIH0sCiAgICAgIF0sCiAgICAgIGZpbHRlcmVkVmFsdWU6IGZpbHRlcmVkLmFkZHJlc3MgfHwgbnVsbCwKICAgICAgb25GaWx0ZXI6ICh2YWx1ZSwgcmVjb3JkKSA9PiByZWNvcmQuYWRkcmVzcy5pbmNsdWRlcyh2YWx1ZSksCiAgICAgIHNvcnRlcjogKGEsIGIpID0+IGEuYWRkcmVzcy5sZW5ndGggLSBiLmFkZHJlc3MubGVuZ3RoLAogICAgICBzb3J0T3JkZXI6IHNvcnRlZC5jb2x1bW5LZXkgPT09ICdhZGRyZXNzJyAmJiBzb3J0ZWQub3JkZXIsCiAgICAgIGVsbGlwc2lzOiB0cnVlLAogICAgfSwKICBdOwp9KTsKY29uc3QgaGFuZGxlQ2hhbmdlID0gKHBhZ2luYXRpb24sIGZpbHRlcnMsIHNvcnRlcikgPT4gewogIGNvbnNvbGUubG9nKCdWYXJpb3VzIHBhcmFtZXRlcnMnLCBwYWdpbmF0aW9uLCBmaWx0ZXJzLCBzb3J0ZXIpOwogIGZpbHRlcmVkSW5mby52YWx1ZSA9IGZpbHRlcnM7CiAgc29ydGVkSW5mby52YWx1ZSA9IHNvcnRlcjsKfTsKY29uc3QgY2xlYXJGaWx0ZXJzID0gKCkgPT4gewogIGZpbHRlcmVkSW5mby52YWx1ZSA9IG51bGw7Cn07CmNvbnN0IGNsZWFyQWxsID0gKCkgPT4gewogIGZpbHRlcmVkSW5mby52YWx1ZSA9IG51bGw7CiAgc29ydGVkSW5mby52YWx1ZSA9IG51bGw7Cn07CmNvbnN0IHNldEFnZVNvcnQgPSAoKSA9PiB7CiAgc29ydGVkSW5mby52YWx1ZSA9IHsKICAgIG9yZGVyOiAnZGVzY2VuZCcsCiAgICBjb2x1bW5LZXk6ICdhZ2UnLAogIH07Cn07Cjwvc2NyaXB0Pgo8c3R5bGUgc2NvcGVkPgoudGFibGUtb3BlcmF0aW9ucyB7CiAgbWFyZ2luLWJvdHRvbTogMTZweDsKfQoKLnRhYmxlLW9wZXJhdGlvbnMgPiBidXR0b24gewogIG1hcmdpbi1yaWdodDogOHB4Owp9Cjwvc3R5bGU+"}},{default:d(()=>[n("div",null,[n("div",Go,[C(k,{onClick:u},{default:d(()=>[...g[0]||(g[0]=[a("Sort age",-1)])]),_:1}),C(k,{onClick:r},{default:d(()=>[...g[1]||(g[1]=[a("Clear filters",-1)])]),_:1}),C(k,{onClick:l},{default:d(()=>[...g[2]||(g[2]=[a("Clear filters and sorters",-1)])]),_:1})]),C(y,{columns:s.value,"data-source":o,onChange:e},null,8,["columns"])])]),htmlCode:d(()=>[...g[3]||(g[3]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
2924  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
2925    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("table-operations"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
2926      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-button")]),a(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("setAgeSort"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Sort age"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-button")]),n("span",{class:"token punctuation"},">")]),a(`
2927      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-button")]),a(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("clearFilters"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Clear filters"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"}

2927,"</"),a("a-button")]),n("span",{class:"token punctuation"},">")]),a(`
2928      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-button")]),a(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("clearAll"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Clear filters and sorters"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-button")]),n("span",{class:"token punctuation"},">")]),a(`
2929    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
2930    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table")]),a(),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("columns"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("data"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("handleChange"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
2931  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
2932`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
2933`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ts"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"setup"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
2934`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" computed"),n("span",{class:"token punctuation"},","),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
2935`),n("span",{class:"token keyword"},"import"),a(" type "),n("span",{class:"token punctuation"},"{"),a(" TableColumnType"),n("span",{class:"token punctuation"},","),a(" TableProps "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'ant-design-vue'"),n("span",{class:"token punctuation"},";"),a(`
2936
2937`),n("span",{class:"token keyword"},"interface"),a(),n("span",{class:"token class-name"},"DataItem"),a(),n("span",{class:"token punctuation"},"{"),a(`
2938  `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},";"),a(`
2939  `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},";"),a(`
2940  `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(" number"),n("span",{class:"token punctuation"},";"),a(`
2941  `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},";"),a(`
2942`),n("span",{class:"token punctuation"},"}"),a(`
2943
2944`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token literal-property property"},"data"),n("span",{class:"token operator"},":"),a(" DataItem"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
2945  `),n("span",{class:"token punctuation"},"{"),a(`
2946    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'1'"),n("span",{class:"token punctuation"},","),a(`
2947    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'John Brown'"),n("span",{class:"token punctuation"},","),a(`
2948    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
2949    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'New York No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
2950  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2951  `),n("span",{class:"token punctuation"},"{"),a(`
2952    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'2'"),n("span",{class:"token punctuation"},","),a(`
2953    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jim Green'"),n("span",{class:"token punctuation"},","),a(`
2954    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"42"),n("span",{class:"token punctuation"},","),a(`
2955    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'London No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
2956  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2957  `),n("span",{class:"token punctuation"},"{"),a(`
2958    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'3'"),n("span",{class:"token punctuation"},","),a(`
2959    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Joe Black'"),n("span",{class:"token punctuation"},","),a(`
2960    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
2961    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"}

2961,"'Sidney No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
2962  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2963  `),n("span",{class:"token punctuation"},"{"),a(`
2964    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'4'"),n("span",{class:"token punctuation"},","),a(`
2965    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jim Red'"),n("span",{class:"token punctuation"},","),a(`
2966    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
2967    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'London No. 2 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
2968  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2969`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
2970
2971`),n("span",{class:"token keyword"},"const"),a(" filteredInfo "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
2972`),n("span",{class:"token keyword"},"const"),a(" sortedInfo "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
2973
2974`),n("span",{class:"token keyword"},"const"),a(" columns "),n("span",{class:"token operator"},"="),a(" computed"),n("span",{class:"token operator"},"<"),a("TableColumnType"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
2975  `),n("span",{class:"token keyword"},"const"),a(" filtered "),n("span",{class:"token operator"},"="),a(" filteredInfo"),n("span",{class:"token punctuation"},"."),a("value "),n("span",{class:"token operator"},"||"),a(),n("span",{class:"token punctuation"},"{"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
2976  `),n("span",{class:"token keyword"},"const"),a(" sorted "),n("span",{class:"token operator"},"="),a(" sortedInfo"),n("span",{class:"token punctuation"},"."),a("value "),n("span",{class:"token operator"},"||"),a(),n("span",{class:"token punctuation"},"{"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
2977  `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"["),a(`
2978    `),n("span",{class:"token punctuation"},"{"),a(`
2979      `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Name'"),n("span",{class:"token punctuation"},","),a(`
2980      `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
2981      `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
2982      `),n("span",{class:"token literal-property property"},"filters"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(`
2983        `),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Joe'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Joe'"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2984        `),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jim'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jim'"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2985      `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
2986      `),n("span",{class:"token literal-property property"},"filteredValue"),n("span",{class:"token operator"},":"),a(" filtered"),n("span",{class:"token punctuation"},"."),a("name "),n("span",{class:"token operator"},"||"),a(),n("span",{class:"token keyword"},"null"),n("span",{class:"token punctuation"},","),a(`
2987      `),n("span",{class:"token function-variable function"},"onFilter"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"record"),n("span",{class:"token operator"},":"),a(" DataItem")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(" record"),n("span",{class:"token punctuation"},"."),a("name"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"includes"),n("span",{class:"token punctuation"},"("),a("value"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
2988      `),n("span",{class:"token function-variable function"},"sorter"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"a"),n("span",{class:"token operator"},":"),a(" DataItem"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"b"),n("span",{class:"token operator"},":"),a(" DataItem")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(" a"),n("span",{class:"token punctuation"},"."),a("name"),n("span",{class:"token punctuation"},"."),a("length "),n("span",{class:"token operator"},"-"),a(" b"),n("span",{class:"token punctuation"},"."),a("name"),n("span",{class:"token punctuation"},"."),a("length"),n("span",{class:"token punctuation"},","),a(`
2989      `),n("span",{class:"token literal-property property"},"sortOrder"),n("span",{class:"token operator"},":"),a(" sorted"),n("span",{class:"token punctuation"}

2989,"."),a("columnKey "),n("span",{class:"token operator"},"==="),a(),n("span",{class:"token string"},"'name'"),a(),n("span",{class:"token operator"},"&&"),a(" sorted"),n("span",{class:"token punctuation"},"."),a("order"),n("span",{class:"token punctuation"},","),a(`
2990      `),n("span",{class:"token literal-property property"},"ellipsis"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},","),a(`
2991    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2992    `),n("span",{class:"token punctuation"},"{"),a(`
2993      `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Age'"),n("span",{class:"token punctuation"},","),a(`
2994      `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'age'"),n("span",{class:"token punctuation"},","),a(`
2995      `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'age'"),n("span",{class:"token punctuation"},","),a(`
2996      `),n("span",{class:"token function-variable function"},"sorter"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"a"),n("span",{class:"token operator"},":"),a(" DataItem"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"b"),n("span",{class:"token operator"},":"),a(" DataItem")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(" a"),n("span",{class:"token punctuation"},"."),a("age "),n("span",{class:"token operator"},"-"),a(" b"),n("span",{class:"token punctuation"},"."),a("age"),n("span",{class:"token punctuation"},","),a(`
2997      `),n("span",{class:"token literal-property property"},"sortOrder"),n("span",{class:"token operator"},":"),a(" sorted"),n("span",{class:"token punctuation"},"."),a("columnKey "),n("span",{class:"token operator"},"==="),a(),n("span",{class:"token string"},"'age'"),a(),n("span",{class:"token operator"},"&&"),a(" sorted"),n("span",{class:"token punctuation"},"."),a("order"),n("span",{class:"token punctuation"},","),a(`
2998    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
2999    `),n("span",{class:"token punctuation"},"{"),a(`
3000      `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Address'"),n("span",{class:"token punctuation"},","),a(`
3001      `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
3002      `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
3003      `),n("span",{class:"token literal-property property"},"filters"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(`
3004        `),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'London'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'London'"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3005        `),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'New York'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'New York'"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3006      `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
3007      `),n("span",{class:"token literal-property property"},"filteredValue"),n("span",{class:"token operator"},":"),a(" filtered"),n("span",{class:"token punctuation"},"."),a("address "),n("span",{class:"token operator"},"||"),a(),n("span",{class:"token keyword"},"null"),n("span",{class:"token punctuation"},","),a(`
3008      `),n("span",{class:"token function-variable function"},"onFilter"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"record"),n("span",{class:"token operator"},":"),a(" DataItem")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(" record"),n("span",{class:"token punctuation"},"."),a("address"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"includes"),n("span",{class:"token punctuation"},"("),a("value"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
3009      `),n("span",{class:"token function-variable function"},"sorter"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"a"),n("span",{class:"token operator"},":"),a(" DataItem"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"b"),n("span",{class:"token operator"},":"),a(" DataItem")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(" a"),n("span",{class:"token punctuation"},"."),a("address"),n("span",{class:"token punctuation"},"."),a("length "),n("span",{class:"token operator"},"-"),a(" b"),n("span",{class:"token punctuation"},"."),a("address"),n("span",{class:"token punctuation"},"."),a("length"),n("span",{class:"token punctuation"},","),a(`
3010      `),n("span",{class:"token literal-property property"},"sortOrder"),n("span",{class:"token operator"},":"),a(" sorted"),n("span",{class:"token punctuation"}

3010,"."),a("columnKey "),n("span",{class:"token operator"},"==="),a(),n("span",{class:"token string"},"'address'"),a(),n("span",{class:"token operator"},"&&"),a(" sorted"),n("span",{class:"token punctuation"},"."),a("order"),n("span",{class:"token punctuation"},","),a(`
3011      `),n("span",{class:"token literal-property property"},"ellipsis"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},","),a(`
3012    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3013  `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
3014`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
3015
3016`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token literal-property property"},"handleChange"),n("span",{class:"token operator"},":"),a(" TableProps"),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'onChange'"),n("span",{class:"token punctuation"},"]"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("pagination"),n("span",{class:"token punctuation"},","),a(" filters"),n("span",{class:"token punctuation"},","),a(" sorter")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
3017  console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'Various parameters'"),n("span",{class:"token punctuation"},","),a(" pagination"),n("span",{class:"token punctuation"},","),a(" filters"),n("span",{class:"token punctuation"},","),a(" sorter"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
3018  filteredInfo`),n("span",{class:"token punctuation"},"."),a("value "),n("span",{class:"token operator"},"="),a(" filters"),n("span",{class:"token punctuation"},";"),a(`
3019  sortedInfo`),n("span",{class:"token punctuation"},"."),a("value "),n("span",{class:"token operator"},"="),a(" sorter"),n("span",{class:"token punctuation"},";"),a(`
3020`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
3021`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"clearFilters"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
3022  filteredInfo`),n("span",{class:"token punctuation"},"."),a("value "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token keyword"},"null"),n("span",{class:"token punctuation"},";"),a(`
3023`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
3024`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"clearAll"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
3025  filteredInfo`),n("span",{class:"token punctuation"},"."),a("value "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token keyword"},"null"),n("span",{class:"token punctuation"},";"),a(`
3026  sortedInfo`),n("span",{class:"token punctuation"},"."),a("value "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token keyword"},"null"),n("span",{class:"token punctuation"},";"),a(`
3027`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
3028`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"setAgeSort"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
3029  sortedInfo`),n("span",{class:"token punctuation"},"."),a("value "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"{"),a(`
3030    `),n("span",{class:"token literal-property property"},"order"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'descend'"),n("span",{class:"token punctuation"},","),a(`
3031    `),n("span",{class:"token literal-property property"},"columnKey"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'age'"),n("span",{class:"token punctuation"},","),a(`
3032  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
3033`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
3034`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"}

3034,"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
3035`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("style")]),a(),n("span",{class:"token attr-name"},"scoped"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token style"},[n("span",{class:"token language-css"},[a(`
3036`),n("span",{class:"token selector"},".table-operations"),a(),n("span",{class:"token punctuation"},"{"),a(`
3037  `),n("span",{class:"token property"},"margin-bottom"),n("span",{class:"token punctuation"},":"),a(" 16px"),n("span",{class:"token punctuation"},";"),a(`
3038`),n("span",{class:"token punctuation"},"}"),a(`
3039
3040`),n("span",{class:"token selector"},".table-operations > button"),a(),n("span",{class:"token punctuation"},"{"),a(`
3041  `),n("span",{class:"token property"},"margin-right"),n("span",{class:"token punctuation"},":"),a(" 8px"),n("span",{class:"token punctuation"},";"),a(`
3042`),n("span",{class:"token punctuation"},"}"),a(`
3043`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("style")]),n("span",{class:"token punctuation"},">")]),a(`
3044`)])],-1)])]),jsVersionHtml:d(()=>[...g[4]||(g[4]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
3045  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
3046    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("table-operations"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
3047      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-button")]),a(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("setAgeSort"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Sort age"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-button")]),n("span",{class:"token punctuation"},">")]),a(`
3048      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-button")]),a(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("clearFilters"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Clear filters"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-button")]),n("span",{class:"token punctuation"},">")]),a(`
3049      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-button")]),a(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("clearAll"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Clear filters and sorters"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-button")]),n("span",{class:"token punctuation"},">")]),a(`
3050    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
3051    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table")]),a(),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"}

3051,'"'),a("columns"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("data"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("handleChange"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
3052  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
3053`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
3054`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),n("span",{class:"token attr-name"},"setup"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
3055`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" computed"),n("span",{class:"token punctuation"},","),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
3056`),n("span",{class:"token keyword"},"const"),a(" data "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
3057  `),n("span",{class:"token punctuation"},"{"),a(`
3058    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'1'"),n("span",{class:"token punctuation"},","),a(`
3059    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'John Brown'"),n("span",{class:"token punctuation"},","),a(`
3060    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
3061    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'New York No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
3062  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3063  `),n("span",{class:"token punctuation"},"{"),a(`
3064    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'2'"),n("span",{class:"token punctuation"},","),a(`
3065    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jim Green'"),n("span",{class:"token punctuation"},","),a(`
3066    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"42"),n("span",{class:"token punctuation"},","),a(`
3067    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'London No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
3068  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3069  `),n("span",{class:"token punctuation"},"{"),a(`
3070    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'3'"),n("span",{class:"token punctuation"},","),a(`
3071    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Joe Black'"),n("span",{class:"token punctuation"},","),a(`
3072    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
3073    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"}

3073,"'Sidney No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
3074  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3075  `),n("span",{class:"token punctuation"},"{"),a(`
3076    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'4'"),n("span",{class:"token punctuation"},","),a(`
3077    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jim Red'"),n("span",{class:"token punctuation"},","),a(`
3078    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
3079    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'London No. 2 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
3080  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3081`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
3082`),n("span",{class:"token keyword"},"const"),a(" filteredInfo "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
3083`),n("span",{class:"token keyword"},"const"),a(" sortedInfo "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
3084`),n("span",{class:"token keyword"},"const"),a(" columns "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"computed"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
3085  `),n("span",{class:"token keyword"},"const"),a(" filtered "),n("span",{class:"token operator"},"="),a(" filteredInfo"),n("span",{class:"token punctuation"},"."),a("value "),n("span",{class:"token operator"},"||"),a(),n("span",{class:"token punctuation"},"{"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
3086  `),n("span",{class:"token keyword"},"const"),a(" sorted "),n("span",{class:"token operator"},"="),a(" sortedInfo"),n("span",{class:"token punctuation"},"."),a("value "),n("span",{class:"token operator"},"||"),a(),n("span",{class:"token punctuation"},"{"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
3087  `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"["),a(`
3088    `),n("span",{class:"token punctuation"},"{"),a(`
3089      `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Name'"),n("span",{class:"token punctuation"},","),a(`
3090      `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
3091      `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
3092      `),n("span",{class:"token literal-property property"},"filters"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(`
3093        `),n("span",{class:"token punctuation"},"{"),a(`
3094          `),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Joe'"),n("span",{class:"token punctuation"},","),a(`
3095          `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Joe'"),n("span",{class:"token punctuation"},","),a(`
3096        `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3097        `),n("span",{class:"token punctuation"},"{"),a(`
3098          `),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jim'"),n("span",{class:"token punctuation"},","),a(`
3099          `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jim'"),n("span",{class:"token punctuation"},","),a(`
3100        `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3101      `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
3102      `),n("span",{class:"token literal-property property"},"filteredValue"),n("span",{class:"token operator"},":"),a(" filtered"),n("span",{class:"token punctuation"},"."),a("name "),n("span",{class:"token operator"},"||"),a(),n("span",{class:"token keyword"},"null"),n("span",{class:"token punctuation"},","),a(`
3103      `),n("span",{class:"token function-variable function"},"onFilter"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("value"),n("span",{class:"token punctuation"},","),a(" record")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(" record"),n("span",{class:"token punctuation"},"."),a("name"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"includes"),n("span",{class:"token punctuation"},"("),a("value"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
3104      `),n("span",{class:"token function-variable function"},"sorter"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("a"),n("span",{class:"token punctuation"},","),a(" b")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(" a"),n("span",{class:"token punctuation"},"."),a("name"),n("span",{class:"token punctuation"},"."),a("length "),n("span",{class:"token operator"},"-"),a(" b"),n("span",{class:"token punctuation"},"."),a("name"),n("span",{class:"token punctuation"},"."),a("length"),n("span",{class:"token punctuation"},","),a(`
3105      `),n("span",{class:"token literal-property property"},"sortOrder"),n("span",{class:"token operator"},":"),a(" sorted"),n("span",{class:"token punctuation"}

3105,"."),a("columnKey "),n("span",{class:"token operator"},"==="),a(),n("span",{class:"token string"},"'name'"),a(),n("span",{class:"token operator"},"&&"),a(" sorted"),n("span",{class:"token punctuation"},"."),a("order"),n("span",{class:"token punctuation"},","),a(`
3106      `),n("span",{class:"token literal-property property"},"ellipsis"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},","),a(`
3107    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3108    `),n("span",{class:"token punctuation"},"{"),a(`
3109      `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Age'"),n("span",{class:"token punctuation"},","),a(`
3110      `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'age'"),n("span",{class:"token punctuation"},","),a(`
3111      `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'age'"),n("span",{class:"token punctuation"},","),a(`
3112      `),n("span",{class:"token function-variable function"},"sorter"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("a"),n("span",{class:"token punctuation"},","),a(" b")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(" a"),n("span",{class:"token punctuation"},"."),a("age "),n("span",{class:"token operator"},"-"),a(" b"),n("span",{class:"token punctuation"},"."),a("age"),n("span",{class:"token punctuation"},","),a(`
3113      `),n("span",{class:"token literal-property property"},"sortOrder"),n("span",{class:"token operator"},":"),a(" sorted"),n("span",{class:"token punctuation"},"."),a("columnKey "),n("span",{class:"token operator"},"==="),a(),n("span",{class:"token string"},"'age'"),a(),n("span",{class:"token operator"},"&&"),a(" sorted"),n("span",{class:"token punctuation"},"."),a("order"),n("span",{class:"token punctuation"},","),a(`
3114    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3115    `),n("span",{class:"token punctuation"},"{"),a(`
3116      `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Address'"),n("span",{class:"token punctuation"},","),a(`
3117      `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
3118      `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
3119      `),n("span",{class:"token literal-property property"},"filters"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(`
3120        `),n("span",{class:"token punctuation"},"{"),a(`
3121          `),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'London'"),n("span",{class:"token punctuation"},","),a(`
3122          `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'London'"),n("span",{class:"token punctuation"},","),a(`
3123        `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3124        `),n("span",{class:"token punctuation"},"{"),a(`
3125          `),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'New York'"),n("span",{class:"token punctuation"},","),a(`
3126          `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'New York'"),n("span",{class:"token punctuation"},","),a(`
3127        `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3128      `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
3129      `),n("span",{class:"token literal-property property"},"filteredValue"),n("span",{class:"token operator"},":"),a(" filtered"),n("span",{class:"token punctuation"},"."),a("address "),n("span",{class:"token operator"},"||"),a(),n("span",{class:"token keyword"},"null"),n("span",{class:"token punctuation"},","),a(`
3130      `),n("span",{class:"token function-variable function"},"onFilter"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("value"),n("span",{class:"token punctuation"},","),a(" record")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(" record"),n("span",{class:"token punctuation"},"."),a("address"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"includes"),n("span",{class:"token punctuation"},"("),a("value"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
3131      `),n("span",{class:"token function-variable function"},"sorter"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("a"),n("span",{class:"token punctuation"},","),a(" b")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(" a"),n("span",{class:"token punctuation"},"."),a("address"),n("span",{class:"token punctuation"},"."),a("length "),n("span",{class:"token operator"},"-"),a(" b"),n("span",{class:"token punctuation"},"."),a("address"),n("span",{class:"token punctuation"},"."),a("length"),n("span",{class:"token punctuation"},","),a(`
3132      `),n("span",{class:"token literal-property property"},"sortOrder"),n("span",{class:"token operator"},":"),a(" sorted"),n("span",{class:"token punctuation"}

3132,"."),a("columnKey "),n("span",{class:"token operator"},"==="),a(),n("span",{class:"token string"},"'address'"),a(),n("span",{class:"token operator"},"&&"),a(" sorted"),n("span",{class:"token punctuation"},"."),a("order"),n("span",{class:"token punctuation"},","),a(`
3133      `),n("span",{class:"token literal-property property"},"ellipsis"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},","),a(`
3134    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3135  `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
3136`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
3137`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"handleChange"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("pagination"),n("span",{class:"token punctuation"},","),a(" filters"),n("span",{class:"token punctuation"},","),a(" sorter")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
3138  console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'Various parameters'"),n("span",{class:"token punctuation"},","),a(" pagination"),n("span",{class:"token punctuation"},","),a(" filters"),n("span",{class:"token punctuation"},","),a(" sorter"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
3139  filteredInfo`),n("span",{class:"token punctuation"},"."),a("value "),n("span",{class:"token operator"},"="),a(" filters"),n("span",{class:"token punctuation"},";"),a(`
3140  sortedInfo`),n("span",{class:"token punctuation"},"."),a("value "),n("span",{class:"token operator"},"="),a(" sorter"),n("span",{class:"token punctuation"},";"),a(`
3141`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
3142`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"clearFilters"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
3143  filteredInfo`),n("span",{class:"token punctuation"},"."),a("value "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token keyword"},"null"),n("span",{class:"token punctuation"},";"),a(`
3144`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
3145`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"clearAll"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
3146  filteredInfo`),n("span",{class:"token punctuation"},"."),a("value "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token keyword"},"null"),n("span",{class:"token punctuation"},";"),a(`
3147  sortedInfo`),n("span",{class:"token punctuation"},"."),a("value "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token keyword"},"null"),n("span",{class:"token punctuation"},";"),a(`
3148`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
3149`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"setAgeSort"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
3150  sortedInfo`),n("span",{class:"token punctuation"},"."),a("value "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"{"),a(`
3151    `),n("span",{class:"token literal-property property"},"order"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'descend'"),n("span",{class:"token punctuation"},","),a(`
3152    `),n("span",{class:"token literal-property property"},"columnKey"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'age'"),n("span",{class:"token punctuation"},","),a(`
3153  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
3154`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
3155`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"}

3155,"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
3156`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("style")]),a(),n("span",{class:"token attr-name"},"scoped"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token style"},[n("span",{class:"token language-css"},[a(`
3157`),n("span",{class:"token selector"},".table-operations"),a(),n("span",{class:"token punctuation"},"{"),a(`
3158  `),n("span",{class:"token property"},"margin-bottom"),n("span",{class:"token punctuation"},":"),a(" 16px"),n("span",{class:"token punctuation"},";"),a(`
3159`),n("span",{class:"token punctuation"},"}"),a(`
3160
3161`),n("span",{class:"token selector"},".table-operations > button"),a(),n("span",{class:"token punctuation"},"{"),a(`
3162  `),n("span",{class:"token property"},"margin-right"),n("span",{class:"token punctuation"},":"),a(" 8px"),n("span",{class:"token punctuation"},";"),a(`
3163`),n("span",{class:"token punctuation"},"}"),a(`
3164`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("style")]),n("span",{class:"token punctuation"},">")]),a(`
3165`)])],-1)])]),_:1})}}});const vo=M(fo,[["__scopeId","data-v-7230b42a"]]),Bo={style:{"margin-bottom":"16px"}},Wo={style:{"margin-left":"8px"}},Ro=F({__name:"row-selection-and-operation",setup(t){const o=[{title:"Name",dataIndex:"name"},{title:"Age",dataIndex:"age"},{title:"Address",dataIndex:"address"}],p=[];for(let l=0;l<46;l++)p.push({key:l,name:`Edward King ${l}`,age:32,address:`London, Park Lane no. ${l}`});const c=gn({selectedRowKeys:[],loading:!1}),s=H(()=>c.selectedRowKeys.length>0),e=()=>{c.loading=!0,setTimeout(()=>{c.loading=!1,c.selectedRowKeys=[]},1e3)},r=l=>{console.log("selectedRowKeys changed: ",l),c.selectedRowKeys=l};return(l,u)=>{const i=I("a-button"),g=I("a-table"),k=I("demo-box");return m(),x(k,{jsfiddle:{us:"To perform operations and clear selections after selecting some rows, use `rowSelection.selectedRowKeys` to control selected rows.",cn:"\u9009\u62E9\u540E\u8FDB\u884C\u64CD\u4F5C\uFF0C\u5B8C\u6210\u540E\u6E05\u7A7A\u9009\u62E9\uFF0C\u901A\u8FC7 `rowSelection.selectedRowKeys` \u6765\u63A7\u5236\u9009\u4E2D\u9879\u3002",docHtml:`<h2 id="zh-cn">zh-CN <a class="header-anchor" href="#zh-cn">
3166          <span aria-hidden="true" class="anchor">#</span>
3167        </a></h2>
3168<p>\u9009\u62E9\u540E\u8FDB\u884C\u64CD\u4F5C\uFF0C\u5B8C\u6210\u540E\u6E05\u7A7A\u9009\u62E9\uFF0C\u901A\u8FC7 <code>rowSelection.selectedRowKeys</code> \u6765\u63A7\u5236\u9009\u4E2D\u9879\u3002</p>
3169<h2 id="en-us">en-US <a class="header-anchor" href="#en-us">
3170          <span aria-hidden="true" class="anchor">#</span>
3171        </a></h2>
3172<p>To perform operations and clear selections after selecting some rows, use <code>rowSelection.selectedRowKeys</code> to control selected rows.</p>
3173`,order:3,title:{"en-US":"Selection and operation","zh-CN":"\u9009\u62E9\u548C\u64CD\u4F5C"},relativePath:"components/table/demo/row-selection-and-operation.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8ZGl2IHN0eWxlPSJtYXJnaW4tYm90dG9tOiAxNnB4Ij4KICAgICAgPGEtYnV0dG9uIHR5cGU9InByaW1hcnkiIDpkaXNhYmxlZD0iIWhhc1NlbGVjdGVkIiA6bG9hZGluZz0ic3RhdGUubG9hZGluZyIgQGNsaWNrPSJzdGFydCI+CiAgICAgICAgUmVsb2FkCiAgICAgIDwvYS1idXR0b24+CiAgICAgIDxzcGFuIHN0eWxlPSJtYXJnaW4tbGVmdDogOHB4Ij4KICAgICAgICA8dGVtcGxhdGUgdi1pZj0iaGFzU2VsZWN0ZWQiPgogICAgICAgICAge3sgYFNlbGVjdGVkICR7c3RhdGUuc2VsZWN0ZWRSb3dLZXlzLmxlbmd0aH0gaXRlbXNgIH19CiAgICAgICAgPC90ZW1wbGF0ZT4KICAgICAgPC9zcGFuPgogICAgPC9kaXY+CiAgICA8YS10YWJsZQogICAgICA6cm93LXNlbGVjdGlvbj0ieyBzZWxlY3RlZFJvd0tleXM6IHN0YXRlLnNlbGVjdGVkUm93S2V5cywgb25DaGFuZ2U6IG9uU2VsZWN0Q2hhbmdlIH0iCiAgICAgIDpjb2x1bW5zPSJjb2x1bW5zIgogICAgICA6ZGF0YS1zb3VyY2U9ImRhdGEiCiAgICAvPgogIDwvZGl2Pgo8L3RlbXBsYXRlPgo8c2NyaXB0IGxhbmc9InRzIiBzZXR1cD4KaW1wb3J0IHsgY29tcHV0ZWQsIHJlYWN0aXZlIH0gZnJvbSAndnVlJzsKCnR5cGUgS2V5ID0gc3RyaW5nIHwgbnVtYmVyOwoKaW50ZXJmYWNlIERhdGFUeXBlIHsKICBrZXk6IEtleTsKICBuYW1lOiBzdHJpbmc7CiAgYWdlOiBudW1iZXI7CiAgYWRkcmVzczogc3RyaW5nOwp9Cgpjb25zdCBjb2x1bW5zID0gWwogIHsKICAgIHRpdGxlOiAnTmFtZScsCiAgICBkYXRhSW5kZXg6ICduYW1lJywKICB9LAogIHsKICAgIHRpdGxlOiAnQWdlJywKICAgIGRhdGFJbmRleDogJ2FnZScsCiAgfSwKICB7CiAgICB0aXRsZTogJ0FkZHJlc3MnLAogICAgZGF0YUluZGV4OiAnYWRkcmVzcycsCiAgfSwKXTsKCmNvbnN0IGRhdGE6IERhdGFUeXBlW10gPSBbXTsKZm9yIChsZXQgaSA9IDA7IGkgPCA0NjsgaSsrKSB7CiAgZGF0YS5wdXNoKHsKICAgIGtleTogaSwKICAgIG5hbWU6IGBFZHdhcmQgS2luZyAke2l9YCwKICAgIGFnZTogMzIsCiAgICBhZGRyZXNzOiBgTG9uZG9uLCBQYXJrIExhbmUgbm8uICR7aX1gLAogIH0

3173pOwp9Cgpjb25zdCBzdGF0ZSA9IHJlYWN0aXZlPHsKICBzZWxlY3RlZFJvd0tleXM6IEtleVtdOwogIGxvYWRpbmc6IGJvb2xlYW47Cn0+KHsKICBzZWxlY3RlZFJvd0tleXM6IFtdLCAvLyBDaGVjayBoZXJlIHRvIGNvbmZpZ3VyZSB0aGUgZGVmYXVsdCBjb2x1bW4KICBsb2FkaW5nOiBmYWxzZSwKfSk7CmNvbnN0IGhhc1NlbGVjdGVkID0gY29tcHV0ZWQoKCkgPT4gc3RhdGUuc2VsZWN0ZWRSb3dLZXlzLmxlbmd0aCA+IDApOwoKY29uc3Qgc3RhcnQgPSAoKSA9PiB7CiAgc3RhdGUubG9hZGluZyA9IHRydWU7CiAgLy8gYWpheCByZXF1ZXN0IGFmdGVyIGVtcHR5IGNvbXBsZXRpbmcKICBzZXRUaW1lb3V0KCgpID0+IHsKICAgIHN0YXRlLmxvYWRpbmcgPSBmYWxzZTsKICAgIHN0YXRlLnNlbGVjdGVkUm93S2V5cyA9IFtdOwogIH0sIDEwMDApOwp9Owpjb25zdCBvblNlbGVjdENoYW5nZSA9IChzZWxlY3RlZFJvd0tleXM6IEtleVtdKSA9PiB7CiAgY29uc29sZS5sb2coJ3NlbGVjdGVkUm93S2V5cyBjaGFuZ2VkOiAnLCBzZWxlY3RlZFJvd0tleXMpOwogIHN0YXRlLnNlbGVjdGVkUm93S2V5cyA9IHNlbGVjdGVkUm93S2V5czsKfTsKPC9zY3JpcHQ+Cgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8ZGl2IHN0eWxlPSJtYXJnaW4tYm90dG9tOiAxNnB4Ij4KICAgICAgPGEtYnV0dG9uIHR5cGU9InByaW1hcnkiIDpkaXNhYmxlZD0iIWhhc1NlbGVjdGVkIiA6bG9hZGluZz0ic3RhdGUubG9hZGluZyIgQGNsaWNrPSJzdGFydCI+CiAgICAgICAgUmVsb2FkCiAgICAgIDwvYS1idXR0b24+CiAgICAgIDxzcGFuIHN0eWxlPSJtYXJnaW4tbGVmdDogOHB4Ij4KICAgICAgICA8dGVtcGxhdGUgdi1pZj0iaGFzU2VsZWN0ZWQiPgogICAgICAgICAge3sgYFNlbGVjdGVkICR7c3RhdGUuc2VsZWN0ZWRSb3dLZXlzLmxlbmd0aH0gaXRlbXNgIH19CiAgICAgICAgPC90ZW1wbGF0ZT4KICAgICAgPC9zcGFuPgogICAgPC9kaXY+CiAgICA8YS10YWJsZQogICAgICA6cm93LXNlbGVjdGlvbj0ieyBzZWxlY3RlZFJvd0tleXM6IHN0YXRlLnNlbGVjdGVkUm93S2V5cywgb25DaGFuZ2U6IG9uU2VsZWN0Q2hhbmdlIH0iCiAgICAgIDpjb2x1bW5zPSJjb2x1bW5zIgogICAgICA6ZGF0YS1zb3VyY2U9ImRhdGEiCiAgICAvPgogIDwvZGl2Pgo8L3RlbXBsYXRlPgo8c2NyaXB0IHNldHVwPgppbXBvcnQgeyBjb21wdXRlZCwgcmVhY3RpdmUgfSBmcm9tICd2dWUnOwpjb25zdCBjb2x1bW5zID0gWwogIHsKICAgIHRpdGxlOiAnTmFtZScsCiAgICBkYXRhSW5kZXg6ICduYW1lJywKICB9LAogIHsKICAgIHRpdGxlOiAnQWdlJywKICAgIGRhdGFJbmRleDogJ2FnZScsCiAgfSwKICB7CiAgICB0aXRsZTogJ0FkZHJlc3MnLAogICAgZGF0YUluZGV4OiAnYWRkcmVzcycsCiAgfSwKXTsKY29uc3QgZGF0YSA9IFtdOwpmb3IgKGxldCBpID0gMDsgaSA8IDQ2OyBpKyspIHsKICBkYXRhLnB1c2goewogICAga2V5OiBpLAogICAgbmFtZTogYEVkd2FyZCBLaW5nICR7aX1gLAogICAgYWdlOiAzMiwKICAgIGFkZHJlc3M6IGBMb25kb24sIFBhcmsgTGFuZSBuby4gJHtpfWAsCiAgfSk7Cn0KY29uc3Qgc3RhdGUgPSByZWFjdGl2ZSh7CiAgc2VsZWN0ZWRSb3dLZXlzOiBbXSwKICAvLyBDaGVjayBoZXJlIHRvIGNvbmZpZ3VyZSB0aGUgZGVmYXVsdCBjb2x1bW4KICBsb2FkaW5nOiBmYWxzZSwKfSk7CmNvbnN0IGhhc1NlbGVjdGVkID0gY29tcHV0ZWQoKCkgPT4gc3RhdGUuc2VsZWN0ZWRSb3dLZXlzLmxlbmd0aCA+IDApOwpjb25zdCBzdGFydCA9ICgpID0+IHsKICBzdGF0ZS5sb2FkaW5nID0gdHJ1ZTsKICAvLyBhamF4IHJlcXVlc3QgYWZ0ZXIgZW1wdHkgY29tcGxldGluZwogIHNldFRpbWVvdXQoKCkgPT4gewogICAgc3RhdGUubG9hZGluZyA9IGZhbHNlOwogICAgc3RhdGUuc2VsZWN0ZWRSb3dLZXlzID0gW107CiAgfSwgMTAwMCk7Cn07CmNvbnN0IG9uU2VsZWN0Q2hhbmdlID0gc2VsZWN0ZWRSb3dLZXlzID0+IHsKICBjb25zb2xlLmxvZygnc2VsZWN0ZWRSb3dLZXlzIGNoYW5nZWQ6ICcsIHNlbGVjdGVkUm93S2V5cyk7CiAgc3RhdGUuc2VsZWN0ZWRSb3dLZXlzID0gc2VsZWN0ZWRSb3dLZXlzOwp9Owo8L3NjcmlwdD4="}},{default:d(()=>[n("div",null,[n("div",Bo,[C(i,{type:"primary",disabled:!s.value,loading:c.loading,onClick:e},{default:d(()=>[...u[0]||(u[0]=[a(" Reload ",-1)])]),_:1},8,["disabled","loading"]),n("span",Wo,[s.value?(m(),W(O,{key:0},[a(L(`Selected ${c.selectedRowKeys.length} items`),1)],64)):K("",!0)])]),C(g,{"row-selection":{selectedRowKeys:c.selectedRowKeys,onChange:r},columns:o,"data-source":p},null,8,["row-selection"])])]),htmlCode:d(()=>[...u[1]||(u[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
3174  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
3175    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),a(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"margin-bottom"),n("span",{class:"token punctuation"},":"),a(" 16px")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),a(`
3176      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"}

3176,"<"),a("a-button")]),a(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("primary"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":disabled"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("!hasSelected"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":loading"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("state.loading"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("start"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
3177        Reload
3178      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-button")]),n("span",{class:"token punctuation"},">")]),a(`
3179      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("span")]),a(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"margin-left"),n("span",{class:"token punctuation"},":"),a(" 8px")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),a(`
3180        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("hasSelected"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("\n          {{ `Selected ${state.selectedRowKeys.length} items` }}\n        "),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
3181      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("span")]),n("span",{class:"token punctuation"},">")]),a(`
3182    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
3183    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table")]),a(`
3184      `),n("span",{class:"token attr-name"},":row-selection"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ selectedRowKeys: state.selectedRowKeys, onChange: onSelectChange }"),n("span",{class:"token punctuation"},'"')]),a(`
3185      `),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("columns"),n("span",{class:"token punctuation"},'"')]),a(`
3186      `),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("data"),n("span",{class:"token punctuation"},'"')]),a(`
3187    `),n("span",{class:"token punctuation"},"/>")]),a(`
3188  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
3189`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
3190`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"}

3190,"<"),a("script")]),a(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ts"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"setup"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
3191`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" computed"),n("span",{class:"token punctuation"},","),a(" reactive "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
3192
3193type Key `),n("span",{class:"token operator"},"="),a(" string "),n("span",{class:"token operator"},"|"),a(" number"),n("span",{class:"token punctuation"},";"),a(`
3194
3195`),n("span",{class:"token keyword"},"interface"),a(),n("span",{class:"token class-name"},"DataType"),a(),n("span",{class:"token punctuation"},"{"),a(`
3196  `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(" Key"),n("span",{class:"token punctuation"},";"),a(`
3197  `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},";"),a(`
3198  `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(" number"),n("span",{class:"token punctuation"},";"),a(`
3199  `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},";"),a(`
3200`),n("span",{class:"token punctuation"},"}"),a(`
3201
3202`),n("span",{class:"token keyword"},"const"),a(" columns "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
3203  `),n("span",{class:"token punctuation"},"{"),a(`
3204    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Name'"),n("span",{class:"token punctuation"},","),a(`
3205    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
3206  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3207  `),n("span",{class:"token punctuation"},"{"),a(`
3208    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Age'"),n("span",{class:"token punctuation"},","),a(`
3209    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'age'"),n("span",{class:"token punctuation"},","),a(`
3210  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3211  `),n("span",{class:"token punctuation"},"{"),a(`
3212    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Address'"),n("span",{class:"token punctuation"},","),a(`
3213    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
3214  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3215`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
3216
3217`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token literal-property property"},"data"),n("span",{class:"token operator"},":"),a(" DataType"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
3218`),n("span",{class:"token keyword"},"for"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token keyword"},"let"),a(" i "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},";"),a(" i "),n("span",{class:"token operator"},"<"),a(),n("span",{class:"token number"},"46"),n("span",{class:"token punctuation"},";"),a(" i"),n("span",{class:"token operator"},"++"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
3219  data`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"push"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
3220    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(" i"),n("span",{class:"token punctuation"},","),a(`
3221    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token string"},"Edward King "),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),a("i"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},","),a(`
3222    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
3223    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token string"},"London, Park Lane no. "),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),a("i"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},","),a(`
3224  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
3225`),n("span",{class:"token punctuation"},"}"),a(`
3226
3227`),n("span",{class:"token keyword"},"const"),a(" state "),n("span",{class:"token operator"},"="),a(" reactive"),n("span",{class:"token operator"},"<"),n("span",{class:"token punctuation"},"{"),a(`
3228  `),n("span",{class:"token literal-property property"},"selectedRowKeys"),n("span",{class:"token operator"},":"),a(" Key"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
3229  `),n("span",{class:"token literal-property property"},"loading"),n("span",{class:"token operator"},":"),a(" boolean"),n("span",{class:"token punctuation"},";"),a(`
3230`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
3231  `),n("span",{class:"token literal-property property"},"selectedRowKeys"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token comment"},"// Check here to configure the default column"),a(`
3232  `),n("span",{class:"token literal-property property"},"loading"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},","),a(`
3233`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
3234`),n("span",{class:"token keyword"},"const"),a(" hasSelected "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"computed"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(" state"),n("span",{class:"token punctuation"},"."),a("selectedRowKeys"),n("span",{class:"token punctuation"},"."),a("length "),n("span",{class:"token operator"},">"),a(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
3235
3236`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"start"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
3237  state`),n("span",{class:"token punctuation"},"."),a("loading "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},";"),a(`
3238  `),n("span",{class:"token comment"},"// ajax request after empty completing"),a(`
3239  `),n("span",{class:"token function"},"setTimeout"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
3240    state`),n("span",{class:"token punctuation"},"."),a("loading "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},";"),a(`
3241    state`),n("span",{class:"token punctuation"},"."),a("selectedRowKeys "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
3242  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token number"},"1000"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
3243`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
3244`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"onSelectChange"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"selectedRowKeys"),n("span",{class:"token operator"},":"),a(" Key"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
3245  console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'selectedRowKeys changed: '"),n("span",{class:"token punctuation"},","),a(" selectedRowKeys"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
3246  state`),n("span",{class:"token punctuation"},"."),a("selectedRowKeys "),n("span",{class:"token operator"},"="),a(" selectedRowKeys"),n("span",{class:"token punctuation"},";"),a(`
3247`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
3248`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"}

3248,"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
3249`)])],-1)])]),jsVersionHtml:d(()=>[...u[2]||(u[2]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
3250  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
3251    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),a(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"margin-bottom"),n("span",{class:"token punctuation"},":"),a(" 16px")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),a(`
3252      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-button")]),a(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("primary"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":disabled"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("!hasSelected"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":loading"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("state.loading"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("start"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
3253        Reload
3254      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-button")]),n("span",{class:"token punctuation"},">")]),a(`
3255      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("span")]),a(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"margin-left"),n("span",{class:"token punctuation"},":"),a(" 8px")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),a(`
3256        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("hasSelected"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("\n          {{ `Selected ${state.selectedRowKeys.length} items` }}\n        "),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
3257      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("span")]),n("span",{class:"token punctuation"},">")]),a(`
3258    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
3259    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table")]),a(`
3260      `),n("span",{class:"token attr-name"},":row-selection"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ selectedRowKeys: state.selectedRowKeys, onChange: onSelectChange }"),n("span",{class:"token punctuation"},'"')]),a(`
3261      `),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"}

3261,'"'),a("columns"),n("span",{class:"token punctuation"},'"')]),a(`
3262      `),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("data"),n("span",{class:"token punctuation"},'"')]),a(`
3263    `),n("span",{class:"token punctuation"},"/>")]),a(`
3264  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
3265`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
3266`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),n("span",{class:"token attr-name"},"setup"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
3267`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" computed"),n("span",{class:"token punctuation"},","),a(" reactive "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
3268`),n("span",{class:"token keyword"},"const"),a(" columns "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
3269  `),n("span",{class:"token punctuation"},"{"),a(`
3270    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Name'"),n("span",{class:"token punctuation"},","),a(`
3271    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
3272  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3273  `),n("span",{class:"token punctuation"},"{"),a(`
3274    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Age'"),n("span",{class:"token punctuation"},","),a(`
3275    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'age'"),n("span",{class:"token punctuation"},","),a(`
3276  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3277  `),n("span",{class:"token punctuation"},"{"),a(`
3278    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Address'"),n("span",{class:"token punctuation"},","),a(`
3279    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
3280  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3281`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
3282`),n("span",{class:"token keyword"},"const"),a(" data "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
3283`),n("span",{class:"token keyword"},"for"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token keyword"},"let"),a(" i "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},";"),a(" i "),n("span",{class:"token operator"},"<"),a(),n("span",{class:"token number"},"46"),n("span",{class:"token punctuation"},";"),a(" i"),n("span",{class:"token operator"},"++"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
3284  data`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"push"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
3285    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(" i"),n("span",{class:"token punctuation"},","),a(`
3286    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token string"},"Edward King "),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),a("i"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},","),a(`
3287    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
3288    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token string"},"London, Park Lane no. "),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),a("i"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},","),a(`
3289  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
3290`),n("span",{class:"token punctuation"},"}"),a(`
3291`),n("span",{class:"token keyword"},"const"),a(" state "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"reactive"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
3292  `),n("span",{class:"token literal-property property"},"selectedRowKeys"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
3293  `),n("span",{class:"token comment"},"// Check here to configure the default column"),a(`
3294  `),n("span",{class:"token literal-property property"},"loading"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},","),a(`
3295`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
3296`),n("span",{class:"token keyword"},"const"),a(" hasSelected "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"computed"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(" state"),n("span",{class:"token punctuation"},"."),a("selectedRowKeys"),n("span",{class:"token punctuation"},"."),a("length "),n("span",{class:"token operator"},">"),a(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
3297`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"start"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
3298  state`),n("span",{class:"token punctuation"},"."),a("loading "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},";"),a(`
3299  `),n("span",{class:"token comment"},"// ajax request after empty completing"),a(`
3300  `),n("span",{class:"token function"},"setTimeout"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
3301    state`),n("span",{class:"token punctuation"},"."),a("loading "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},";"),a(`
3302    state`),n("span",{class:"token punctuation"},"."),a("selectedRowKeys "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
3303  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token number"},"1000"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
3304`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
3305`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"onSelectChange"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token parameter"},"selectedRowKeys"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
3306  console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'selectedRowKeys changed: '"),n("span",{class:"token punctuation"},","),a(" selectedRowKeys"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
3307  state`),n("span",{class:"token punctuation"},"."),a("selectedRowKeys "),n("span",{class:"token operator"},"="),a(" selectedRowKeys"),n("span",{class:"token punctuation"},";"),a(`
3308`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
3309`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"}

3309,"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
3310`)])],-1)])]),_:1})}}}),xo=F({__name:"row-selection-custom",setup(t){const o=[{title:"Name",dataIndex:"name"},{title:"Age",dataIndex:"age"},{title:"Address",dataIndex:"address"}],p=[];for(let r=0;r<46;r++)p.push({key:r,name:`Edward King ${r}`,age:32,address:`London, Park Lane no. ${r}`});const c=S([]),s=r=>{console.log("selectedRowKeys changed: ",r),c.value=r},e=H(()=>({selectedRowKeys:P(c),onChange:s,hideDefaultSelections:!0,selections:[bn.SELECTION_ALL,bn.SELECTION_INVERT,bn.SELECTION_NONE,{key:"odd",text:"Select Odd Row",onSelect:r=>{let l=[];l=r.filter((u,i)=>i%2===0),c.value=l}},{key:"even",text:"Select Even Row",onSelect:r=>{let l=[];l=r.filter((u,i)=>i%2!==0),c.value=l}}]}));return(r,l)=>{const u=I("a-table"),i=I("demo-box");return m(),x(i,{jsfiddle:{us:"Use `rowSelection.selections` custom selections, default no select dropdown, show default selections via setting to `true`.",cn:"\u901A\u8FC7 `rowSelection.selections` \u81EA\u5B9A\u4E49\u9009\u62E9\u9879\uFF0C\u9ED8\u8BA4\u4E0D\u663E\u793A\u4E0B\u62C9\u9009\u9879\uFF0C\u8BBE\u4E3A `true` \u65F6\u663E\u793A\u9ED8\u8BA4\u9009\u62E9\u9879\u3002",docHtml:`<h2 id="zh-cn">zh-CN <a class="header-anchor" href="#zh-cn">
3311          <span aria-hidden="true" class="anchor">#</span>
3312        </a></h2>
3313<p>\u901A\u8FC7 <code>rowSelection.selections</code> \u81EA\u5B9A\u4E49\u9009\u62E9\u9879\uFF0C\u9ED8\u8BA4\u4E0D\u663E\u793A\u4E0B\u62C9\u9009\u9879\uFF0C\u8BBE\u4E3A <code>true</code> \u65F6\u663E\u793A\u9ED8\u8BA4\u9009\u62E9\u9879\u3002</p>
3314<h2 id="en-us">en-US <a class="header-anchor" href="#en-us">
3315          <span aria-hidden="true" class="anchor">#</span>
3316        </a></h2>
3317<p>Use <code>rowSelection.selections</code> custom selections, default no select dropdown, show default selections via setting to <code>true</code>.</p>
3318`,order:4,title:{"en-US":"Custom selection","zh-CN":"\u81EA\u5B9A\u4E49\u9009\u62E9\u9879"},relativePath:"components/table/demo/row-selection-custom.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXRhYmxlIDpyb3ctc2VsZWN0aW9uPSJyb3dTZWxlY3Rpb24iIDpjb2x1bW5zPSJjb2x1bW5zIiA6ZGF0YS1zb3VyY2U9ImRhdGEiIC8+CjwvdGVtcGxhdGU+CjxzY3JpcHQgbGFuZz0idHMiIHNldHVwPgppbXBvcnQgeyBjb21wdXRlZCwgcmVmLCB1bnJlZiB9IGZyb20gJ3Z1ZSc7CmltcG9ydCB7IFRhYmxlIH0gZnJvbSAnYW50LWRlc2lnbi12dWUnOwoKaW50ZXJmYWNlIERhdGFUeXBlIHsKICBrZXk6IHN0cmluZyB8IG51bWJlcjsKICBuYW1lOiBzdHJpbmc7CiAgYWdlOiBudW1iZXI7CiAgYWRkcmVzczogc3RyaW5nOwp9Cgpjb25zdCBjb2x1bW5zID0gWwogIHsKICAgIHRpdGxlOiAnTmFtZScsCiAgICBkYXRhSW5kZXg6ICduYW1lJywKICB9LAogIHsKICAgIHRpdGxlOiAnQWdlJywKICAgIGRhdGFJbmRleDogJ2FnZScsCiAgfSwKICB7CiAgICB0aXRsZTogJ0FkZHJlc3MnLAogICAgZGF0YUluZGV4OiAnYWRkcmVzcycsCiAgfSwKXTsKCmNvbnN0IGRhdGE6IERhdGFUeXBlW10gPSBbXTsKZm9yIChsZXQgaSA9IDA7IGkgPCA0NjsgaSsrKSB7CiAgZGF0YS5wdXNoKHsKICAgIGtleTogaSwKICAgIG5hbWU6IGBFZHdhcmQgS2luZyAke2l9YCwKICAgIGFnZTogMzIsCiAgICBhZGRyZXNzOiBgTG9uZG9uLCBQYXJrIExhbmUgbm8uICR7aX1gLAogIH0pOwp9Cgpjb25zdCBzZWxlY3RlZFJvd0tleXMgPSByZWY8RGF0YVR5cGVbJ2tleSddW10+KFtdKTsgLy8gQ2hlY2sgaGVyZSB0byBjb25maWd1cmUgdGhlIGRlZmF1bHQgY29sdW1uCgpjb25zdCBvblNlbGVjdENoYW5nZSA9IChjaGFuZ2FibGVSb3dLZXlzOiBzdHJpbmdbXSkgPT4gewogIGNvbnNvbGUubG9nKCdzZWxlY3RlZFJvd0tleXMgY2hhbmdlZDogJywgY2hhbmdhYmxlUm93S2V5cyk7CiAgc2VsZWN0ZWRSb3dLZXlzLnZhbHVlID0gY2hhbmdhYmxlUm93S2V5czsKfTsKCmNvbnN0IHJvd1NlbGVjdGlvbiA9IGNvbXB1dGVkKCgpID0+IHsKICByZXR1cm4gewogICAgc2VsZWN0ZWRSb3dLZXlzOiB1bnJlZihzZWxlY3RlZFJvd0tleXMpLAogICAgb25DaGFuZ2U6IG9uU2VsZWN0Q2hhbmdlLAogICAgaGlkZURlZmF1bHRTZWxlY3Rpb25zOiB0cnVlLAogICAgc2VsZWN0aW9uczogWwogICAgICBUYWJsZS5TRUxFQ1RJT05fQUxMLAogICAgICBUYWJsZS5TRUxFQ1RJT05fSU5WRVJULAogICAgICBUYWJsZS5TRUxFQ1RJT05fTk9ORSwKICAgICAgewogICAgICAgIGtleTogJ29kZCcsCiAgICAgICAgdGV4dDogJ1NlbGVjdCBPZGQgUm93JywKICAgICAgICBvblNlbGVjdDogY2hhbmdhYmxlUm93S2V5cyA9PiB7CiAgICAgICAgICBsZXQgbmV3U2VsZWN0ZWRSb3dLZXlzID0gW107CiAgICAgICAgICBuZXdTZWxlY3RlZFJvd0tleXMgPSBjaGFuZ2FibGVSb3dLZXlzLmZpbHRlcigoX2tleSwgaW5kZXgpID0+IHsKICAgICAgICAgICAgaWYgKGluZGV4ICUgMiAhPT0gMCkgewogICAgICAgICAgICAgIHJldHVybiBmYWxzZTsKICAgICAgICAgICAgfQogICAgICAgICAgICByZXR1cm4gdHJ1ZTsKICAgICAgICAgIH0pOwogICAgICAgICAgc2VsZWN0ZWRSb3dLZXlzLnZhbHVlID0gbmV3U2VsZWN0ZWRSb3dLZXlzOwogICAgICAgI

3318H0sCiAgICAgIH0sCiAgICAgIHsKICAgICAgICBrZXk6ICdldmVuJywKICAgICAgICB0ZXh0OiAnU2VsZWN0IEV2ZW4gUm93JywKICAgICAgICBvblNlbGVjdDogY2hhbmdhYmxlUm93S2V5cyA9PiB7CiAgICAgICAgICBsZXQgbmV3U2VsZWN0ZWRSb3dLZXlzID0gW107CiAgICAgICAgICBuZXdTZWxlY3RlZFJvd0tleXMgPSBjaGFuZ2FibGVSb3dLZXlzLmZpbHRlcigoX2tleSwgaW5kZXgpID0+IHsKICAgICAgICAgICAgaWYgKGluZGV4ICUgMiAhPT0gMCkgewogICAgICAgICAgICAgIHJldHVybiB0cnVlOwogICAgICAgICAgICB9CiAgICAgICAgICAgIHJldHVybiBmYWxzZTsKICAgICAgICAgIH0pOwogICAgICAgICAgc2VsZWN0ZWRSb3dLZXlzLnZhbHVlID0gbmV3U2VsZWN0ZWRSb3dLZXlzOwogICAgICAgIH0sCiAgICAgIH0sCiAgICBdLAogIH07Cn0pOwo8L3NjcmlwdD4KCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXRhYmxlIDpyb3ctc2VsZWN0aW9uPSJyb3dTZWxlY3Rpb24iIDpjb2x1bW5zPSJjb2x1bW5zIiA6ZGF0YS1zb3VyY2U9ImRhdGEiIC8+CjwvdGVtcGxhdGU+CjxzY3JpcHQgc2V0dXA+CmltcG9ydCB7IGNvbXB1dGVkLCByZWYsIHVucmVmIH0gZnJvbSAndnVlJzsKaW1wb3J0IHsgVGFibGUgfSBmcm9tICdhbnQtZGVzaWduLXZ1ZSc7CmNvbnN0IGNvbHVtbnMgPSBbCiAgewogICAgdGl0bGU6ICdOYW1lJywKICAgIGRhdGFJbmRleDogJ25hbWUnLAogIH0sCiAgewogICAgdGl0bGU6ICdBZ2UnLAogICAgZGF0YUluZGV4OiAnYWdlJywKICB9LAogIHsKICAgIHRpdGxlOiAnQWRkcmVzcycsCiAgICBkYXRhSW5kZXg6ICdhZGRyZXNzJywKICB9LApdOwpjb25zdCBkYXRhID0gW107CmZvciAobGV0IGkgPSAwOyBpIDwgNDY7IGkrKykgewogIGRhdGEucHVzaCh7CiAgICBrZXk6IGksCiAgICBuYW1lOiBgRWR3YXJkIEtpbmcgJHtpfWAsCiAgICBhZ2U6IDMyLAogICAgYWRkcmVzczogYExvbmRvbiwgUGFyayBMYW5lIG5vLiAke2l9YCwKICB9KTsKfQpjb25zdCBzZWxlY3RlZFJvd0tleXMgPSByZWYoW10pOyAvLyBDaGVjayBoZXJlIHRvIGNvbmZpZ3VyZSB0aGUgZGVmYXVsdCBjb2x1bW4KCmNvbnN0IG9uU2VsZWN0Q2hhbmdlID0gY2hhbmdhYmxlUm93S2V5cyA9PiB7CiAgY29uc29sZS5sb2coJ3NlbGVjdGVkUm93S2V5cyBjaGFuZ2VkOiAnLCBjaGFuZ2FibGVSb3dLZXlzKTsKICBzZWxlY3RlZFJvd0tleXMudmFsdWUgPSBjaGFuZ2FibGVSb3dLZXlzOwp9Owpjb25zdCByb3dTZWxlY3Rpb24gPSBjb21wdXRlZCgoKSA9PiB7CiAgcmV0dXJuIHsKICAgIHNlbGVjdGVkUm93S2V5czogdW5yZWYoc2VsZWN0ZWRSb3dLZXlzKSwKICAgIG9uQ2hhbmdlOiBvblNlbGVjdENoYW5nZSwKICAgIGhpZGVEZWZhdWx0U2VsZWN0aW9uczogdHJ1ZSwKICAgIHNlbGVjdGlvbnM6IFsKICAgICAgVGFibGUuU0VMRUNUSU9OX0FMTCwKICAgICAgVGFibGUuU0VMRUNUSU9OX0lOVkVSVCwKICAgICAgVGFibGUuU0VMRUNUSU9OX05PTkUsCiAgICAgIHsKICAgICAgICBrZXk6ICdvZGQnLAogICAgICAgIHRleHQ6ICdTZWxlY3QgT2RkIFJvdycsCiAgICAgICAgb25TZWxlY3Q6IGNoYW5nYWJsZVJvd0tleXMgPT4gewogICAgICAgICAgbGV0IG5ld1NlbGVjdGVkUm93S2V5cyA9IFtdOwogICAgICAgICAgbmV3U2VsZWN0ZWRSb3dLZXlzID0gY2hhbmdhYmxlUm93S2V5cy5maWx0ZXIoKF9rZXksIGluZGV4KSA9PiB7CiAgICAgICAgICAgIGlmIChpbmRleCAlIDIgIT09IDApIHsKICAgICAgICAgICAgICByZXR1cm4gZmFsc2U7CiAgICAgICAgICAgIH0KICAgICAgICAgICAgcmV0dXJuIHRydWU7CiAgICAgICAgICB9KTsKICAgICAgICAgIHNlbGVjdGVkUm93S2V5cy52YWx1ZSA9IG5ld1NlbGVjdGVkUm93S2V5czsKICAgICAgICB9LAogICAgICB9LAogICAgICB7CiAgICAgICAga2V5OiAnZXZlbicsCiAgICAgICAgdGV4dDogJ1NlbGVjdCBFdmVuIFJvdycsCiAgICAgICAgb25TZWxlY3Q6IGNoYW5nYWJsZVJvd0tleXMgPT4gewogICAgICAgICAgbGV0IG5ld1NlbGVjdGVkUm93S2V5cyA9IFtdOwogICAgICAgICAgbmV3U2VsZWN0ZWRSb3dLZXlzID0gY2hhbmdhYmxlUm93S2V5cy5maWx0ZXIoKF9rZXksIGluZGV4KSA9PiB7CiAgICAgICAgICAgIGlmIChpbmRleCAlIDIgIT09IDApIHsKICAgICAgICAgICAgICByZXR1cm4gdHJ1ZTsKICAgICAgICAgICAgfQogICAgICAgICAgICByZXR1cm4gZmFsc2U7CiAgICAgICAgICB9KTsKICAgICAgICAgIHNlbGVjdGVkUm93S2V5cy52YWx1ZSA9IG5ld1NlbGVjdGVkUm93S2V5czsKICAgICAgICB9LAogICAgICB9LAogICAgXSwKICB9Owp9KTsKPC9zY3JpcHQ+"}},{default:d(()=>[C(u,{"row-selection":e.value,columns:o,"data-source":p},null,8,["row-selection"])]),htmlCode:d(()=>[...l[0]||(l[0]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
3319  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table")]),a(),n("span",{class:"token attr-name"},":row-selection"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("rowSelection"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("columns"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("data"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
3320`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
3321`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"}

3321,"<"),a("script")]),a(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ts"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"setup"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
3322`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" computed"),n("span",{class:"token punctuation"},","),a(" ref"),n("span",{class:"token punctuation"},","),a(" unref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
3323`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" Table "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'ant-design-vue'"),n("span",{class:"token punctuation"},";"),a(`
3324
3325`),n("span",{class:"token keyword"},"interface"),a(),n("span",{class:"token class-name"},"DataType"),a(),n("span",{class:"token punctuation"},"{"),a(`
3326  `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(" string "),n("span",{class:"token operator"},"|"),a(" number"),n("span",{class:"token punctuation"},";"),a(`
3327  `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},";"),a(`
3328  `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(" number"),n("span",{class:"token punctuation"},";"),a(`
3329  `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},";"),a(`
3330`),n("span",{class:"token punctuation"},"}"),a(`
3331
3332`),n("span",{class:"token keyword"},"const"),a(" columns "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
3333  `),n("span",{class:"token punctuation"},"{"),a(`
3334    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Name'"),n("span",{class:"token punctuation"},","),a(`
3335    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
3336  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3337  `),n("span",{class:"token punctuation"},"{"),a(`
3338    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Age'"),n("span",{class:"token punctuation"},","),a(`
3339    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'age'"),n("span",{class:"token punctuation"},","),a(`
3340  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3341  `),n("span",{class:"token punctuation"},"{"),a(`
3342    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Address'"),n("span",{class:"token punctuation"},","),a(`
3343    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
3344  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3345`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
3346
3347`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token literal-property property"},"data"),n("span",{class:"token operator"},":"),a(" DataType"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
3348`),n("span",{class:"token keyword"},"for"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token keyword"},"let"),a(" i "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},";"),a(" i "),n("span",{class:"token operator"},"<"),a(),n("span",{class:"token number"},"46"),n("span",{class:"token punctuation"},";"),a(" i"),n("span",{class:"token operator"},"++"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
3349  data`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"push"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
3350    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(" i"),n("span",{class:"token punctuation"},","),a(`
3351    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token string"},"Edward King "),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),a("i"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},","),a(`
3352    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
3353    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token string"},"London, Park Lane no. "),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),a("i"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},","),a(`
3354  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
3355`),n("span",{class:"token punctuation"},"}"),a(`
3356
3357`),n("span",{class:"token keyword"},"const"),a(" selectedRowKeys "),n("span",{class:"token operator"},"="),a(" ref"),n("span",{class:"token operator"},"<"),a("DataType"),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'key'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(),n("span",{class:"token comment"},"// Check here to configure the default column"),a(`
3358
3359`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"onSelectChange"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"changableRowKeys"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
3360  console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'selectedRowKeys changed: '"),n("span",{class:"token punctuation"},","),a(" changableRowKeys"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
3361  selectedRowKeys`),n("span",{class:"token punctuation"},"."),a("value "),n("span",{class:"token operator"},"="),a(" changableRowKeys"),n("span",{class:"token punctuation"},";"),a(`
3362`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
3363
3364`),n("span",{class:"token keyword"},"const"),a(" rowSelection "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"computed"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
3365  `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
3366    `),n("span",{class:"token literal-property property"},"selectedRowKeys"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token function"},"unref"),n("span",{class:"token punctuation"},"("),a("selectedRowKeys"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
3367    `),n("span",{class:"token literal-property property"},"onChange"),n("span",{class:"token operator"},":"),a(" onSelectChange"),n("span",{class:"token punctuation"},","),a(`
3368    `),n("span",{class:"token literal-property property"},"hideDefaultSelections"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},","),a(`
3369    `),n("span",{class:"token literal-property property"},"selections"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(`
3370      Table`),n("span",{class:"token punctuation"},"."),n("span",{class:"token constant"},"SELECTION_ALL"),n("span",{class:"token punctuation"},","),a(`
3371      Table`),n("span",{class:"token punctuation"},"."),n("span",{class:"token constant"},"SELECTION_INVERT"),n("span",{class:"token punctuation"},","),a(`
3372      Table`),n("span",{class:"token punctuation"},"."),n("span",{class:"token constant"},"SELECTION_NONE"),n("span",{class:"token punctuation"},","),a(`
3373      `),n("span",{class:"token punctuation"},"{"),a(`
3374        `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'odd'"),n("span",{class:"token punctuation"},","),a(`
3375        `),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Select Odd Row'"),n("span",{class:"token punctuation"},","),a(`
3376        `),n("span",{class:"token function-variable function"},"onSelect"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token parameter"},"changableRowKeys"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
3377          `),n("span",{class:"token keyword"},"let"),a(" newSelectedRowKeys "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
3378          newSelectedRowKeys `),n("span",{class:"token operator"},"="),a(" changableRowKeys"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"filter"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("_key"),n("span",{class:"token punctuation"}

3378,","),a(" index")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
3379            `),n("span",{class:"token keyword"},"if"),a(),n("span",{class:"token punctuation"},"("),a("index "),n("span",{class:"token operator"},"%"),a(),n("span",{class:"token number"},"2"),a(),n("span",{class:"token operator"},"!=="),a(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
3380              `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},";"),a(`
3381            `),n("span",{class:"token punctuation"},"}"),a(`
3382            `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},";"),a(`
3383          `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
3384          selectedRowKeys`),n("span",{class:"token punctuation"},"."),a("value "),n("span",{class:"token operator"},"="),a(" newSelectedRowKeys"),n("span",{class:"token punctuation"},";"),a(`
3385        `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3386      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3387      `),n("span",{class:"token punctuation"},"{"),a(`
3388        `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'even'"),n("span",{class:"token punctuation"},","),a(`
3389        `),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Select Even Row'"),n("span",{class:"token punctuation"},","),a(`
3390        `),n("span",{class:"token function-variable function"},"onSelect"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token parameter"},"changableRowKeys"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
3391          `),n("span",{class:"token keyword"},"let"),a(" newSelectedRowKeys "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
3392          newSelectedRowKeys `),n("span",{class:"token operator"},"="),a(" changableRowKeys"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"filter"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("_key"),n("span",{class:"token punctuation"},","),a(" index")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
3393            `),n("span",{class:"token keyword"},"if"),a(),n("span",{class:"token punctuation"},"("),a("index "),n("span",{class:"token operator"},"%"),a(),n("span",{class:"token number"},"2"),a(),n("span",{class:"token operator"},"!=="),a(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
3394              `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},";"),a(`
3395            `),n("span",{class:"token punctuation"},"}"),a(`
3396            `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},";"),a(`
3397          `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
3398          selectedRowKeys`),n("span",{class:"token punctuation"},"."),a("value "),n("span",{class:"token operator"},"="),a(" newSelectedRowKeys"),n("span",{class:"token punctuation"},";"),a(`
3399        `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3400      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3401    `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
3402  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
3403`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
3404`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"}

3404,"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
3405`)])],-1)])]),jsVersionHtml:d(()=>[...l[1]||(l[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
3406  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table")]),a(),n("span",{class:"token attr-name"},":row-selection"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("rowSelection"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("columns"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("data"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
3407`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
3408`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),n("span",{class:"token attr-name"},"setup"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
3409`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" computed"),n("span",{class:"token punctuation"},","),a(" ref"),n("span",{class:"token punctuation"},","),a(" unref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
3410`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" Table "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'ant-design-vue'"),n("span",{class:"token punctuation"},";"),a(`
3411`),n("span",{class:"token keyword"},"const"),a(" columns "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
3412  `),n("span",{class:"token punctuation"},"{"),a(`
3413    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Name'"),n("span",{class:"token punctuation"},","),a(`
3414    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
3415  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3416  `),n("span",{class:"token punctuation"},"{"),a(`
3417    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Age'"),n("span",{class:"token punctuation"},","),a(`
3418    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'age'"),n("span",{class:"token punctuation"},","),a(`
3419  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3420  `),n("span",{class:"token punctuation"},"{"),a(`
3421    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Address'"),n("span",{class:"token punctuation"},","),a(`
3422    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
3423  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3424`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
3425`),n("span",{class:"token keyword"},"const"),a(" data "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
3426`),n("span",{class:"token keyword"},"for"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token keyword"},"let"),a(" i "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},";"),a(" i "),n("span",{class:"token operator"},"<"),a(),n("span",{class:"token number"},"46"),n("span",{class:"token punctuation"},";"),a(" i"),n("span",{class:"token operator"},"++"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
3427  data`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"push"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
3428    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(" i"),n("span",{class:"token punctuation"},","),a(`
3429    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token string"},"Edward King "),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),a("i"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},","),a(`
3430    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
3431    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token string"},"London, Park Lane no. "),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),a("i"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},","),a(`
3432  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
3433`),n("span",{class:"token punctuation"},"}"),a(`
3434`),n("span",{class:"token keyword"},"const"),a(" selectedRowKeys "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(),n("span",{class:"token comment"},"// Check here to configure the default column"),a(`
3435
3436`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"onSelectChange"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token parameter"},"changableRowKeys"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
3437  console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'selectedRowKeys changed: '"),n("span",{class:"token punctuation"},","),a(" changableRowKeys"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
3438  selectedRowKeys`),n("span",{class:"token punctuation"},"."),a("value "),n("span",{class:"token operator"},"="),a(" changableRowKeys"),n("span",{class:"token punctuation"},";"),a(`
3439`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
3440`),n("span",{class:"token keyword"},"const"),a(" rowSelection "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"computed"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
3441  `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
3442    `),n("span",{class:"token literal-property property"},"selectedRowKeys"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token function"},"unref"),n("span",{class:"token punctuation"},"("),a("selectedRowKeys"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
3443    `),n("span",{class:"token literal-property property"},"onChange"),n("span",{class:"token operator"},":"),a(" onSelectChange"),n("span",{class:"token punctuation"},","),a(`
3444    `),n("span",{class:"token literal-property property"},"hideDefaultSelections"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},","),a(`
3445    `),n("span",{class:"token literal-property property"},"selections"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(`
3446      Table`),n("span",{class:"token punctuation"},"."),n("span",{class:"token constant"},"SELECTION_ALL"),n("span",{class:"token punctuation"},","),a(`
3447      Table`),n("span",{class:"token punctuation"},"."),n("span",{class:"token constant"},"SELECTION_INVERT"),n("span",{class:"token punctuation"},","),a(`
3448      Table`),n("span",{class:"token punctuation"},"."),n("span",{class:"token constant"},"SELECTION_NONE"),n("span",{class:"token punctuation"},","),a(`
3449      `),n("span",{class:"token punctuation"},"{"),a(`
3450        `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'odd'"),n("span",{class:"token punctuation"},","),a(`
3451        `),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Select Odd Row'"),n("span",{class:"token punctuation"},","),a(`
3452        `),n("span",{class:"token function-variable function"},"onSelect"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token parameter"},"changableRowKeys"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
3453          `),n("span",{class:"token keyword"},"let"),a(" newSelectedRowKeys "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
3454          newSelectedRowKeys `),n("span",{class:"token operator"},"="),a(" changableRowKeys"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"filter"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("_key"),n("span",{class:"token punctuation"}

3454,","),a(" index")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
3455            `),n("span",{class:"token keyword"},"if"),a(),n("span",{class:"token punctuation"},"("),a("index "),n("span",{class:"token operator"},"%"),a(),n("span",{class:"token number"},"2"),a(),n("span",{class:"token operator"},"!=="),a(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
3456              `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},";"),a(`
3457            `),n("span",{class:"token punctuation"},"}"),a(`
3458            `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},";"),a(`
3459          `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
3460          selectedRowKeys`),n("span",{class:"token punctuation"},"."),a("value "),n("span",{class:"token operator"},"="),a(" newSelectedRowKeys"),n("span",{class:"token punctuation"},";"),a(`
3461        `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3462      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3463      `),n("span",{class:"token punctuation"},"{"),a(`
3464        `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'even'"),n("span",{class:"token punctuation"},","),a(`
3465        `),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Select Even Row'"),n("span",{class:"token punctuation"},","),a(`
3466        `),n("span",{class:"token function-variable function"},"onSelect"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token parameter"},"changableRowKeys"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
3467          `),n("span",{class:"token keyword"},"let"),a(" newSelectedRowKeys "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
3468          newSelectedRowKeys `),n("span",{class:"token operator"},"="),a(" changableRowKeys"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"filter"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("_key"),n("span",{class:"token punctuation"},","),a(" index")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
3469            `),n("span",{class:"token keyword"},"if"),a(),n("span",{class:"token punctuation"},"("),a("index "),n("span",{class:"token operator"},"%"),a(),n("span",{class:"token number"},"2"),a(),n("span",{class:"token operator"},"!=="),a(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
3470              `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},";"),a(`
3471            `),n("span",{class:"token punctuation"},"}"),a(`
3472            `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},";"),a(`
3473          `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
3474          selectedRowKeys`),n("span",{class:"token punctuation"},"."),a("value "),n("span",{class:"token operator"},"="),a(" newSelectedRowKeys"),n("span",{class:"token punctuation"},";"),a(`
3475        `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3476      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3477    `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
3478  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
3479`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
3480`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"}

3480,"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
3481`)])],-1)])]),_:1})}}}),Fo={key:0},So=F({__name:"row-selection",setup(t){const o=[{title:"Name",dataIndex:"name"},{title:"Age",dataIndex:"age"},{title:"Address",dataIndex:"address"}],p=[{key:"1",name:"John Brown",age:32,address:"New York No. 1 Lake Park"},{key:"2",name:"Jim Green",age:42,address:"London No. 1 Lake Park"},{key:"3",name:"Joe Black",age:32,address:"Sidney No. 1 Lake Park"},{key:"4",name:"Disabled User",age:99,address:"Sidney No. 1 Lake Park"}],c={onChange:(s,e)=>{console.log(`selectedRowKeys: ${s}`,"selectedRows: ",e)},getCheckboxProps:s=>({disabled:s.name==="Disabled User",name:s.name})};return(s,e)=>{const r=I("a-table"),l=I("demo-box");return m(),x(l,{jsfiddle:{us:`Rows can be selectable by making first column as a selectable column.
3482selection happens when clicking checkbox defaultly. You can see https://codesandbox.io/s/row-selection-on-click-tr58v if you need row-click selection behavior.`,cn:"\u7B2C\u4E00\u5217\u662F\u8054\u52A8\u7684\u9009\u62E9\u6846\u3002\n\u9ED8\u8BA4\u70B9\u51FB checkbox \u89E6\u53D1\u9009\u62E9\u884C\u4E3A\uFF0C\u9700\u8981 `\u70B9\u51FB\u884C` \u89E6\u53D1\u53EF\u53C2\u8003\u4F8B\u5B50\uFF1Ahttps://codesandbox.io/s/row-selection-on-click-tr58v",docHtml:`<h2 id="zh-cn">zh-CN <a class="header-anchor" href="#zh-cn">
3483          <span aria-hidden="true" class="anchor">#</span>
3484        </a></h2>
3485<p>\u7B2C\u4E00\u5217\u662F\u8054\u52A8\u7684\u9009\u62E9\u6846\u3002
3486\u9ED8\u8BA4\u70B9\u51FB checkbox \u89E6\u53D1\u9009\u62E9\u884C\u4E3A\uFF0C\u9700\u8981 <code>\u70B9\u51FB\u884C</code> \u89E6\u53D1\u53EF\u53C2\u8003\u4F8B\u5B50\uFF1A<a href="https://codesandbox.io/s/row-selection-on-click-tr58v" target="_blank" rel="noopener noreferrer">https://codesandbox.io/s/row-selection-on-click-tr58v</a></p>
3487<h2 id="en-us">en-US <a class="header-anchor" href="#en-us">
3488          <span aria-hidden="true" class="anchor">#</span>
3489        </a></h2>
3490<p>Rows can be selectable by making first column as a selectable column.
3491selection happens when clicking checkbox defaultly. You can see <a href="https://codesandbox.io/s/row-selection-on-click-tr58v" target="_blank" rel="noopener noreferrer">https://codesandbox.io/s/row-selection-on-click-tr58v</a> if you need row-click selection behavior.</p>
3492`,order:2,title:{"en-US":"selection","zh-CN":"\u53EF\u9009\u62E9"},relativePath:"components/table/demo/row-selection.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXRhYmxlIDpyb3ctc2VsZWN0aW9uPSJyb3dTZWxlY3Rpb24iIDpjb2x1bW5zPSJjb2x1bW5zIiA6ZGF0YS1zb3VyY2U9ImRhdGEiPgogICAgPHRlbXBsYXRlICNib2R5Q2VsbD0ieyBjb2x1bW4sIHRleHQgfSI+CiAgICAgIDx0ZW1wbGF0ZSB2LWlmPSJjb2x1bW4uZGF0YUluZGV4ID09PSAnbmFtZSciPgogICAgICAgIDxhPnt7IHRleHQgfX08L2E+CiAgICAgIDwvdGVtcGxhdGU+CiAgICA8L3RlbXBsYXRlPgogIDwvYS10YWJsZT4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBsYW5nPSJ0cyIgc2V0dXA+CmltcG9ydCB0eXBlIHsgVGFibGVQcm9wcywgVGFibGVDb2x1bW5UeXBlIH0gZnJvbSAnYW50LWRlc2lnbi12dWUnOwoKaW50ZXJmYWNlIERhdGFUeXBlIHsKICBrZXk6IHN0cmluZzsKICBuYW1lOiBzdHJpbmc7CiAgYWdlOiBudW1iZXI7CiAgYWRkcmVzczogc3RyaW5nOwp9Cgpjb25zdCBjb2x1bW5zOiBUYWJsZUNvbHVtblR5cGU8RGF0YVR5cGU+W10gPSBbCiAgewogICAgdGl0bGU6ICdOYW1lJywKICAgIGRhdGFJbmRleDogJ25hbWUnLAogIH0sCiAgewogICAgdGl0bGU6ICdBZ2UnLAogICAgZGF0YUluZGV4OiAnYWdlJywKICB9LAogIHsKICAgIHRpdGxlOiAnQWRkcmVzcycsCiAgICBkYXRhSW5kZXg6ICdhZGRyZXNzJywKICB9LApdOwpjb25zdCBkYXRhOiBEYXRhVHlwZVtdID0gWwogIHsKICAgIGtleTogJzEnLAogICAgbmFtZTogJ0pvaG4gQnJvd24nLAogICAgYWdlOiAzMiwKICAgIGFkZHJlc3M6ICdOZXcgWW9yayBOby4gMSBMYWtlIFBhcmsnLAogIH0sCiAgewogICAga2V5OiAnMicsCiAgICBuYW1lOiAnSmltIEdyZWVuJywKICAgIGFnZTogNDIsCiAgICBhZGRyZXNzOiAnTG9uZG9uIE5vLiAxIExha2UgUGFyaycsCiAgfSwKICB7CiAgICBrZXk6ICczJywKICAgIG5hbWU6ICdKb2UgQmxhY2snLAogICAgYWdlOiAzMiwKICAgIGFkZHJlc3M6ICdTaWRuZXkgTm8uIDEgTGFrZSBQYXJrJywKICB9LAogIHsKICAgIGtleTogJzQnLAogICAgbmFtZTogJ0Rpc2FibGVkIFVzZXInLAogICAgYWdlOiA5OSwKICAgIGFkZHJlc3M6ICdTaWRuZXkgTm8uIDEgTGFrZSBQYXJrJywKICB9LApdOwoKY29uc3Qgcm93U2VsZWN0aW9uOiBUYWJsZVByb3BzWydyb3dTZWxlY3Rpb24nXSA9IHsKICBvbkNoYW5nZTogKHNlbGVjdGVkUm93S2V5czogc3RyaW5nW10sIHNlbGVjdGVkUm93czogRGF0YVR5cGVbXSkgPT4gewogICAgY29uc29sZS5sb2coYHNlbGVjdGVkUm93S2V5czogJHtzZWxlY3RlZFJvd0tleXN9YCwgJ3NlbGVjdGVkUm93czogJywgc2VsZWN0ZWRSb3dzKTsKICB9LAogIGdldENoZWNrYm94UHJvcHM6IChyZWNvcmQ6IERhdGFUeXBlKSA9PiAoewogICAgZGlzYWJsZWQ6IHJlY29yZC5uYW1lID09PSAnRGlzYWJsZWQgVXNlcicsIC8vIENvbHVtbiBjb25maWd1cmF0aW9uIG5vdCB0byBiZSBjaGVja2VkCiAgICBuYW1lOiByZWNvcmQubmFtZSwKICB9KSwKfTsKPC9zY3JpcHQ+Cgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXRhYmxlIDpyb3ctc2VsZWN0aW9uPSJyb3dTZWxlY3Rpb24iIDpjb2x1bW5zPSJjb2x1bW5zIiA6ZGF0YS1zb3VyY2U9ImRhdGEiPgogICAgPHRlbXBsYXRlICNib2R5Q2VsbD0ieyBjb2x1bW4sIHRleHQgfSI+CiAgICAgIDx0ZW1wbGF0ZSB2LWlmPSJjb2x1bW4uZGF0YUluZGV4ID09PSAnbmFtZSciPgogICAgICAgIDxhPnt7IHRleHQgfX08L2E+CiAgICAgIDwvdGVtcGxhdGU+CiAgICA8L3RlbXBsYXRlPgogIDwvYS10YWJsZT4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBzZXR1cD4KY29uc3QgY29sdW1ucyA9IFsKICB7CiAgICB0aXRsZTogJ05hbWUnLAogICAgZGF0YUluZGV4OiAnbmFtZScsCiAgfSwKICB7CiAgICB0aXRsZTogJ0FnZScsCiAgICBkYXRhSW5kZXg6ICdhZ2UnLAogIH0sCiAgewogICAgdGl0bGU6ICdBZGRyZXNzJywKICAgIGRhdGFJbmRleDogJ2FkZHJlc3MnLAogIH0sCl07CmNvbnN0IGRhdGEgPSBbCiAgewogICAga2V5OiAnMScsCiAgICBuYW1lOiAnSm9obiBCcm93bicsCiAgICBhZ2U6IDMyLAogICAgYWRkcmVzczogJ05ldyBZb3JrIE5vLiAxIExha2UgUGFyaycsCiAgfSwKICB7CiAgICBrZXk6ICcyJywKICAgIG5hbWU6ICdKaW0gR3JlZW4nLAogICAgYWdlOiA0MiwKICAgIGFkZHJlc3M6ICdMb25kb24gTm8uIDEgTGFrZSBQYXJrJywKICB9LAogIHsKICAgIGtleTogJzMnLAogICAgbmFtZTogJ0pvZSBCbGFjaycsCiAgICBhZ2U6IDMyLAogICAgYWRkcmVzczogJ1NpZG5leSBOby4gMSBMYWtlIFBhcmsnLAogIH0sCiAgewogICAga2V5OiAnNCcsCiAgICBuYW1lOiAnRGlzYWJsZWQgVXNlcicsCiAgICBhZ2U6IDk5LAogICAgYWRkcmVzczogJ1NpZG5leSBOby4gMSBMYWtlIFBhcmsnLAogIH0sCl07CmNvbnN0IHJvd1NlbGVjdGlvbiA9IHsKICBvbkNoYW5nZTogKHNlbGVjdGVkUm93S2V5cywgc2VsZWN0ZWRSb3dzKSA9PiB7CiAgICBjb25zb2xlLmxvZyhgc2VsZWN0ZWRSb3dLZXlzOiAke3NlbGVjdGVkUm93S2V5c31gLCAnc2VsZWN0ZWRSb3dzOiAnLCBzZWxlY3RlZFJvd3MpOwogIH0sCiAgZ2V0Q2hlY2tib3hQcm9wczogcmVjb3JkID0+ICh7CiAgICBkaXNhYmxlZDogcmVjb3JkLm5hbWUgPT09ICdEaXNhYmxlZCBVc2VyJywKICAgIC8vIENvbHVtbiBjb25maWd1cmF0aW9uIG5vdCB0byBiZSBjaGVja2VkCiAgICBuYW1lOiByZWNvcmQubmFtZSwKICB9KSwKfTsKZXhwb3J0IHt9Owo8L3NjcmlwdD4="}},{default:d(()=>[C(r,{"row-selection":c,columns:o,"data-source":p},{bodyCell:d(({column:u,text:i})=>[u.dataIndex==="name"?(m(),W("a",Fo,L(i),1)):K("",!0)]),_:1})]),htmlCode:d(()=>[...e[0]||(e[0]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
3493  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table")]),a(),n("span",{class:"token attr-name"},":row-selection"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("rowSelection"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"}

3493,'"'),a("columns"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("data"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
3494    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#bodyCell"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ column, text }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
3495      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("column.dataIndex === 'name'"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
3496        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a")]),n("span",{class:"token punctuation"},">")]),a("{{ text }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
3497      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
3498    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
3499  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table")]),n("span",{class:"token punctuation"},">")]),a(`
3500`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
3501`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ts"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"setup"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
3502`),n("span",{class:"token keyword"},"import"),a(" type "),n("span",{class:"token punctuation"},"{"),a(" TableProps"),n("span",{class:"token punctuation"},","),a(" TableColumnType "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'ant-design-vue'"),n("span",{class:"token punctuation"},";"),a(`
3503
3504`),n("span",{class:"token keyword"},"interface"),a(),n("span",{class:"token class-name"},"DataType"),a(),n("span",{class:"token punctuation"},"{"),a(`
3505  `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},";"),a(`
3506  `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},";"),a(`
3507  `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(" number"),n("span",{class:"token punctuation"},";"),a(`
3508  `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},";"),a(`
3509`),n("span",{class:"token punctuation"},"}"),a(`
3510
3511`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token literal-property property"},"columns"),n("span",{class:"token operator"},":"),a(" TableColumnType"),n("span",{class:"token operator"},"<"),a("DataType"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
3512  `),n("span",{class:"token punctuation"},"{"),a(`
3513    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Name'"),n("span",{class:"token punctuation"},","),a(`
3514    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
3515  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3516  `),n("span",{class:"token punctuation"},"{"),a(`
3517    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Age'"),n("span",{class:"token punctuation"},","),a(`
3518    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'age'"),n("span",{class:"token punctuation"},","),a(`
3519  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3520  `),n("span",{class:"token punctuation"},"{"),a(`
3521    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Address'"),n("span",{class:"token punctuation"},","),a(`
3522    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
3523  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3524`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
3525`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token literal-property property"},"data"),n("span",{class:"token operator"},":"),a(" DataType"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
3526  `),n("span",{class:"token punctuation"},"{"),a(`
3527    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'1'"),n("span",{class:"token punctuation"},","),a(`
3528    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'John Brown'"),n("span",{class:"token punctuation"},","),a(`
3529    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
3530    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'New York No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
3531  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3532  `),n("span",{class:"token punctuation"},"{"),a(`
3533    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'2'"),n("span",{class:"token punctuation"},","),a(`
3534    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jim Green'"),n("span",{class:"token punctuation"},","),a(`
3535    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"42"),n("span",{class:"token punctuation"},","),a(`
3536    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'London No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
3537  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3538  `),n("span",{class:"token punctuation"},"{"),a(`
3539    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'3'"),n("span",{class:"token punctuation"},","),a(`
3540    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Joe Black'"),n("span",{class:"token punctuation"},","),a(`
3541    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
3542    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"}

3542,"'Sidney No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
3543  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3544  `),n("span",{class:"token punctuation"},"{"),a(`
3545    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'4'"),n("span",{class:"token punctuation"},","),a(`
3546    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Disabled User'"),n("span",{class:"token punctuation"},","),a(`
3547    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"99"),n("span",{class:"token punctuation"},","),a(`
3548    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Sidney No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
3549  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3550`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
3551
3552`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token literal-property property"},"rowSelection"),n("span",{class:"token operator"},":"),a(" TableProps"),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'rowSelection'"),n("span",{class:"token punctuation"},"]"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"{"),a(`
3553  `),n("span",{class:"token function-variable function"},"onChange"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"selectedRowKeys"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"selectedRows"),n("span",{class:"token operator"},":"),a(" DataType"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
3554    console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token string"},"selectedRowKeys: "),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),a("selectedRowKeys"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token string"},"'selectedRows: '"),n("span",{class:"token punctuation"},","),a(" selectedRows"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
3555  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3556  `),n("span",{class:"token function-variable function"},"getCheckboxProps"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"record"),n("span",{class:"token operator"},":"),a(" DataType")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
3557    `),n("span",{class:"token literal-property property"},"disabled"),n("span",{class:"token operator"},":"),a(" record"),n("span",{class:"token punctuation"},"."),a("name "),n("span",{class:"token operator"},"==="),a(),n("span",{class:"token string"},"'Disabled User'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token comment"},"// Column configuration not to be checked"),a(`
3558    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(" record"),n("span",{class:"token punctuation"},"."),a("name"),n("span",{class:"token punctuation"},","),a(`
3559  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
3560`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
3561`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"}

3561,"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
3562`)])],-1)])]),jsVersionHtml:d(()=>[...e[1]||(e[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
3563  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table")]),a(),n("span",{class:"token attr-name"},":row-selection"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("rowSelection"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("columns"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("data"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
3564    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#bodyCell"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ column, text }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
3565      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("column.dataIndex === 'name'"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
3566        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a")]),n("span",{class:"token punctuation"},">")]),a("{{ text }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
3567      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
3568    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
3569  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table")]),n("span",{class:"token punctuation"},">")]),a(`
3570`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
3571`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),n("span",{class:"token attr-name"},"setup"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
3572`),n("span",{class:"token keyword"},"const"),a(" columns "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
3573  `),n("span",{class:"token punctuation"},"{"),a(`
3574    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Name'"),n("span",{class:"token punctuation"},","),a(`
3575    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
3576  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3577  `),n("span",{class:"token punctuation"},"{"),a(`
3578    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Age'"),n("span",{class:"token punctuation"},","),a(`
3579    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'age'"),n("span",{class:"token punctuation"},","),a(`
3580  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3581  `),n("span",{class:"token punctuation"},"{"),a(`
3582    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Address'"),n("span",{class:"token punctuation"},","),a(`
3583    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
3584  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3585`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
3586`),n("span",{class:"token keyword"},"const"),a(" data "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
3587  `),n("span",{class:"token punctuation"},"{"),a(`
3588    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'1'"),n("span",{class:"token punctuation"},","),a(`
3589    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'John Brown'"),n("span",{class:"token punctuation"},","),a(`
3590    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
3591    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'New York No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
3592  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3593  `),n("span",{class:"token punctuation"},"{"),a(`
3594    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'2'"),n("span",{class:"token punctuation"},","),a(`
3595    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jim Green'"),n("span",{class:"token punctuation"},","),a(`
3596    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"42"),n("span",{class:"token punctuation"},","),a(`
3597    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'London No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
3598  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3599  `),n("span",{class:"token punctuation"},"{"),a(`
3600    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'3'"),n("span",{class:"token punctuation"},","),a(`
3601    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Joe Black'"),n("span",{class:"token punctuation"},","),a(`
3602    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
3603    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"}

3603,"'Sidney No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
3604  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3605  `),n("span",{class:"token punctuation"},"{"),a(`
3606    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'4'"),n("span",{class:"token punctuation"},","),a(`
3607    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Disabled User'"),n("span",{class:"token punctuation"},","),a(`
3608    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"99"),n("span",{class:"token punctuation"},","),a(`
3609    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Sidney No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
3610  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3611`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
3612`),n("span",{class:"token keyword"},"const"),a(" rowSelection "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"{"),a(`
3613  `),n("span",{class:"token function-variable function"},"onChange"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("selectedRowKeys"),n("span",{class:"token punctuation"},","),a(" selectedRows")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
3614    console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token string"},"selectedRowKeys: "),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),a("selectedRowKeys"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token string"},"'selectedRows: '"),n("span",{class:"token punctuation"},","),a(" selectedRows"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
3615  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3616  `),n("span",{class:"token function-variable function"},"getCheckboxProps"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token parameter"},"record"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
3617    `),n("span",{class:"token literal-property property"},"disabled"),n("span",{class:"token operator"},":"),a(" record"),n("span",{class:"token punctuation"},"."),a("name "),n("span",{class:"token operator"},"==="),a(),n("span",{class:"token string"},"'Disabled User'"),n("span",{class:"token punctuation"},","),a(`
3618    `),n("span",{class:"token comment"},"// Column configuration not to be checked"),a(`
3619    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(" record"),n("span",{class:"token punctuation"},"."),a("name"),n("span",{class:"token punctuation"},","),a(`
3620  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
3621`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
3622`),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token punctuation"},"{"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
3623`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"}

3623,"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
3624`)])],-1)])]),_:1})}}}),Yo={id:"components-table-demo-size"},Jo=F({__name:"size",setup(t){const o=[{title:"Name",dataIndex:"name"},{title:"Age",dataIndex:"age"},{title:"Address",dataIndex:"address"}],p=[{key:"1",name:"John Brown",age:32,address:"New York No. 1 Lake Park"},{key:"2",name:"Jim Green",age:42,address:"London No. 1 Lake Park"},{key:"3",name:"Joe Black",age:32,address:"Sidney No. 1 Lake Park"}];return(c,s)=>{const e=I("a-table"),r=I("demo-box");return m(),x(r,{jsfiddle:{us:"There are two compacted table sizes: `middle` and `small`. The `small` size is used in Modals only.",cn:"\u4E24\u79CD\u7D27\u51D1\u578B\u7684\u5217\u8868\uFF0C\u5C0F\u578B\u5217\u8868\u53EA\u7528\u4E8E\u5BF9\u8BDD\u6846\u5185\u3002",docHtml:`<h2 id="zh-cn">zh-CN <a class="header-anchor" href="#zh-cn">
3625          <span aria-hidden="true" class="anchor">#</span>
3626        </a></h2>
3627<p>\u4E24\u79CD\u7D27\u51D1\u578B\u7684\u5217\u8868\uFF0C\u5C0F\u578B\u5217\u8868\u53EA\u7528\u4E8E\u5BF9\u8BDD\u6846\u5185\u3002</p>
3628<h2 id="en-us">en-US <a class="header-anchor" href="#en-us">
3629          <span aria-hidden="true" class="anchor">#</span>
3630        </a></h2>
3631<p>There are two compacted table sizes: <code>middle</code> and <code>small</code>. The <code>small</code> size is used in Modals only.</p>
3632`,order:98,title:{"en-US":"size","zh-CN":"\u7D27\u51D1\u578B"},relativePath:"components/table/demo/size.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXYgaWQ9ImNvbXBvbmVudHMtdGFibGUtZGVtby1zaXplIj4KICAgIDxoND5NaWRkbGUgc2l6ZSB0YWJsZTwvaDQ+CiAgICA8YS10YWJsZSA6Y29sdW1ucz0iY29sdW1ucyIgOmRhdGEtc291cmNlPSJkYXRhIiBzaXplPSJtaWRkbGUiIC8+CiAgICA8aDQ+U21hbGwgc2l6ZSB0YWJsZTwvaDQ+CiAgICA8YS10YWJsZSA6Y29sdW1ucz0iY29sdW1ucyIgOmRhdGEtc291cmNlPSJkYXRhIiBzaXplPSJzbWFsbCIgLz4KICA8L2Rpdj4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBsYW5nPSJ0cyIgc2V0dXA+CmNvbnN0IGNvbHVtbnMgPSBbCiAgeyB0aXRsZTogJ05hbWUnLCBkYXRhSW5kZXg6ICduYW1lJyB9LAogIHsgdGl0bGU6ICdBZ2UnLCBkYXRhSW5kZXg6ICdhZ2UnIH0sCiAgeyB0aXRsZTogJ0FkZHJlc3MnLCBkYXRhSW5kZXg6ICdhZGRyZXNzJyB9LApdOwpjb25zdCBkYXRhID0gWwogIHsKICAgIGtleTogJzEnLAogICAgbmFtZTogJ0pvaG4gQnJvd24nLAogICAgYWdlOiAzMiwKICAgIGFkZHJlc3M6ICdOZXcgWW9yayBOby4gMSBMYWtlIFBhcmsnLAogIH0sCiAgewogICAga2V5OiAnMicsCiAgICBuYW1lOiAnSmltIEdyZWVuJywKICAgIGFnZTogNDIsCiAgICBhZGRyZXNzOiAnTG9uZG9uIE5vLiAxIExha2UgUGFyaycsCiAgfSwKICB7CiAgICBrZXk6ICczJywKICAgIG5hbWU6ICdKb2UgQmxhY2snLAogICAgYWdlOiAzMiwKICAgIGFkZHJlc3M6ICdTaWRuZXkgTm8uIDEgTGFrZSBQYXJrJywKICB9LApdOwo8L3NjcmlwdD4KPHN0eWxlPgojY29tcG9uZW50cy10YWJsZS1kZW1vLXNpemUgaDQgewogIG1hcmdpbi1ib3R0b206IDE2cHg7Cn0KPC9zdHlsZT4K",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXYgaWQ9ImNvbXBvbmVudHMtdGFibGUtZGVtby1zaXplIj4KICAgIDxoND5NaWRkbGUgc2l6ZSB0YWJsZTwvaDQ+CiAgICA8YS10YWJsZSA6Y29sdW1ucz0iY29sdW1ucyIgOmRhdGEtc291cmNlPSJkYXRhIiBzaXplPSJtaWRkbGUiIC8+CiAgICA8aDQ+U21hbGwgc2l6ZSB0YWJsZTwvaDQ+CiAgICA8YS10YWJsZSA6Y29sdW1ucz0iY29sdW1ucyIgOmRhdGEtc291cmNlPSJkYXRhIiBzaXplPSJzbWFsbCIgLz4KICA8L2Rpdj4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBzZXR1cD4KY29uc3QgY29sdW1ucyA9IFsKICB7CiAgICB0aXRsZTogJ05hbWUnLAogICAgZGF0YUluZGV4OiAnbmFtZScsCiAgfSwKICB7CiAgICB0aXRsZTogJ0FnZScsCiAgICBkYXRhSW5kZXg6ICdhZ2UnLAogIH0sCiAgewogICAgdGl0bGU6ICdBZGRyZXNzJywKICAgIGRhdGFJbmRleDogJ2FkZHJlc3MnLAogIH0sCl07CmNvbnN0IGRhdGEgPSBbCiAgewogICAga2V5OiAnMScsCiAgICBuYW1lOiAnSm9obiBCcm93bicsCiAgICBhZ2U6IDMyLAogICAgYWRkcmVzczogJ05ldyBZb3JrIE5vLiAxIExha2UgUGFyaycsCiAgfSwKICB7CiAgICBrZXk6ICcyJywKICAgIG5hbWU6ICdKaW0gR3JlZW4nLAogICAgYWdlOiA0MiwKICAgIGFkZHJlc3M6ICdMb25kb24gTm8uIDEgTGFrZSBQYXJrJywKICB9LAogIHsKICAgIGtleTogJzMnLAogICAgbmFtZTogJ0pvZSBCbGFjaycsCiAgICBhZ2U6IDMyLAogICAgYWRkcmVzczogJ1NpZG5leSBOby4gMSBMYWtlIFBhcmsnLAogIH0sCl07Cjwvc2NyaXB0Pgo8c3R5bGU+CiNjb21wb25lbnRzLXRhYmxlLWRlbW8tc2l6ZSBoNCB7CiAgbWFyZ2luLWJvdHRvbTogMTZweDsKfQo8L3N0eWxlPg=="}},{default:d(()=>[n("div",Yo,[s[0]||(s[0]=n("h4",null,"Middle size table",-1)),C(e,{columns:o,"data-source":p,size:"middle"}),s[1]||(s[1]=n("h4",null,"Small size table",-1)),C(e,{columns:o,"data-source":p,size:"small"})])]),htmlCode:d(()=>[...s[2]||(s[2]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
3633  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),a(),n("span",{class:"token attr-name"},"id"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"}

3633,'"'),a("components-table-demo-size"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
3634    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("h4")]),n("span",{class:"token punctuation"},">")]),a("Middle size table"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("h4")]),n("span",{class:"token punctuation"},">")]),a(`
3635    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table")]),a(),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("columns"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("data"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("middle"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
3636    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("h4")]),n("span",{class:"token punctuation"},">")]),a("Small size table"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("h4")]),n("span",{class:"token punctuation"},">")]),a(`
3637    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table")]),a(),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("columns"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("data"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("small"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
3638  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
3639`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
3640`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ts"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"setup"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
3641`),n("span",{class:"token keyword"},"const"),a(" columns "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
3642  `),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Name'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3643  `),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Age'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'age'"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3644  `),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Address'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3645`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
3646`),n("span",{class:"token keyword"},"const"),a(" data "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
3647  `),n("span",{class:"token punctuation"},"{"),a(`
3648    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'1'"),n("span",{class:"token punctuation"},","),a(`
3649    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'John Brown'"),n("span",{class:"token punctuation"},","),a(`
3650    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
3651    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'New York No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
3652  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3653  `),n("span",{class:"token punctuation"},"{"),a(`
3654    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'2'"),n("span",{class:"token punctuation"},","),a(`
3655    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jim Green'"),n("span",{class:"token punctuation"},","),a(`
3656    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"42"),n("span",{class:"token punctuation"},","),a(`
3657    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'London No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
3658  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3659  `),n("span",{class:"token punctuation"},"{"),a(`
3660    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'3'"),n("span",{class:"token punctuation"},","),a(`
3661    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Joe Black'"),n("span",{class:"token punctuation"},","),a(`
3662    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
3663    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"}

3663,"'Sidney No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
3664  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3665`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
3666`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
3667`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("style")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token style"},[n("span",{class:"token language-css"},[a(`
3668`),n("span",{class:"token selector"},"#components-table-demo-size h4"),a(),n("span",{class:"token punctuation"},"{"),a(`
3669  `),n("span",{class:"token property"},"margin-bottom"),n("span",{class:"token punctuation"},":"),a(" 16px"),n("span",{class:"token punctuation"},";"),a(`
3670`),n("span",{class:"token punctuation"},"}"),a(`
3671`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("style")]),n("span",{class:"token punctuation"},">")]),a(`
3672`)])],-1)])]),jsVersionHtml:d(()=>[...s[3]||(s[3]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
3673  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),a(),n("span",{class:"token attr-name"},"id"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("components-table-demo-size"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
3674    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("h4")]),n("span",{class:"token punctuation"},">")]),a("Middle size table"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("h4")]),n("span",{class:"token punctuation"},">")]),a(`
3675    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table")]),a(),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("columns"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("data"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("middle"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
3676    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("h4")]),n("span",{class:"token punctuation"},">")]),a("Small size table"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("h4")]),n("span",{class:"token punctuation"},">")]),a(`
3677    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table")]),a(),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("columns"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("data"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("small"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
3678  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
3679`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
3680`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"}

3680,"<"),a("script")]),a(),n("span",{class:"token attr-name"},"setup"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
3681`),n("span",{class:"token keyword"},"const"),a(" columns "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
3682  `),n("span",{class:"token punctuation"},"{"),a(`
3683    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Name'"),n("span",{class:"token punctuation"},","),a(`
3684    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
3685  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3686  `),n("span",{class:"token punctuation"},"{"),a(`
3687    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Age'"),n("span",{class:"token punctuation"},","),a(`
3688    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'age'"),n("span",{class:"token punctuation"},","),a(`
3689  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3690  `),n("span",{class:"token punctuation"},"{"),a(`
3691    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Address'"),n("span",{class:"token punctuation"},","),a(`
3692    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
3693  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3694`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
3695`),n("span",{class:"token keyword"},"const"),a(" data "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
3696  `),n("span",{class:"token punctuation"},"{"),a(`
3697    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'1'"),n("span",{class:"token punctuation"},","),a(`
3698    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'John Brown'"),n("span",{class:"token punctuation"},","),a(`
3699    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
3700    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'New York No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
3701  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3702  `),n("span",{class:"token punctuation"},"{"),a(`
3703    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'2'"),n("span",{class:"token punctuation"},","),a(`
3704    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jim Green'"),n("span",{class:"token punctuation"},","),a(`
3705    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"42"),n("span",{class:"token punctuation"},","),a(`
3706    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'London No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
3707  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3708  `),n("span",{class:"token punctuation"},"{"),a(`
3709    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'3'"),n("span",{class:"token punctuation"},","),a(`
3710    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Joe Black'"),n("span",{class:"token punctuation"},","),a(`
3711    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
3712    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"}

3712,"'Sidney No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
3713  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3714`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
3715`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
3716`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("style")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token style"},[n("span",{class:"token language-css"},[a(`
3717`),n("span",{class:"token selector"},"#components-table-demo-size h4"),a(),n("span",{class:"token punctuation"},"{"),a(`
3718  `),n("span",{class:"token property"},"margin-bottom"),n("span",{class:"token punctuation"},":"),a(" 16px"),n("span",{class:"token punctuation"},";"),a(`
3719`),n("span",{class:"token punctuation"},"}"),a(`
3720`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("style")]),n("span",{class:"token punctuation"},">")]),a(`
3721`)])],-1)])]),_:1})}}});const Xo=F({__name:"template",setup(t){const o=[{key:"1",firstName:"John",lastName:"Brown",age:32,address:"New York No. 1 Lake Park",tags:["nice","developer"]},{key:"2",firstName:"Jim",lastName:"Green",age:42,address:"London No. 1 Lake Park",tags:["loser"]},{key:"3",firstName:"Joe",lastName:"Black",age:32,address:"Sidney No. 1 Lake Park",tags:["cool","teacher"]}];return(p,c)=>{const s=I("a-table-column"),e=I("a-table-column-group"),r=I("a-tag"),l=I("a-divider"),u=I("a-table"),i=I("demo-box");return m(),x(i,{jsfiddle:{us:"Using template style API.",cn:"\u4F7F\u7528 template \u98CE\u683C\u7684 API\u3002",docHtml:`<h2 id="zh-cn">zh-CN <a class="header-anchor" href="#zh-cn">
3722          <span aria-hidden="true" class="anchor">#</span>
3723        </a></h2>
3724<p>\u4F7F\u7528 template \u98CE\u683C\u7684 API\u3002</p>
3725<blockquote>
3726<p>\u4E0D\u63A8\u8350\u4F7F\u7528\uFF0C\u4F1A\u6709\u4E00\u5B9A\u7684\u6027\u80FD\u635F\u8017\u3002</p>
3727</blockquote>
3728<blockquote>
3729<p>\u8FD9\u4E2A\u53EA\u662F\u4E00\u4E2A\u63CF\u8FF0 <code>columns</code> \u7684\u8BED\u6CD5\u7CD6\uFF0C\u6240\u4EE5\u4F60\u4E0D\u80FD\u7528\u5176\u4ED6\u7EC4\u4EF6\u53BB\u5305\u88F9 <code>Column</code> \u548C <code>ColumnGroup</code>\u3002</p>
3730</blockquote>
3731<h2 id="en-us">en-US <a class="header-anchor" href="#en-us">
3732          <span aria-hidden="true" class="anchor">#</span>
3733        </a></h2>
3734<p>Using template style API.</p>
3735<blockquote>
3736<p>Not recommended, there will be a certain performance loss.</p>
3737</blockquote>
3738<blockquote>
3739<p>Since this is just a syntax sugar for the prop <code>columns</code>, so that you can't compose <code>Column</code> and <code>ColumnGroup</code> with other Components.</p>
3740</blockquote>
3741`,order:99,title:{"en-US":"template style API","zh-CN":"template \u98CE\u683C\u7684 API"},relativePath:"components/table/demo/template.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXRhYmxlIDpkYXRhLXNvdXJjZT0iZGF0YSI+CiAgICA8YS10YWJsZS1jb2x1bW4tZ3JvdXA+CiAgICAgIDx0ZW1wbGF0ZSAjdGl0bGU+PHNwYW4gc3R5bGU9ImNvbG9yOiAjMTg5MGZmIj5OYW1lPC9zcGFuPjwvdGVtcGxhdGU+CiAgICAgIDxhLXRhYmxlLWNvbHVtbiBrZXk9ImZpcnN0TmFtZSIgZGF0YS1pbmRleD0iZmlyc3ROYW1lIj4KICAgICAgICA8dGVtcGxhdGUgI3RpdGxlPjxzcGFuIHN0eWxlPSJjb2xvcjogIzE4OTBmZiI+Rmlyc3QgTmFtZTwvc3Bhbj48L3RlbXBsYXRlPgogICAgICA8L2EtdGFibGUtY29sdW1uPgogICAgICA8YS10YWJsZS1jb2x1bW4ga2V5PSJsYXN0TmFtZSIgdGl0bGU9Ikxhc3QgTmFtZSIgZGF0YS1pbmRleD0ibGFzdE5hbWUiIC8+CiAgICA8L2EtdGFibGUtY29sdW1uLWdyb3VwPgogICAgPGEtdGFibGUtY29sdW1uIGtleT0iYWdlIiB0aXRsZT0iQWdlIiBkYXRhLWluZGV4PSJhZ2UiIC8+CiAgICA8YS10YWJsZS1jb2x1bW4ga2V5PSJhZGRyZXNzIiB0aXRsZT0iQWRkcmVzcyIgZGF0YS1pbmRleD0iYWRkcmVzcyIgLz4KICAgIDxhLXRhYmxlLWNvbHVtbiBrZXk9InRhZ3MiIHRpdGxlPSJUYWdzIiBkYXRhLWluZGV4PSJ0YWdzIj4KICAgICAgPHRlbXBsYXRlICNkZWZhdWx0PSJ7IHRleHQ6IHRhZ3MgfSI+CiAgICAgICAgPHNwYW4+CiAgICAgICAgICA8YS10YWcgdi1mb3I9InRhZyBpbiB0YWdzIiA6a2V5PSJ0YWciIGNvbG9yPSJibHVlIj57eyB0YWcgfX08L2EtdGFnPgogICAgICAgIDwvc3Bhbj4KICAgICAgPC90ZW1wbGF0ZT4KICAgIDwvYS10YWJsZS1jb2x1bW4+CiAgICA8YS10YWJsZS1jb2x1bW4ga2V5PSJhY3Rpb24iIHRpdGxlPSJBY3Rpb24iPgogICAgICA8dGVtcGxhdGUgI2RlZmF1bHQ9InsgcmVjb3JkIH0iPgogICAgICAgIDxzcGFuPgogICAgICAgICAgPGE+QWN0aW9uIOS4gCB7eyByZWNvcmQuZmlyc3ROYW1lIH19PC9hPgogICAgICAgICAgPGEtZGl2aWRlciB0eXBlPSJ2ZXJ0aWNhbCIgLz4KICAgICAgICAgIDxhPkRlbGV0ZTwvYT4KICAgICAgICA8L3NwYW4+CiAgICAgIDwvdGVtcGxhdGU+CiAgICA8L2EtdGFibGUtY29sdW1uPgogIDwvYS10YWJsZT4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBsYW5nPSJ0cyIgc2V0dXA+CmNvbnN0IGRhdGEgPSBbCiAgewogICAga2V5OiAnMScsCiAgICBmaXJzdE5hbWU6ICdKb2huJywKICAgIGxhc3ROYW1lOiAnQnJvd24nLAogICAgYWdlOiAzMiwKICAgIGFkZHJlc3M6ICdOZXcgWW9yayBOby4gMSBMYWtlIFBhcmsnLAogICAgdGFnczogWyduaWNlJywgJ2RldmVsb3BlciddLAogIH0sCiAgewogICAga2V5OiAnMicsCiAgICBmaXJzdE5hbWU6ICdKaW0nLAogICAgbGFzdE5hbWU6ICdHcmVlbicsCiAgICBhZ2U6IDQyLAogICAgYWRkcmVzczogJ0xvbmRvbiBOby4gMSBMYWtlIFBhcmsnLAogICAgdGFnczogWydsb3NlciddLAogIH0sCiAgewogICAga2V5OiAnMycsCiAgICBmaXJzdE5hbWU6ICdKb2

3741UnLAogICAgbGFzdE5hbWU6ICdCbGFjaycsCiAgICBhZ2U6IDMyLAogICAgYWRkcmVzczogJ1NpZG5leSBOby4gMSBMYWtlIFBhcmsnLAogICAgdGFnczogWydjb29sJywgJ3RlYWNoZXInXSwKICB9LApdOwo8L3NjcmlwdD4KCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXRhYmxlIDpkYXRhLXNvdXJjZT0iZGF0YSI+CiAgICA8YS10YWJsZS1jb2x1bW4tZ3JvdXA+CiAgICAgIDx0ZW1wbGF0ZSAjdGl0bGU+PHNwYW4gc3R5bGU9ImNvbG9yOiAjMTg5MGZmIj5OYW1lPC9zcGFuPjwvdGVtcGxhdGU+CiAgICAgIDxhLXRhYmxlLWNvbHVtbiBrZXk9ImZpcnN0TmFtZSIgZGF0YS1pbmRleD0iZmlyc3ROYW1lIj4KICAgICAgICA8dGVtcGxhdGUgI3RpdGxlPjxzcGFuIHN0eWxlPSJjb2xvcjogIzE4OTBmZiI+Rmlyc3QgTmFtZTwvc3Bhbj48L3RlbXBsYXRlPgogICAgICA8L2EtdGFibGUtY29sdW1uPgogICAgICA8YS10YWJsZS1jb2x1bW4ga2V5PSJsYXN0TmFtZSIgdGl0bGU9Ikxhc3QgTmFtZSIgZGF0YS1pbmRleD0ibGFzdE5hbWUiIC8+CiAgICA8L2EtdGFibGUtY29sdW1uLWdyb3VwPgogICAgPGEtdGFibGUtY29sdW1uIGtleT0iYWdlIiB0aXRsZT0iQWdlIiBkYXRhLWluZGV4PSJhZ2UiIC8+CiAgICA8YS10YWJsZS1jb2x1bW4ga2V5PSJhZGRyZXNzIiB0aXRsZT0iQWRkcmVzcyIgZGF0YS1pbmRleD0iYWRkcmVzcyIgLz4KICAgIDxhLXRhYmxlLWNvbHVtbiBrZXk9InRhZ3MiIHRpdGxlPSJUYWdzIiBkYXRhLWluZGV4PSJ0YWdzIj4KICAgICAgPHRlbXBsYXRlICNkZWZhdWx0PSJ7IHRleHQ6IHRhZ3MgfSI+CiAgICAgICAgPHNwYW4+CiAgICAgICAgICA8YS10YWcgdi1mb3I9InRhZyBpbiB0YWdzIiA6a2V5PSJ0YWciIGNvbG9yPSJibHVlIj57eyB0YWcgfX08L2EtdGFnPgogICAgICAgIDwvc3Bhbj4KICAgICAgPC90ZW1wbGF0ZT4KICAgIDwvYS10YWJsZS1jb2x1bW4+CiAgICA8YS10YWJsZS1jb2x1bW4ga2V5PSJhY3Rpb24iIHRpdGxlPSJBY3Rpb24iPgogICAgICA8dGVtcGxhdGUgI2RlZmF1bHQ9InsgcmVjb3JkIH0iPgogICAgICAgIDxzcGFuPgogICAgICAgICAgPGE+QWN0aW9uIOS4gCB7eyByZWNvcmQuZmlyc3ROYW1lIH19PC9hPgogICAgICAgICAgPGEtZGl2aWRlciB0eXBlPSJ2ZXJ0aWNhbCIgLz4KICAgICAgICAgIDxhPkRlbGV0ZTwvYT4KICAgICAgICA8L3NwYW4+CiAgICAgIDwvdGVtcGxhdGU+CiAgICA8L2EtdGFibGUtY29sdW1uPgogIDwvYS10YWJsZT4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBzZXR1cD4KY29uc3QgZGF0YSA9IFsKICB7CiAgICBrZXk6ICcxJywKICAgIGZpcnN0TmFtZTogJ0pvaG4nLAogICAgbGFzdE5hbWU6ICdCcm93bicsCiAgICBhZ2U6IDMyLAogICAgYWRkcmVzczogJ05ldyBZb3JrIE5vLiAxIExha2UgUGFyaycsCiAgICB0YWdzOiBbJ25pY2UnLCAnZGV2ZWxvcGVyJ10sCiAgfSwKICB7CiAgICBrZXk6ICcyJywKICAgIGZpcnN0TmFtZTogJ0ppbScsCiAgICBsYXN0TmFtZTogJ0dyZWVuJywKICAgIGFnZTogNDIsCiAgICBhZGRyZXNzOiAnTG9uZG9uIE5vLiAxIExha2UgUGFyaycsCiAgICB0YWdzOiBbJ2xvc2VyJ10sCiAgfSwKICB7CiAgICBrZXk6ICczJywKICAgIGZpcnN0TmFtZTogJ0pvZScsCiAgICBsYXN0TmFtZTogJ0JsYWNrJywKICAgIGFnZTogMzIsCiAgICBhZGRyZXNzOiAnU2lkbmV5IE5vLiAxIExha2UgUGFyaycsCiAgICB0YWdzOiBbJ2Nvb2wnLCAndGVhY2hlciddLAogIH0sCl07Cjwvc2NyaXB0Pg=="}},{default:d(()=>[C(u,{"data-source":o},{default:d(()=>[C(e,null,{title:d(()=>[...c[0]||(c[0]=[n("span",{style:{color:"#1890ff"}},"Name",-1)])]),default:d(()=>[C(s,{key:"firstName","data-index":"firstName"},{title:d(()=>[...c[1]||(c[1]=[n("span",{style:{color:"#1890ff"}},"First Name",-1)])]),_:1}),C(s,{key:"lastName",title:"Last Name","data-index":"lastName"})]),_:1}),C(s,{key:"age",title:"Age","data-index":"age"}),C(s,{key:"address",title:"Address","data-index":"address"}),C(s,{key:"tags",title:"Tags","data-index":"tags"},{default:d(({text:g})=>[n("span",null,[(m(!0),W(O,null,dn(g,k=>(m(),x(r,{key:k,color:"blue"},{default:d(()=>[a(L(k),1)]),_:2},1024))),128))])]),_:1}),C(s,{key:"action",title:"Action"},{default:d(({record:g})=>[n("span",null,[n("a",null,"Action \u4E00 "+L(g.firstName),1),C(l,{type:"vertical"}),c[2]||(c[2]=n("a",null,"Delete",-1))])]),_:1})]),_:1})]),htmlCode:d(()=>[...c[3]||(c[3]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
3742  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table")]),a(),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("data"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
3743    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table-column-group")]),n("span",{class:"token punctuation"},">")]),a(`
3744      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#title"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("span")]),a(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"color"),n("span",{class:"token punctuation"},":"),a(" #1890ff")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),a("Name"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("span")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
3745      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table-column")]),a(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("firstName"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"data-index"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("firstName"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
3746        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#title"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("span")]),a(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"color"),n("span",{class:"token punctuation"},":"),a(" #1890ff")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),a("First Name"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("span")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
3747      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table-column")]),n("span",{class:"token punctuation"},">")]),a(`
3748      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table-column")]),a(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("lastName"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Last Name"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"data-index"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("lastName"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
3749    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table-column-group")]),n("span",{class:"token punctuation"},">")]),a(`
3750    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table-column")]),a(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("age"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Age"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"data-index"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("age"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
3751    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table-column")]),a(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("address"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Address"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"data-index"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("address"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
3752    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table-column")]),a(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("tags"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Tags"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"data-index"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("tags"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
3753      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#default"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ text: tags }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
3754        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("span")]),n("span",{class:"token punctuation"},">")]),a(`
3755          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tag")]),a(),n("span",{class:"token attr-name"},"v-for"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("tag in tags"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("tag"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"color"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("blue"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("{{ tag }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-tag")]),n("span",{class:"token punctuation"},">")]),a(`
3756        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("span")]),n("span",{class:"token punctuation"},">")]),a(`
3757      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
3758    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table-column")]),n("span",{class:"token punctuation"},">")]),a(`
3759    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table-column")]),a(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("action"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Action"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
3760      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#default"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ record }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
3761        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("span")]),n("span",{class:"token punctuation"},">")]),a(`
3762          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a")]),n("span",{class:"token punctuation"},">")]),a("Action \u4E00 {{ record.firstName }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
3763          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"}

3763,"<"),a("a-divider")]),a(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("vertical"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
3764          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a")]),n("span",{class:"token punctuation"},">")]),a("Delete"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
3765        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("span")]),n("span",{class:"token punctuation"},">")]),a(`
3766      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
3767    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table-column")]),n("span",{class:"token punctuation"},">")]),a(`
3768  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table")]),n("span",{class:"token punctuation"},">")]),a(`
3769`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
3770`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ts"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"setup"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
3771`),n("span",{class:"token keyword"},"const"),a(" data "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
3772  `),n("span",{class:"token punctuation"},"{"),a(`
3773    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'1'"),n("span",{class:"token punctuation"},","),a(`
3774    `),n("span",{class:"token literal-property property"},"firstName"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'John'"),n("span",{class:"token punctuation"},","),a(`
3775    `),n("span",{class:"token literal-property property"},"lastName"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Brown'"),n("span",{class:"token punctuation"},","),a(`
3776    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
3777    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'New York No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
3778    `),n("span",{class:"token literal-property property"},"tags"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'nice'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token string"},"'developer'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
3779  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3780  `),n("span",{class:"token punctuation"},"{"),a(`
3781    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'2'"),n("span",{class:"token punctuation"},","),a(`
3782    `),n("span",{class:"token literal-property property"},"firstName"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jim'"),n("span",{class:"token punctuation"},","),a(`
3783    `),n("span",{class:"token literal-property property"},"lastName"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Green'"),n("span",{class:"token punctuation"},","),a(`
3784    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"42"),n("span",{class:"token punctuation"},","),a(`
3785    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'London No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
3786    `),n("span",{class:"token literal-property property"},"tags"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'loser'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
3787  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3788  `),n("span",{class:"token punctuation"},"{"),a(`
3789    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'3'"),n("span",{class:"token punctuation"},","),a(`
3790    `),n("span",{class:"token literal-property property"},"firstName"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Joe'"),n("span",{class:"token punctuation"},","),a(`
3791    `),n("span",{class:"token literal-property property"},"lastName"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Black'"),n("span",{class:"token punctuation"},","),a(`
3792    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
3793    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"}

3793,"'Sidney No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
3794    `),n("span",{class:"token literal-property property"},"tags"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'cool'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token string"},"'teacher'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
3795  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3796`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
3797`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
3798`)])],-1)])]),jsVersionHtml:d(()=>[...c[4]||(c[4]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
3799  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table")]),a(),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("data"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
3800    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table-column-group")]),n("span",{class:"token punctuation"},">")]),a(`
3801      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#title"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("span")]),a(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"color"),n("span",{class:"token punctuation"},":"),a(" #1890ff")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),a("Name"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("span")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
3802      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table-column")]),a(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("firstName"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"data-index"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("firstName"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
3803        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#title"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("span")]),a(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"color"),n("span",{class:"token punctuation"},":"),a(" #1890ff")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),a("First Name"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("span")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
3804      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table-column")]),n("span",{class:"token punctuation"},">")]),a(`
3805      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table-column")]),a(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("lastName"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Last Name"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"data-index"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("lastName"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
3806    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table-column-group")]),n("span",{class:"token punctuation"},">")]),a(`
3807    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table-column")]),a(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("age"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Age"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"data-index"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("age"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
3808    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table-column")]),a(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("address"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Address"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"data-index"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("address"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
3809    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table-column")]),a(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("tags"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Tags"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"data-index"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("tags"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
3810      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#default"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ text: tags }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
3811        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("span")]),n("span",{class:"token punctuation"},">")]),a(`
3812          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tag")]),a(),n("span",{class:"token attr-name"},"v-for"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("tag in tags"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("tag"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"color"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("blue"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("{{ tag }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-tag")]),n("span",{class:"token punctuation"},">")]),a(`
3813        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("span")]),n("span",{class:"token punctuation"},">")]),a(`
3814      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
3815    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table-column")]),n("span",{class:"token punctuation"},">")]),a(`
3816    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table-column")]),a(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("action"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Action"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
3817      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#default"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ record }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
3818        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("span")]),n("span",{class:"token punctuation"},">")]),a(`
3819          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a")]),n("span",{class:"token punctuation"},">")]),a("Action \u4E00 {{ record.firstName }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
3820          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"}

3820,"<"),a("a-divider")]),a(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("vertical"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
3821          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a")]),n("span",{class:"token punctuation"},">")]),a("Delete"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
3822        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("span")]),n("span",{class:"token punctuation"},">")]),a(`
3823      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
3824    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table-column")]),n("span",{class:"token punctuation"},">")]),a(`
3825  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table")]),n("span",{class:"token punctuation"},">")]),a(`
3826`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
3827`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),n("span",{class:"token attr-name"},"setup"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
3828`),n("span",{class:"token keyword"},"const"),a(" data "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
3829  `),n("span",{class:"token punctuation"},"{"),a(`
3830    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'1'"),n("span",{class:"token punctuation"},","),a(`
3831    `),n("span",{class:"token literal-property property"},"firstName"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'John'"),n("span",{class:"token punctuation"},","),a(`
3832    `),n("span",{class:"token literal-property property"},"lastName"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Brown'"),n("span",{class:"token punctuation"},","),a(`
3833    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
3834    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'New York No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
3835    `),n("span",{class:"token literal-property property"},"tags"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'nice'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token string"},"'developer'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
3836  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3837  `),n("span",{class:"token punctuation"},"{"),a(`
3838    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'2'"),n("span",{class:"token punctuation"},","),a(`
3839    `),n("span",{class:"token literal-property property"},"firstName"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jim'"),n("span",{class:"token punctuation"},","),a(`
3840    `),n("span",{class:"token literal-property property"},"lastName"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Green'"),n("span",{class:"token punctuation"},","),a(`
3841    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"42"),n("span",{class:"token punctuation"},","),a(`
3842    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'London No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
3843    `),n("span",{class:"token literal-property property"},"tags"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'loser'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
3844  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3845  `),n("span",{class:"token punctuation"},"{"),a(`
3846    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'3'"),n("span",{class:"token punctuation"},","),a(`
3847    `),n("span",{class:"token literal-property property"},"firstName"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Joe'"),n("span",{class:"token punctuation"},","),a(`
3848    `),n("span",{class:"token literal-property property"},"lastName"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Black'"),n("span",{class:"token punctuation"},","),a(`
3849    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
3850    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"}

3850,"'Sidney No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
3851    `),n("span",{class:"token literal-property property"},"tags"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'cool'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token string"},"'teacher'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
3852  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3853`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
3854`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
3855`)])],-1)])]),_:1})}}}),Vo={key:0},No=F({__name:"ellipsis",setup(t){const o=[{title:"Name",dataIndex:"name",key:"name"},{title:"Age",dataIndex:"age",key:"age",width:80},{title:"Address",dataIndex:"address",key:"address 1",ellipsis:!0},{title:"Long Column Long Column Long Column",dataIndex:"address",key:"address 2",ellipsis:!0},{title:"Long Column Long Column",dataIndex:"address",key:"address 3",ellipsis:!0},{title:"Long Column",dataIndex:"address",key:"address 4",ellipsis:!0}],p=[{key:"1",name:"John Brown",age:32,address:"New York No. 1 Lake Park, New York No. 1 Lake Park",tags:["nice","developer"]},{key:"2",name:"Jim Green",age:42,address:"London No. 2 Lake Park, London No. 2 Lake Park",tags:["loser"]},{key:"3",name:"Joe Black",age:32,address:"Sidney No. 1 Lake Park, Sidney No. 1 Lake Park",tags:["cool","teacher"]}];return(c,s)=>{const e=I("a-table"),r=I("demo-box");return m(),x(r,{jsfiddle:{us:"Ellipsis cell content via setting `column.ellipsis`.",cn:"\u8BBE\u7F6E `column.ellipsis` \u53EF\u4EE5\u8BA9\u5355\u5143\u683C\u5185\u5BB9\u6839\u636E\u5BBD\u5EA6\u81EA\u52A8\u7701\u7565\u3002",docHtml:`<h2 id="zh-cn">zh-CN <a class="header-anchor" href="#zh-cn">
3856          <span aria-hidden="true" class="anchor">#</span>
3857        </a></h2>
3858<p>\u8BBE\u7F6E <code>column.ellipsis</code> \u53EF\u4EE5\u8BA9\u5355\u5143\u683C\u5185\u5BB9\u6839\u636E\u5BBD\u5EA6\u81EA\u52A8\u7701\u7565\u3002</p>
3859<blockquote>
3860<p>\u5217\u5934\u7F29\u7565\u6682\u4E0D\u652F\u6301\u548C\u6392\u5E8F\u7B5B\u9009\u4E00\u8D77\u4F7F\u7528\u3002</p>
3861</blockquote>
3862<h2 id="en-us">en-US <a class="header-anchor" href="#en-us">
3863          <span aria-hidden="true" class="anchor">#</span>
3864        </a></h2>
3865<p>Ellipsis cell content via setting <code>column.ellipsis</code>.</p>
3866<blockquote>
3867<p>Cannot ellipsis table header with sorters and filters for now.</p>
3868</blockquote>
3869`,order:28,title:{"en-US":"ellipsis column","zh-CN":"\u5355\u5143\u683C\u81EA\u52A8\u7701\u7565"},relativePath:"components/table/demo/ellipsis.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXRhYmxlIDpjb2x1bW5zPSJjb2x1bW5zIiA6ZGF0YS1zb3VyY2U9ImRhdGEiPgogICAgPHRlbXBsYXRlICNib2R5Q2VsbD0ieyBjb2x1bW4sIHRleHQgfSI+CiAgICAgIDx0ZW1wbGF0ZSB2LWlmPSJjb2x1bW4uZGF0YUluZGV4ID09PSAnbmFtZSciPgogICAgICAgIDxhPnt7IHRleHQgfX08L2E+CiAgICAgIDwvdGVtcGxhdGU+CiAgICA8L3RlbXBsYXRlPgogIDwvYS10YWJsZT4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBsYW5nPSJ0cyIgc2V0dXA+CmNvbnN0IGNvbHVtbnMgPSBbCiAgewogICAgdGl0bGU6ICdOYW1lJywKICAgIGRhdGFJbmRleDogJ25hbWUnLAogICAga2V5OiAnbmFtZScsCiAgfSwKICB7CiAgICB0aXRsZTogJ0FnZScsCiAgICBkYXRhSW5kZXg6ICdhZ2UnLAogICAga2V5OiAnYWdlJywKICAgIHdpZHRoOiA4MCwKICB9LAogIHsKICAgIHRpdGxlOiAnQWRkcmVzcycsCiAgICBkYXRhSW5kZXg6ICdhZGRyZXNzJywKICAgIGtleTogJ2FkZHJlc3MgMScsCiAgICBlbGxpcHNpczogdHJ1ZSwKICB9LAogIHsKICAgIHRpdGxlOiAnTG9uZyBDb2x1bW4gTG9uZyBDb2x1bW4gTG9uZyBDb2x1bW4nLAogICAgZGF0YUluZGV4OiAnYWRkcmVzcycsCiAgICBrZXk6ICdhZGRyZXNzIDInLAogICAgZWxsaXBzaXM6IHRydWUsCiAgfSwKICB7CiAgICB0aXRsZTogJ0xvbmcgQ29sdW1uIExvbmcgQ29sdW1uJywKICAgIGRhdGFJbmRleDogJ2FkZHJlc3MnLAogICAga2V5OiAnYWRkcmVzcyAzJywKICAgIGVsbGlwc2lzOiB0cnVlLAogIH0sCiAgewogICAgdGl0bGU6ICdMb25nIENvbHVtbicsCiAgICBkYXRhSW5kZXg6ICdhZGRyZXNzJywKICAgIGtleTogJ2FkZHJlc3MgNCcsCiAgICBlbGxpcHNpczogdHJ1ZSwKICB9LApdOwoKY29uc3QgZGF0YSA9IFsKICB7CiAgICBrZXk6ICcxJywKICAgIG5hbWU6ICdKb2huIEJyb3duJywKICAgIGFnZTogMzIsCiAgICBhZGRyZXNzOiAnTmV3IFlvcmsgTm8uIDEgTGFrZSBQYXJrLCBOZXcgWW9yayBOby4gMSBMYWtlIFBhcmsnLAogICAgdGFnczogWyduaWNlJywgJ2RldmVsb3BlciddLAogIH0sCiAgewogICAga2V5OiAnMicsCiAgICBuYW1lOiAnSmltIEdyZWVuJywKICAgIGFnZTogNDIsCiAgICBhZGRyZXNzOiAnTG9uZG9uIE5vLiAyIExha2UgUGFyaywgTG9uZG9uIE5vLiAyIExha2UgUGFyaycsCiAgICB0YWdzOiBbJ2xvc2VyJ10sCiAgfSwKICB7CiAgICBrZXk6ICczJywKICAgIG5hbWU6ICdKb2

3869UgQmxhY2snLAogICAgYWdlOiAzMiwKICAgIGFkZHJlc3M6ICdTaWRuZXkgTm8uIDEgTGFrZSBQYXJrLCBTaWRuZXkgTm8uIDEgTGFrZSBQYXJrJywKICAgIHRhZ3M6IFsnY29vbCcsICd0ZWFjaGVyJ10sCiAgfSwKXTsKPC9zY3JpcHQ+Cgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXRhYmxlIDpjb2x1bW5zPSJjb2x1bW5zIiA6ZGF0YS1zb3VyY2U9ImRhdGEiPgogICAgPHRlbXBsYXRlICNib2R5Q2VsbD0ieyBjb2x1bW4sIHRleHQgfSI+CiAgICAgIDx0ZW1wbGF0ZSB2LWlmPSJjb2x1bW4uZGF0YUluZGV4ID09PSAnbmFtZSciPgogICAgICAgIDxhPnt7IHRleHQgfX08L2E+CiAgICAgIDwvdGVtcGxhdGU+CiAgICA8L3RlbXBsYXRlPgogIDwvYS10YWJsZT4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBzZXR1cD4KY29uc3QgY29sdW1ucyA9IFsKICB7CiAgICB0aXRsZTogJ05hbWUnLAogICAgZGF0YUluZGV4OiAnbmFtZScsCiAgICBrZXk6ICduYW1lJywKICB9LAogIHsKICAgIHRpdGxlOiAnQWdlJywKICAgIGRhdGFJbmRleDogJ2FnZScsCiAgICBrZXk6ICdhZ2UnLAogICAgd2lkdGg6IDgwLAogIH0sCiAgewogICAgdGl0bGU6ICdBZGRyZXNzJywKICAgIGRhdGFJbmRleDogJ2FkZHJlc3MnLAogICAga2V5OiAnYWRkcmVzcyAxJywKICAgIGVsbGlwc2lzOiB0cnVlLAogIH0sCiAgewogICAgdGl0bGU6ICdMb25nIENvbHVtbiBMb25nIENvbHVtbiBMb25nIENvbHVtbicsCiAgICBkYXRhSW5kZXg6ICdhZGRyZXNzJywKICAgIGtleTogJ2FkZHJlc3MgMicsCiAgICBlbGxpcHNpczogdHJ1ZSwKICB9LAogIHsKICAgIHRpdGxlOiAnTG9uZyBDb2x1bW4gTG9uZyBDb2x1bW4nLAogICAgZGF0YUluZGV4OiAnYWRkcmVzcycsCiAgICBrZXk6ICdhZGRyZXNzIDMnLAogICAgZWxsaXBzaXM6IHRydWUsCiAgfSwKICB7CiAgICB0aXRsZTogJ0xvbmcgQ29sdW1uJywKICAgIGRhdGFJbmRleDogJ2FkZHJlc3MnLAogICAga2V5OiAnYWRkcmVzcyA0JywKICAgIGVsbGlwc2lzOiB0cnVlLAogIH0sCl07CmNvbnN0IGRhdGEgPSBbCiAgewogICAga2V5OiAnMScsCiAgICBuYW1lOiAnSm9obiBCcm93bicsCiAgICBhZ2U6IDMyLAogICAgYWRkcmVzczogJ05ldyBZb3JrIE5vLiAxIExha2UgUGFyaywgTmV3IFlvcmsgTm8uIDEgTGFrZSBQYXJrJywKICAgIHRhZ3M6IFsnbmljZScsICdkZXZlbG9wZXInXSwKICB9LAogIHsKICAgIGtleTogJzInLAogICAgbmFtZTogJ0ppbSBHcmVlbicsCiAgICBhZ2U6IDQyLAogICAgYWRkcmVzczogJ0xvbmRvbiBOby4gMiBMYWtlIFBhcmssIExvbmRvbiBOby4gMiBMYWtlIFBhcmsnLAogICAgdGFnczogWydsb3NlciddLAogIH0sCiAgewogICAga2V5OiAnMycsCiAgICBuYW1lOiAnSm9lIEJsYWNrJywKICAgIGFnZTogMzIsCiAgICBhZGRyZXNzOiAnU2lkbmV5IE5vLiAxIExha2UgUGFyaywgU2lkbmV5IE5vLiAxIExha2UgUGFyaycsCiAgICB0YWdzOiBbJ2Nvb2wnLCAndGVhY2hlciddLAogIH0sCl07Cjwvc2NyaXB0Pg=="}},{default:d(()=>[C(e,{columns:o,"data-source":p},{bodyCell:d(({column:l,text:u})=>[l.dataIndex==="name"?(m(),W("a",Vo,L(u),1)):K("",!0)]),_:1})]),htmlCode:d(()=>[...s[0]||(s[0]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
3870  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table")]),a(),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("columns"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("data"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
3871    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#bodyCell"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ column, text }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
3872      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("column.dataIndex === 'name'"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
3873        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a")]),n("span",{class:"token punctuation"},">")]),a("{{ text }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
3874      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
3875    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
3876  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table")]),n("span",{class:"token punctuation"},">")]),a(`
3877`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
3878`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"}

3878,"<"),a("script")]),a(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ts"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"setup"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
3879`),n("span",{class:"token keyword"},"const"),a(" columns "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
3880  `),n("span",{class:"token punctuation"},"{"),a(`
3881    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Name'"),n("span",{class:"token punctuation"},","),a(`
3882    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
3883    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
3884  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3885  `),n("span",{class:"token punctuation"},"{"),a(`
3886    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Age'"),n("span",{class:"token punctuation"},","),a(`
3887    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'age'"),n("span",{class:"token punctuation"},","),a(`
3888    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'age'"),n("span",{class:"token punctuation"},","),a(`
3889    `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"80"),n("span",{class:"token punctuation"},","),a(`
3890  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3891  `),n("span",{class:"token punctuation"},"{"),a(`
3892    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Address'"),n("span",{class:"token punctuation"},","),a(`
3893    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
3894    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address 1'"),n("span",{class:"token punctuation"},","),a(`
3895    `),n("span",{class:"token literal-property property"},"ellipsis"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},","),a(`
3896  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3897  `),n("span",{class:"token punctuation"},"{"),a(`
3898    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Long Column Long Column Long Column'"),n("span",{class:"token punctuation"},","),a(`
3899    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
3900    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address 2'"),n("span",{class:"token punctuation"},","),a(`
3901    `),n("span",{class:"token literal-property property"},"ellipsis"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},","),a(`
3902  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3903  `),n("span",{class:"token punctuation"},"{"),a(`
3904    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"}

3904,"'Long Column Long Column'"),n("span",{class:"token punctuation"},","),a(`
3905    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
3906    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address 3'"),n("span",{class:"token punctuation"},","),a(`
3907    `),n("span",{class:"token literal-property property"},"ellipsis"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},","),a(`
3908  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3909  `),n("span",{class:"token punctuation"},"{"),a(`
3910    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Long Column'"),n("span",{class:"token punctuation"},","),a(`
3911    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
3912    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address 4'"),n("span",{class:"token punctuation"},","),a(`
3913    `),n("span",{class:"token literal-property property"},"ellipsis"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},","),a(`
3914  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3915`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
3916
3917`),n("span",{class:"token keyword"},"const"),a(" data "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
3918  `),n("span",{class:"token punctuation"},"{"),a(`
3919    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'1'"),n("span",{class:"token punctuation"},","),a(`
3920    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'John Brown'"),n("span",{class:"token punctuation"},","),a(`
3921    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
3922    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'New York No. 1 Lake Park, New York No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
3923    `),n("span",{class:"token literal-property property"},"tags"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'nice'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token string"},"'developer'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
3924  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3925  `),n("span",{class:"token punctuation"},"{"),a(`
3926    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'2'"),n("span",{class:"token punctuation"},","),a(`
3927    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jim Green'"),n("span",{class:"token punctuation"},","),a(`
3928    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"42"),n("span",{class:"token punctuation"},","),a(`
3929    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'London No. 2 Lake Park, London No. 2 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
3930    `),n("span",{class:"token literal-property property"},"tags"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'loser'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
3931  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3932  `),n("span",{class:"token punctuation"},"{"),a(`
3933    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'3'"),n("span",{class:"token punctuation"},","),a(`
3934    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Joe Black'"),n("span",{class:"token punctuation"},","),a(`
3935    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
3936    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"}

3936,"'Sidney No. 1 Lake Park, Sidney No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
3937    `),n("span",{class:"token literal-property property"},"tags"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'cool'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token string"},"'teacher'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
3938  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3939`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
3940`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
3941`)])],-1)])]),jsVersionHtml:d(()=>[...s[1]||(s[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
3942  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table")]),a(),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("columns"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("data"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
3943    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#bodyCell"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ column, text }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
3944      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("column.dataIndex === 'name'"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
3945        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a")]),n("span",{class:"token punctuation"},">")]),a("{{ text }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
3946      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
3947    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
3948  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table")]),n("span",{class:"token punctuation"},">")]),a(`
3949`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
3950`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),n("span",{class:"token attr-name"},"setup"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
3951`),n("span",{class:"token keyword"},"const"),a(" columns "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
3952  `),n("span",{class:"token punctuation"},"{"),a(`
3953    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Name'"),n("span",{class:"token punctuation"},","),a(`
3954    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
3955    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
3956  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3957  `),n("span",{class:"token punctuation"},"{"),a(`
3958    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Age'"),n("span",{class:"token punctuation"},","),a(`
3959    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'age'"),n("span",{class:"token punctuation"},","),a(`
3960    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'age'"),n("span",{class:"token punctuation"},","),a(`
3961    `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"80"),n("span",{class:"token punctuation"},","),a(`
3962  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3963  `),n("span",{class:"token punctuation"},"{"),a(`
3964    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Address'"),n("span",{class:"token punctuation"},","),a(`
3965    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
3966    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address 1'"),n("span",{class:"token punctuation"},","),a(`
3967    `),n("span",{class:"token literal-property property"},"ellipsis"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},","),a(`
3968  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3969  `),n("span",{class:"token punctuation"},"{"),a(`
3970    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"}

3970,"'Long Column Long Column Long Column'"),n("span",{class:"token punctuation"},","),a(`
3971    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
3972    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address 2'"),n("span",{class:"token punctuation"},","),a(`
3973    `),n("span",{class:"token literal-property property"},"ellipsis"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},","),a(`
3974  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3975  `),n("span",{class:"token punctuation"},"{"),a(`
3976    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Long Column Long Column'"),n("span",{class:"token punctuation"},","),a(`
3977    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
3978    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address 3'"),n("span",{class:"token punctuation"},","),a(`
3979    `),n("span",{class:"token literal-property property"},"ellipsis"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},","),a(`
3980  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3981  `),n("span",{class:"token punctuation"},"{"),a(`
3982    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Long Column'"),n("span",{class:"token punctuation"},","),a(`
3983    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
3984    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address 4'"),n("span",{class:"token punctuation"},","),a(`
3985    `),n("span",{class:"token literal-property property"},"ellipsis"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},","),a(`
3986  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3987`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
3988`),n("span",{class:"token keyword"},"const"),a(" data "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
3989  `),n("span",{class:"token punctuation"},"{"),a(`
3990    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'1'"),n("span",{class:"token punctuation"},","),a(`
3991    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'John Brown'"),n("span",{class:"token punctuation"},","),a(`
3992    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
3993    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'New York No. 1 Lake Park, New York No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
3994    `),n("span",{class:"token literal-property property"},"tags"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'nice'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token string"},"'developer'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
3995  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
3996  `),n("span",{class:"token punctuation"},"{"),a(`
3997    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'2'"),n("span",{class:"token punctuation"},","),a(`
3998    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jim Green'"),n("span",{class:"token punctuation"},","),a(`
3999    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"42"),n("span",{class:"token punctuation"},","),a(`
4000    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'London No. 2 Lake Park, London No. 2 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
4001    `),n("span",{class:"token literal-property property"},"tags"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'loser'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
4002  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4003  `),n("span",{class:"token punctuation"},"{"),a(`
4004    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'3'"),n("span",{class:"token punctuation"},","),a(`
4005    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Joe Black'"),n("span",{class:"token punctuation"},","),a(`
4006    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
4007    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"}

4007,"'Sidney No. 1 Lake Park, Sidney No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
4008    `),n("span",{class:"token literal-property property"},"tags"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'cool'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token string"},"'teacher'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
4009  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4010`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
4011`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
4012`)])],-1)])]),_:1})}}}),Lo=F({__name:"stripe",setup(t){const o=[{title:"Name",dataIndex:"name"},{title:"Age",dataIndex:"age"},{title:"Address",dataIndex:"address"}],p=[{key:"1",name:"John Brown",age:32,address:"New York No. 1 Lake Park"},{key:"2",name:"Jim Green",age:42,address:"London No. 1 Lake Park"},{key:"3",name:"Joe Black",age:32,address:"Sidney No. 1 Lake Park"},{key:"4",name:"Ben Kang",age:15,address:"Sidney No. 1 Lake Park"}];return(c,s)=>{const e=I("a-table"),r=I("demo-box");return m(),x(r,{jsfiddle:{us:"Use `rowClassName` Customize the table with Striped.",cn:"\u5229\u7528 `rowClassName` \u81EA\u5B9A\u4E49\u5E26\u6591\u9A6C\u7EB9\u7684\u8868\u683C\u3002",docHtml:`<h2 id="zh-cn">zh-CN <a class="header-anchor" href="#zh-cn">
4013          <span aria-hidden="true" class="anchor">#</span>
4014        </a></h2>
4015<p>\u5229\u7528 <code>rowClassName</code> \u81EA\u5B9A\u4E49\u5E26\u6591\u9A6C\u7EB9\u7684\u8868\u683C\u3002</p>
4016<h2 id="en-us">en-US <a class="header-anchor" href="#en-us">
4017          <span aria-hidden="true" class="anchor">#</span>
4018        </a></h2>
4019<p>Use <code>rowClassName</code> Customize the table with Striped.</p>
4020`,order:97,title:{"en-US":"Stripe Style","zh-CN":"\u5E26\u6591\u9A6C\u7EB9\u8868\u683C"},relativePath:"components/table/demo/stripe.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXRhYmxlCiAgICBjbGFzcz0iYW50LXRhYmxlLXN0cmlwZWQiCiAgICBzaXplPSJtaWRkbGUiCiAgICA6Y29sdW1ucz0iY29sdW1ucyIKICAgIDpkYXRhLXNvdXJjZT0iZGF0YSIKICAgIDpyb3ctY2xhc3MtbmFtZT0iKF9yZWNvcmQsIGluZGV4KSA9PiAoaW5kZXggJSAyID09PSAxID8gJ3RhYmxlLXN0cmlwZWQnIDogbnVsbCkiCiAgLz4KICA8YS10YWJsZQogICAgY2xhc3M9ImFudC10YWJsZS1zdHJpcGVkIgogICAgc2l6ZT0ibWlkZGxlIgogICAgOmNvbHVtbnM9ImNvbHVtbnMiCiAgICA6ZGF0YS1zb3VyY2U9ImRhdGEiCiAgICA6cm93LWNsYXNzLW5hbWU9IihfcmVjb3JkLCBpbmRleCkgPT4gKGluZGV4ICUgMiA9PT0gMSA/ICd0YWJsZS1zdHJpcGVkJyA6IG51bGwpIgogICAgYm9yZGVyZWQKICAvPgo8L3RlbXBsYXRlPgo8c2NyaXB0IGxhbmc9InRzIiBzZXR1cD4KY29uc3QgY29sdW1ucyA9IFsKICB7IHRpdGxlOiAnTmFtZScsIGRhdGFJbmRleDogJ25hbWUnIH0sCiAgeyB0aXRsZTogJ0FnZScsIGRhdGFJbmRleDogJ2FnZScgfSwKICB7IHRpdGxlOiAnQWRkcmVzcycsIGRhdGFJbmRleDogJ2FkZHJlc3MnIH0sCl07CmNvbnN0IGRhdGEgPSBbCiAgewogICAga2V5OiAnMScsCiAgICBuYW1lOiAnSm9obiBCcm93bicsCiAgICBhZ2U6IDMyLAogICAgYWRkcmVzczogJ05ldyBZb3JrIE5vLiAxIExha2UgUGFyaycsCiAgfSwKICB7CiAgICBrZXk6ICcyJywKICAgIG5hbWU6ICdKaW0gR3JlZW4nLAogICAgYWdlOiA0MiwKICAgIGFkZHJlc3M6ICdMb25kb24gTm8uIDEgTGFrZSBQYXJrJywKICB9LAogIHsKICAgIGtleTogJzMnLAogICAgbmFtZTogJ0pvZSBCbGFjaycsCiAgICBhZ2U6IDMyLAogICAgYWRkcmVzczogJ1NpZG5leSBOby4gMSBMYWtlIFBhcmsnLAogIH0sCiAgewogICAga2V5OiAnNCcsCiAgICBuYW1lOiAnQmVuIEthbmcnLAogICAgYWdlOiAxNSwKICAgIGFkZHJlc3M6ICdTaWRuZXkgTm8uIDEgTGFrZSBQYXJrJywKICB9LApdOwo8L3NjcmlwdD4KPHN0eWxlIHNjb3BlZD4KW2RhdGEtZG9jLXRoZW1lPSdsaWdodCddIC5hbnQtdGFibGUtc3RyaXBlZCA6ZGVlcCgudGFibGUtc3RyaXBlZCkgdGQgewogIGJhY2tncm91bmQtY29sb3I6ICNmYWZhZmE7Cn0KW2RhdGEtZG9jLXRoZW1lPSdkYXJrJ10gLmFudC10YWJsZS1zdHJpcGVkIDpkZWVwKC50YWJsZS1zdHJpcGVkKSB0ZCB7CiAgYmFja2dyb3VuZC1jb2xvcjogcmdiKDI5LCAyOSwgMjkpOwp9Cjwvc3R5bGU+Cg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXRhYmxlCiAgICBjbGFzcz0iYW50LXRhYmxlLXN0cmlwZWQiCiAgICBzaXplPSJtaWRkbGUiCiAgICA6Y29sdW1ucz0iY29sdW1ucyIKICAgIDpkYXRhLXNvdXJjZT0iZGF0YSIKICAgIDpyb3ctY2xhc3MtbmFtZT0iKF9yZWNvcmQsIGluZGV4KSA9PiAoaW5kZXggJSAyID09PSAxID8gJ3RhYmxlLXN0cmlwZWQnIDogbnVsbCkiCiAgLz4KICA8YS10YWJsZQogICAgY2xhc3M9ImFudC10YWJsZS1zdHJpcGVkIgogICAgc2l6ZT0ibWlkZGxlIgogICAgOmNvbHVtbnM9ImNvbHVtbnMiCiAgICA6ZGF0YS1zb3VyY2U9ImRhdGEiCiAgICA6cm93LWNsYXNzLW5hbWU9IihfcmVjb3JkLCBpbmRleCkgPT4gKGluZGV4ICUgMiA9PT0gMSA/ICd0YWJsZS1zdHJpcGVkJyA6IG51bGwpIgogICAgYm9yZGVyZWQKICAvPgo8L3RlbXBsYXRlPgo8c2NyaXB0IHNldHVwPgpjb25zdCBjb2x1bW5zID0gWwogIHsKICAgIHRpdGxlOiAnTmFtZScsCiAgICBkYXRhSW5kZXg6ICduYW1lJywKICB9LAogIHsKICAgIHRpdGxlOiAnQWdlJywKICAgIGRhdGFJbmRleDogJ2FnZScsCiAgfSwKICB7CiAgICB0aXRsZTogJ0FkZHJlc3MnLAogICAgZGF0YUluZGV4OiAnYWRkcmVzcycsCiAgfSwKXTsKY29uc3QgZGF0YSA9IFsKICB7CiAgICBrZXk6ICcxJywKICAgIG5hbWU6ICdKb2huIEJyb3duJywKICAgIGFnZTogMzIsCiAgICBhZGRyZXNzOiAnTmV3IFlvcmsgTm8uIDEgTGFrZSBQYXJrJywKICB9LAogIHsKICAgIGtleTogJzInLAogICAgbmFtZTogJ0ppbSBHcmVlbicsCiAgICBhZ2U6IDQyLAogICAgYWRkcmVzczogJ0xvbmRvbiBOby4gMSBMYWtlIFBhcmsnLAogIH0sCiAgewogICAga2V5OiAnMycsCiAgICBuYW1lOiAnSm9lIEJsYWNrJywKICAgIGFnZTogMzIsCiAgICBhZGRyZXNzOiAnU2lkbmV5IE5vLiAxIExha2UgUGFyaycsCiAgfSwKICB7CiAgICBrZXk6ICc0JywKICAgIG5hbWU6ICdCZW4gS2FuZycsCiAgICBhZ2U6IDE1LAogICAgYWRkcmVzczogJ1NpZG5leSBOby4gMSBMYWtlIFBhcmsnLAogIH0sCl07Cjwvc2NyaXB0Pgo8c3R5bGUgc2NvcGVkPgpbZGF0YS1kb2MtdGhlbWU9J2xpZ2h0J10gLmFudC10YWJsZS1zdHJpcGVkIDpkZWVwKC50YWJsZS1zdHJpcGVkKSB0ZCB7CiAgYmFja2dyb3VuZC1jb2xvcjogI2Z

4020hZmFmYTsKfQpbZGF0YS1kb2MtdGhlbWU9J2RhcmsnXSAuYW50LXRhYmxlLXN0cmlwZWQgOmRlZXAoLnRhYmxlLXN0cmlwZWQpIHRkIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2IoMjksIDI5LCAyOSk7Cn0KPC9zdHlsZT4="}},{default:d(()=>[C(e,{class:"ant-table-striped",size:"middle",columns:o,"data-source":p,"row-class-name":(l,u)=>u%2===1?"table-striped":null},null,8,["row-class-name"]),C(e,{class:"ant-table-striped",size:"middle",columns:o,"data-source":p,"row-class-name":(l,u)=>u%2===1?"table-striped":null,bordered:""},null,8,["row-class-name"])]),htmlCode:d(()=>[...s[0]||(s[0]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
4021  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table")]),a(`
4022    `),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ant-table-striped"),n("span",{class:"token punctuation"},'"')]),a(`
4023    `),n("span",{class:"token attr-name"},"size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("middle"),n("span",{class:"token punctuation"},'"')]),a(`
4024    `),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("columns"),n("span",{class:"token punctuation"},'"')]),a(`
4025    `),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("data"),n("span",{class:"token punctuation"},'"')]),a(`
4026    `),n("span",{class:"token attr-name"},":row-class-name"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("(_record, index) => (index % 2 === 1 ? 'table-striped' : null)"),n("span",{class:"token punctuation"},'"')]),a(`
4027  `),n("span",{class:"token punctuation"},"/>")]),a(`
4028  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table")]),a(`
4029    `),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ant-table-striped"),n("span",{class:"token punctuation"},'"')]),a(`
4030    `),n("span",{class:"token attr-name"},"size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("middle"),n("span",{class:"token punctuation"},'"')]),a(`
4031    `),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("columns"),n("span",{class:"token punctuation"},'"')]),a(`
4032    `),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("data"),n("span",{class:"token punctuation"},'"')]),a(`
4033    `),n("span",{class:"token attr-name"},":row-class-name"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("(_record, index) => (index % 2 === 1 ? 'table-striped' : null)"),n("span",{class:"token punctuation"},'"')]),a(`
4034    `),n("span",{class:"token attr-name"},"bordered"),a(`
4035  `),n("span",{class:"token punctuation"},"/>")]),a(`
4036`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
4037`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ts"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"setup"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
4038`),n("span",{class:"token keyword"},"const"),a(" columns "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
4039  `),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Name'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4040  `),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Age'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'age'"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4041  `),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Address'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4042`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
4043`),n("span",{class:"token keyword"},"const"),a(" data "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
4044  `),n("span",{class:"token punctuation"},"{"),a(`
4045    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'1'"),n("span",{class:"token punctuation"},","),a(`
4046    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'John Brown'"),n("span",{class:"token punctuation"},","),a(`
4047    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
4048    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'New York No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
4049  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4050  `),n("span",{class:"token punctuation"},"{"),a(`
4051    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'2'"),n("span",{class:"token punctuation"},","),a(`
4052    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jim Green'"),n("span",{class:"token punctuation"},","),a(`
4053    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"42"),n("span",{class:"token punctuation"},","),a(`
4054    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'London No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
4055  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4056  `),n("span",{class:"token punctuation"},"{"),a(`
4057    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'3'"),n("span",{class:"token punctuation"},","),a(`
4058    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Joe Black'"),n("span",{class:"token punctuation"},","),a(`
4059    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
4060    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"}

4060,"'Sidney No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
4061  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4062  `),n("span",{class:"token punctuation"},"{"),a(`
4063    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'4'"),n("span",{class:"token punctuation"},","),a(`
4064    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Ben Kang'"),n("span",{class:"token punctuation"},","),a(`
4065    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"15"),n("span",{class:"token punctuation"},","),a(`
4066    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Sidney No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
4067  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4068`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
4069`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
4070`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("style")]),a(),n("span",{class:"token attr-name"},"scoped"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token style"},[n("span",{class:"token language-css"},[a(`
4071`),n("span",{class:"token selector"},"[data-doc-theme='light'] .ant-table-striped :deep(.table-striped) td"),a(),n("span",{class:"token punctuation"},"{"),a(`
4072  `),n("span",{class:"token property"},"background-color"),n("span",{class:"token punctuation"},":"),a(" #fafafa"),n("span",{class:"token punctuation"},";"),a(`
4073`),n("span",{class:"token punctuation"},"}"),a(`
4074`),n("span",{class:"token selector"},"[data-doc-theme='dark'] .ant-table-striped :deep(.table-striped) td"),a(),n("span",{class:"token punctuation"},"{"),a(`
4075  `),n("span",{class:"token property"},"background-color"),n("span",{class:"token punctuation"},":"),a(),n("span",{class:"token function"},"rgb"),n("span",{class:"token punctuation"},"("),a("29"),n("span",{class:"token punctuation"},","),a(" 29"),n("span",{class:"token punctuation"},","),a(" 29"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
4076`),n("span",{class:"token punctuation"},"}"),a(`
4077`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("style")]),n("span",{class:"token punctuation"},">")]),a(`
4078`)])],-1)])]),jsVersionHtml:d(()=>[...s[1]||(s[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
4079  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table")]),a(`
4080    `),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ant-table-striped"),n("span",{class:"token punctuation"},'"')]),a(`
4081    `),n("span",{class:"token attr-name"},"size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("middle"),n("span",{class:"token punctuation"},'"')]),a(`
4082    `),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("columns"),n("span",{class:"token punctuation"},'"')]),a(`
4083    `),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("data"),n("span",{class:"token punctuation"},'"')]),a(`
4084    `),n("span",{class:"token attr-name"},":row-class-name"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("(_record, index) => (index % 2 === 1 ? 'table-striped' : null)"),n("span",{class:"token punctuation"},'"')]),a(`
4085  `),n("span",{class:"token punctuation"},"/>")]),a(`
4086  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table")]),a(`
4087    `),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ant-table-striped"),n("span",{class:"token punctuation"},'"')]),a(`
4088    `),n("span",{class:"token attr-name"},"size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("middle"),n("span",{class:"token punctuation"},'"')]),a(`
4089    `),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"}

4089,'"'),a("columns"),n("span",{class:"token punctuation"},'"')]),a(`
4090    `),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("data"),n("span",{class:"token punctuation"},'"')]),a(`
4091    `),n("span",{class:"token attr-name"},":row-class-name"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("(_record, index) => (index % 2 === 1 ? 'table-striped' : null)"),n("span",{class:"token punctuation"},'"')]),a(`
4092    `),n("span",{class:"token attr-name"},"bordered"),a(`
4093  `),n("span",{class:"token punctuation"},"/>")]),a(`
4094`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
4095`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),n("span",{class:"token attr-name"},"setup"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
4096`),n("span",{class:"token keyword"},"const"),a(" columns "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
4097  `),n("span",{class:"token punctuation"},"{"),a(`
4098    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Name'"),n("span",{class:"token punctuation"},","),a(`
4099    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
4100  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4101  `),n("span",{class:"token punctuation"},"{"),a(`
4102    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Age'"),n("span",{class:"token punctuation"},","),a(`
4103    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'age'"),n("span",{class:"token punctuation"},","),a(`
4104  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4105  `),n("span",{class:"token punctuation"},"{"),a(`
4106    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Address'"),n("span",{class:"token punctuation"},","),a(`
4107    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
4108  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4109`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
4110`),n("span",{class:"token keyword"},"const"),a(" data "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
4111  `),n("span",{class:"token punctuation"},"{"),a(`
4112    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'1'"),n("span",{class:"token punctuation"},","),a(`
4113    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'John Brown'"),n("span",{class:"token punctuation"},","),a(`
4114    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
4115    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'New York No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
4116  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4117  `),n("span",{class:"token punctuation"},"{"),a(`
4118    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'2'"),n("span",{class:"token punctuation"},","),a(`
4119    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jim Green'"),n("span",{class:"token punctuation"},","),a(`
4120    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"42"),n("span",{class:"token punctuation"},","),a(`
4121    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'London No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
4122  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4123  `),n("span",{class:"token punctuation"},"{"),a(`
4124    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'3'"),n("span",{class:"token punctuation"},","),a(`
4125    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Joe Black'"),n("span",{class:"token punctuation"},","),a(`
4126    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
4127    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"}

4127,"'Sidney No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
4128  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4129  `),n("span",{class:"token punctuation"},"{"),a(`
4130    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'4'"),n("span",{class:"token punctuation"},","),a(`
4131    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Ben Kang'"),n("span",{class:"token punctuation"},","),a(`
4132    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"15"),n("span",{class:"token punctuation"},","),a(`
4133    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Sidney No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
4134  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4135`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
4136`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
4137`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("style")]),a(),n("span",{class:"token attr-name"},"scoped"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token style"},[n("span",{class:"token language-css"},[a(`
4138`),n("span",{class:"token selector"},"[data-doc-theme='light'] .ant-table-striped :deep(.table-striped) td"),a(),n("span",{class:"token punctuation"},"{"),a(`
4139  `),n("span",{class:"token property"},"background-color"),n("span",{class:"token punctuation"},":"),a(" #fafafa"),n("span",{class:"token punctuation"},";"),a(`
4140`),n("span",{class:"token punctuation"},"}"),a(`
4141`),n("span",{class:"token selector"},"[data-doc-theme='dark'] .ant-table-striped :deep(.table-striped) td"),a(),n("span",{class:"token punctuation"},"{"),a(`
4142  `),n("span",{class:"token property"},"background-color"),n("span",{class:"token punctuation"},":"),a(),n("span",{class:"token function"},"rgb"),n("span",{class:"token punctuation"},"("),a("29"),n("span",{class:"token punctuation"},","),a(" 29"),n("span",{class:"token punctuation"},","),a(" 29"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
4143`),n("span",{class:"token punctuation"},"}"),a(`
4144`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("style")]),n("span",{class:"token punctuation"},">")]),a(`
4145`)])],-1)])]),_:1})}}});const Ho=M(Lo,[["__scopeId","data-v-5a5c8966"]]),Ko=F({__name:"multiple-sorter",setup(t){const o=[{title:"Name",dataIndex:"name"},{title:"Chinese Score",dataIndex:"chinese",sorter:{compare:(s,e)=>s.chinese-e.chinese,multiple:3}},{title:"Math Score",dataIndex:"math",sorter:{compare:(s,e)=>s.math-e.math,multiple:2}},{title:"English Score",dataIndex:"english",sorter:{compare:(s,e)=>s.english-e.english,multiple:1}}],p=[{key:"1",name:"John Brown",chinese:98,math:60,english:70},{key:"2",name:"Jim Green",chinese:98,math:66,english:89},{key:"3",name:"Joe Black",chinese:98,math:90,english:70},{key:"4",name:"Jim Red",chinese:88,math:99,english:89}];function c(s,e,r,l){console.log("params",s,e,r,l)}return(s,e)=>{const r=I("a-table"),l=I("demo-box");return m(),x(l,{jsfiddle:{us:"`column.sorter` support `multiple` to config the priority of sort columns. Though `sorter.compare` to customize compare function. You can also leave it empty to use the interactive only.",cn:"`column.sorter` \u652F\u6301 `multiple` \u5B57\u6BB5\u4EE5\u914D\u7F6E\u591A\u5217\u6392\u5E8F\u4F18\u5148\u7EA7\u3002\u901A\u8FC7 `sorter.compare` \u914D\u7F6E\u6392\u5E8F\u903B\u8F91\uFF0C\u4F60\u53EF\u4EE5\u901A\u8FC7\u4E0D\u8BBE\u7F6E\u8BE5\u51FD\u6570\u53EA\u542F\u52A8\u591A\u5217\u6392\u5E8F\u7684\u4EA4\u4E92\u5F62\u5F0F\u3002",docHtml:`<h2 id="zh-cn">zh-CN <a class="header-anchor" href="#zh-cn">

4146          <span aria-hidden="true" class="anchor">#</span>
4147        </a></h2>
4148<p><code>column.sorter</code> \u652F\u6301 <code>multiple</code> \u5B57\u6BB5\u4EE5\u914D\u7F6E\u591A\u5217\u6392\u5E8F\u4F18\u5148\u7EA7\u3002\u901A\u8FC7 <code>sorter.compare</code> \u914D\u7F6E\u6392\u5E8F\u903B\u8F91\uFF0C\u4F60\u53EF\u4EE5\u901A\u8FC7\u4E0D\u8BBE\u7F6E\u8BE5\u51FD\u6570\u53EA\u542F\u52A8\u591A\u5217\u6392\u5E8F\u7684\u4EA4\u4E92\u5F62\u5F0F\u3002</p>
4149<h2 id="en-us">en-US <a class="header-anchor" href="#en-us">
4150          <span aria-hidden="true" class="anchor">#</span>
4151        </a></h2>
4152<p><code>column.sorter</code> support <code>multiple</code> to config the priority of sort columns. Though <code>sorter.compare</code> to customize compare function. You can also leave it empty to use the interactive only.</p>
4153`,order:7,title:{"en-US":"Multiple sorter","zh-CN":"\u591A\u5217\u6392\u5E8F"},relativePath:"components/table/demo/multiple-sorter.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXRhYmxlIDpjb2x1bW5zPSJjb2x1bW5zIiA6ZGF0YS1zb3VyY2U9ImRhdGEiIEBjaGFuZ2U9Im9uQ2hhbmdlIiAvPgo8L3RlbXBsYXRlPgo8c2NyaXB0IGxhbmc9InRzIiBzZXR1cD4KY29uc3QgY29sdW1ucyA9IFsKICB7CiAgICB0aXRsZTogJ05hbWUnLAogICAgZGF0YUluZGV4OiAnbmFtZScsCiAgfSwKICB7CiAgICB0aXRsZTogJ0NoaW5lc2UgU2NvcmUnLAogICAgZGF0YUluZGV4OiAnY2hpbmVzZScsCiAgICBzb3J0ZXI6IHsKICAgICAgY29tcGFyZTogKGEsIGIpID0+IGEuY2hpbmVzZSAtIGIuY2hpbmVzZSwKICAgICAgbXVsdGlwbGU6IDMsCiAgICB9LAogIH0sCiAgewogICAgdGl0bGU6ICdNYXRoIFNjb3JlJywKICAgIGRhdGFJbmRleDogJ21hdGgnLAogICAgc29ydGVyOiB7CiAgICAgIGNvbXBhcmU6IChhLCBiKSA9PiBhLm1hdGggLSBiLm1hdGgsCiAgICAgIG11bHRpcGxlOiAyLAogICAgfSwKICB9LAogIHsKICAgIHRpdGxlOiAnRW5nbGlzaCBTY29yZScsCiAgICBkYXRhSW5kZXg6ICdlbmdsaXNoJywKICAgIHNvcnRlcjogewogICAgICBjb21wYXJlOiAoYSwgYikgPT4gYS5lbmdsaXNoIC0gYi5lbmdsaXNoLAogICAgICBtdWx0aXBsZTogMSwKICAgIH0sCiAgfSwKXTsKCmNvbnN0IGRhdGEgPSBbCiAgewogICAga2V5OiAnMScsCiAgICBuYW1lOiAnSm9obiBCcm93bicsCiAgICBjaGluZXNlOiA5OCwKICAgIG1hdGg6IDYwLAogICAgZW5nbGlzaDogNzAsCiAgfSwKICB7CiAgICBrZXk6ICcyJywKICAgIG5hbWU6ICdKaW0gR3JlZW4nLAogICAgY2hpbmVzZTogOTgsCiAgICBtYXRoOiA2NiwKICAgIGVuZ2xpc2g6IDg5LAogIH0sCiAgewogICAga2V5OiAnMycsCiAgICBuYW1lOiAnSm9lIEJsYWNrJywKICAgIGNoaW5lc2U6IDk4LAogICAgbWF0aDogOTAsCiAgICBlbmdsaXNoOiA3MCwKICB9LAogIHsKICAgIGtleTogJzQnLAogICAgbmFtZTogJ0ppbSBSZWQnLAogICAgY2hpbmVzZTogODgsCiAgICBtYXRoOiA5OSwKICAgIGVuZ2xpc2g6IDg5LAogIH0sCl07CgpmdW5jdGlvbiBvbkNoYW5nZShwYWdpbmF0aW9uLCBmaWx0ZXJzLCBzb3J0ZXIsIGV4dHJhKSB7CiAgY29uc29sZS5sb2coJ3BhcmFtcycsIHBhZ2luYXRpb24sIGZpbHRlcnMsIHNvcnRlciwgZXh0cmEpOwp9Cjwvc2NyaXB0PgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXRhYmxlIDpjb2x1bW5zPSJjb2x1bW5zIiA6ZGF0YS1zb3VyY2U9ImRhdGEiIEBjaGFuZ2U9Im9uQ2hhbmdlIiAvPgo8L3RlbXBsYXRlPgo8c2NyaXB0IHNldHVwPgpjb25zdCBjb2x1bW5zID0gWwogIHsKICAgIHRpdGxlOiAnTmFtZScsCiAgICBkYXRhSW5kZXg6ICduYW1lJywKICB9LAogIHsKICAgIHRpdGxlOiAnQ2hpbmVzZSBTY29yZScsCiAgICBkYXRhSW5kZXg6ICdjaGluZXNlJywKICAgIHNvcnRlcjogewogICAgICBjb21wYXJlOiAoYSwgYikgPT4gYS5jaGluZXNlIC0gYi5jaGluZXNlLAogICAgICBtdWx0aXBsZTogMywKICAgIH0sCiAgfSwKICB7CiAgICB0aXRsZTogJ01hdGggU2NvcmUnLAogICAgZGF0YUluZGV4OiAnbWF0aCcsCiAgICBzb3J0ZXI6IHsKICAgICAgY29tcGFyZTogKGEsIGIpID0+IGEubWF0aCAtIGIubWF0aCwKICAgICAgbXVsdGlwbGU6IDIsCiAgICB9LAogIH0sCiAgewogICAgdGl0bGU6ICdFbmdsaXNoIFNjb3JlJywKICAgIGRhdGFJbmRleDogJ2VuZ2xpc2gnLAogICAgc29ydGVyOiB7CiAgICAgIGNvbXBhcmU6IChhLCBiKSA9PiBhLmVuZ2xpc2ggLSBiLmVuZ2xpc2gsCiAgICAgIG11bHRpcGxlOiAxLAogICAgfSwKICB9LApdOwpjb25zdCBkYXRhID0gWwogIHsKICAgIGtleTogJzEnLAogICAgbmFtZTogJ0pvaG4gQnJvd24nLAogICAgY2hpbmVzZTogOTgsCiAgICBtYXRoOiA2MCwKICAgIGVuZ2xpc2g6IDcwLAogIH0sCiAgewogICAga2V5OiAnMicsCiAgICBuYW1lOiAnSmltIEdyZWVuJywKICAgIGNoaW5lc2U6IDk4LAogICAgbWF0aDogNjYsCiAgICBlbmdsaXNoOiA4OSwKICB9LAogIHsKICAgIGtleTogJzMnLAogICAgbmFtZTogJ0pvZSBCbGFjaycsCiAgICBjaGluZXNlOiA5OCwKICAgIG1hdGg6IDkwLAogICAgZW5nbGlzaDogNzAsCiAgfSwKICB7CiAgICBrZXk6ICc0JywKICAgIG5hbWU6ICdKaW0gUmVkJywKICAgIGNoaW5lc2U6IDg4LAogICAgbWF0aDogOTksCiAgICBlbmdsaXNoOiA4OSwKICB9LApdOwpmdW5jdGlvbiBvbkNoYW5nZShwYWdpbmF0aW9uLCBmaWx0ZXJzLCBzb3J0ZXIsIGV4dHJhKSB7CiAgY29uc29sZS5sb2coJ3BhcmFtcycsIHBhZ2luYXRpb24sIGZpbHRlcnMsIHNvcnRlciwgZXh0cmEpOwp9Cjwvc2NyaXB0Pg=="}},{default:d(()=>[C(r,{columns:o,"data-source":p,onChange:c})]),htmlCode:d(()=>[...e[0]||(e[0]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
4154  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table")]),a(),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"}

4154,'"'),a("columns"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("data"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("onChange"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
4155`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
4156`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ts"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"setup"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
4157`),n("span",{class:"token keyword"},"const"),a(" columns "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
4158  `),n("span",{class:"token punctuation"},"{"),a(`
4159    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Name'"),n("span",{class:"token punctuation"},","),a(`
4160    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
4161  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4162  `),n("span",{class:"token punctuation"},"{"),a(`
4163    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Chinese Score'"),n("span",{class:"token punctuation"},","),a(`
4164    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'chinese'"),n("span",{class:"token punctuation"},","),a(`
4165    `),n("span",{class:"token literal-property property"},"sorter"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"{"),a(`
4166      `),n("span",{class:"token function-variable function"},"compare"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("a"),n("span",{class:"token punctuation"},","),a(" b")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(" a"),n("span",{class:"token punctuation"},"."),a("chinese "),n("span",{class:"token operator"},"-"),a(" b"),n("span",{class:"token punctuation"},"."),a("chinese"),n("span",{class:"token punctuation"},","),a(`
4167      `),n("span",{class:"token literal-property property"},"multiple"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"3"),n("span",{class:"token punctuation"},","),a(`
4168    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4169  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4170  `),n("span",{class:"token punctuation"},"{"),a(`
4171    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Math Score'"),n("span",{class:"token punctuation"},","),a(`
4172    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'math'"),n("span",{class:"token punctuation"},","),a(`
4173    `),n("span",{class:"token literal-property property"},"sorter"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"{"),a(`
4174      `),n("span",{class:"token function-variable function"},"compare"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("a"),n("span",{class:"token punctuation"},","),a(" b")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(" a"),n("span",{class:"token punctuation"},"."),a("math "),n("span",{class:"token operator"},"-"),a(" b"),n("span",{class:"token punctuation"},"."),a("math"),n("span",{class:"token punctuation"},","),a(`
4175      `),n("span",{class:"token literal-property property"},"multiple"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"2"),n("span",{class:"token punctuation"},","),a(`
4176    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4177  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4178  `),n("span",{class:"token punctuation"},"{"),a(`
4179    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'English Score'"),n("span",{class:"token punctuation"},","),a(`
4180    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'english'"),n("span",{class:"token punctuation"},","),a(`
4181    `),n("span",{class:"token literal-property property"},"sorter"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"{"),a(`
4182      `),n("span",{class:"token function-variable function"},"compare"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("a"),n("span",{class:"token punctuation"},","),a(" b")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(" a"),n("span",{class:"token punctuation"},"."),a("english "),n("span",{class:"token operator"},"-"),a(" b"),n("span",{class:"token punctuation"},"."),a("english"),n("span",{class:"token punctuation"},","),a(`
4183      `),n("span",{class:"token literal-property property"},"multiple"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},","),a(`
4184    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4185  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4186`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
4187
4188`),n("span",{class:"token keyword"},"const"),a(" data "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
4189  `),n("span",{class:"token punctuation"},"{"),a(`
4190    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'1'"),n("span",{class:"token punctuation"},","),a(`
4191    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'John Brown'"),n("span",{class:"token punctuation"},","),a(`
4192    `),n("span",{class:"token literal-property property"},"chinese"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"98"),n("span",{class:"token punctuation"},","),a(`
4193    `),n("span",{class:"token literal-property property"},"math"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"60"),n("span",{class:"token punctuation"},","),a(`
4194    `),n("span",{class:"token literal-property property"},"english"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"70"),n("span",{class:"token punctuation"},","),a(`
4195  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4196  `),n("span",{class:"token punctuation"},"{"),a(`
4197    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'2'"),n("span",{class:"token punctuation"},","),a(`
4198    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jim Green'"),n("span",{class:"token punctuation"},","),a(`
4199    `),n("span",{class:"token literal-property property"},"chinese"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"98"),n("span",{class:"token punctuation"},","),a(`
4200    `),n("span",{class:"token literal-property property"},"math"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"66"),n("span",{class:"token punctuation"},","),a(`
4201    `),n("span",{class:"token literal-property property"},"english"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"89"),n("span",{class:"token punctuation"},","),a(`
4202  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4203  `),n("span",{class:"token punctuation"},"{"),a(`
4204    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'3'"),n("span",{class:"token punctuation"},","),a(`
4205    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Joe Black'"),n("span",{class:"token punctuation"},","),a(`
4206    `),n("span",{class:"token literal-property property"},"chinese"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"98"),n("span",{class:"token punctuation"},","),a(`
4207    `),n("span",{class:"token literal-property property"},"math"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"90"),n("span",{class:"token punctuation"},","),a(`
4208    `),n("span",{class:"token literal-property property"},"english"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"70"),n("span",{class:"token punctuation"},","),a(`
4209  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4210  `),n("span",{class:"token punctuation"},"{"),a(`
4211    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'4'"),n("span",{class:"token punctuation"},","),a(`
4212    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jim Red'"),n("span",{class:"token punctuation"},","),a(`
4213    `),n("span",{class:"token literal-property property"},"chinese"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"88"),n("span",{class:"token punctuation"},","),a(`
4214    `),n("span",{class:"token literal-property property"},"math"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"99"),n("span",{class:"token punctuation"},","),a(`
4215    `),n("span",{class:"token literal-property property"},"english"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"89"),n("span",{class:"token punctuation"},","),a(`
4216  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4217`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
4218
4219`),n("span",{class:"token keyword"},"function"),a(),n("span",{class:"token function"},"onChange"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("pagination"),n("span",{class:"token punctuation"},","),a(" filters"),n("span",{class:"token punctuation"},","),a(" sorter"),n("span",{class:"token punctuation"},","),a(" extra")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
4220  console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'params'"),n("span",{class:"token punctuation"},","),a(" pagination"),n("span",{class:"token punctuation"},","),a(" filters"),n("span",{class:"token punctuation"},","),a(" sorter"),n("span",{class:"token punctuation"},","),a(" extra"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
4221`),n("span",{class:"token punctuation"},"}"),a(`
4222`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"}

4222,"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
4223`)])],-1)])]),jsVersionHtml:d(()=>[...e[1]||(e[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
4224  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table")]),a(),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("columns"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("data"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("onChange"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
4225`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
4226`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),n("span",{class:"token attr-name"},"setup"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
4227`),n("span",{class:"token keyword"},"const"),a(" columns "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
4228  `),n("span",{class:"token punctuation"},"{"),a(`
4229    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Name'"),n("span",{class:"token punctuation"},","),a(`
4230    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
4231  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4232  `),n("span",{class:"token punctuation"},"{"),a(`
4233    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Chinese Score'"),n("span",{class:"token punctuation"},","),a(`
4234    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'chinese'"),n("span",{class:"token punctuation"},","),a(`
4235    `),n("span",{class:"token literal-property property"},"sorter"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"{"),a(`
4236      `),n("span",{class:"token function-variable function"},"compare"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("a"),n("span",{class:"token punctuation"},","),a(" b")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(" a"),n("span",{class:"token punctuation"},"."),a("chinese "),n("span",{class:"token operator"},"-"),a(" b"),n("span",{class:"token punctuation"},"."),a("chinese"),n("span",{class:"token punctuation"},","),a(`
4237      `),n("span",{class:"token literal-property property"},"multiple"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"3"),n("span",{class:"token punctuation"},","),a(`
4238    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4239  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4240  `),n("span",{class:"token punctuation"},"{"),a(`
4241    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Math Score'"),n("span",{class:"token punctuation"},","),a(`
4242    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'math'"),n("span",{class:"token punctuation"},","),a(`
4243    `),n("span",{class:"token literal-property property"},"sorter"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"{"),a(`
4244      `),n("span",{class:"token function-variable function"},"compare"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("a"),n("span",{class:"token punctuation"},","),a(" b")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(" a"),n("span",{class:"token punctuation"},"."),a("math "),n("span",{class:"token operator"},"-"),a(" b"),n("span",{class:"token punctuation"},"."),a("math"),n("span",{class:"token punctuation"},","),a(`
4245      `),n("span",{class:"token literal-property property"},"multiple"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"2"),n("span",{class:"token punctuation"},","),a(`
4246    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4247  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4248  `),n("span",{class:"token punctuation"},"{"),a(`
4249    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'English Score'"),n("span",{class:"token punctuation"},","),a(`
4250    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'english'"),n("span",{class:"token punctuation"},","),a(`
4251    `),n("span",{class:"token literal-property property"},"sorter"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"{"),a(`
4252      `),n("span",{class:"token function-variable function"},"compare"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("a"),n("span",{class:"token punctuation"},","),a(" b")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(" a"),n("span",{class:"token punctuation"},"."),a("english "),n("span",{class:"token operator"},"-"),a(" b"),n("span",{class:"token punctuation"},"."),a("english"),n("span",{class:"token punctuation"},","),a(`
4253      `),n("span",{class:"token literal-property property"},"multiple"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},","),a(`
4254    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4255  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4256`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
4257`),n("span",{class:"token keyword"},"const"),a(" data "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
4258  `),n("span",{class:"token punctuation"},"{"),a(`
4259    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'1'"),n("span",{class:"token punctuation"},","),a(`
4260    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'John Brown'"),n("span",{class:"token punctuation"},","),a(`
4261    `),n("span",{class:"token literal-property property"},"chinese"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"98"),n("span",{class:"token punctuation"},","),a(`
4262    `),n("span",{class:"token literal-property property"},"math"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"60"),n("span",{class:"token punctuation"},","),a(`
4263    `),n("span",{class:"token literal-property property"},"english"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"70"),n("span",{class:"token punctuation"},","),a(`
4264  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4265  `),n("span",{class:"token punctuation"},"{"),a(`
4266    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'2'"),n("span",{class:"token punctuation"},","),a(`
4267    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jim Green'"),n("span",{class:"token punctuation"},","),a(`
4268    `),n("span",{class:"token literal-property property"},"chinese"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"98"),n("span",{class:"token punctuation"},","),a(`
4269    `),n("span",{class:"token literal-property property"},"math"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"66"),n("span",{class:"token punctuation"},","),a(`
4270    `),n("span",{class:"token literal-property property"},"english"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"89"),n("span",{class:"token punctuation"},","),a(`
4271  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4272  `),n("span",{class:"token punctuation"},"{"),a(`
4273    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'3'"),n("span",{class:"token punctuation"},","),a(`
4274    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Joe Black'"),n("span",{class:"token punctuation"},","),a(`
4275    `),n("span",{class:"token literal-property property"},"chinese"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"98"),n("span",{class:"token punctuation"},","),a(`
4276    `),n("span",{class:"token literal-property property"},"math"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"90"),n("span",{class:"token punctuation"},","),a(`
4277    `),n("span",{class:"token literal-property property"},"english"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"70"),n("span",{class:"token punctuation"},","),a(`
4278  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4279  `),n("span",{class:"token punctuation"},"{"),a(`
4280    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'4'"),n("span",{class:"token punctuation"},","),a(`
4281    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jim Red'"),n("span",{class:"token punctuation"},","),a(`
4282    `),n("span",{class:"token literal-property property"},"chinese"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"88"),n("span",{class:"token punctuation"},","),a(`
4283    `),n("span",{class:"token literal-property property"},"math"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"99"),n("span",{class:"token punctuation"},","),a(`
4284    `),n("span",{class:"token literal-property property"},"english"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"89"),n("span",{class:"token punctuation"},","),a(`
4285  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4286`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
4287`),n("span",{class:"token keyword"},"function"),a(),n("span",{class:"token function"},"onChange"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("pagination"),n("span",{class:"token punctuation"},","),a(" filters"),n("span",{class:"token punctuation"},","),a(" sorter"),n("span",{class:"token punctuation"},","),a(" extra")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
4288  console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'params'"),n("span",{class:"token punctuation"},","),a(" pagination"),n("span",{class:"token punctuation"},","),a(" filters"),n("span",{class:"token punctuation"},","),a(" sorter"),n("span",{class:"token punctuation"},","),a(" extra"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
4289`),n("span",{class:"token punctuation"},"}"),a(`
4290`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"}

4290,"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
4291`)])],-1)])]),_:1})}}}),Do=F({__name:"summary",setup(t){const o=S([{title:"Name",dataIndex:"name"},{title:"Borrow",dataIndex:"borrow"},{title:"Repayment",dataIndex:"repayment"}]),p=S([{key:"1",name:"John Brown",borrow:10,repayment:33},{key:"2",name:"Jim Green",borrow:100,repayment:0},{key:"3",name:"Joe Black",borrow:10,repayment:10},{key:"4",name:"Jim Red",borrow:75,repayment:45}]),c=S([{title:"Name",dataIndex:"name",fixed:!0,width:100},{title:"Description",dataIndex:"description"}]),s=S([]);for(let r=0;r<20;r+=1)s.value.push({key:r,name:["Light","Bamboo","Little"][r%3],description:"Everything that has a beginning, has an end."});const e=H(()=>{let r=0,l=0;return p.value.forEach(({borrow:u,repayment:i})=>{r+=u,l+=i}),{totalBorrow:r,totalRepayment:l}});return(r,l)=>{const u=I("a-table-summary-cell"),i=I("a-typography-text"),g=I("a-table-summary-row"),k=I("a-table"),y=I("a-table-summary"),A=I("demo-box");return m(),x(A,{jsfiddle:{us:"Set summary content by `summary` prop. Sync column fixed status with `a-table-summary-cell`. You can fixed it by set `a-table-summary` `fixed` prop.",cn:"\u901A\u8FC7 `summary` \u8BBE\u7F6E\u603B\u7ED3\u680F\u3002\u4F7F\u7528 `a-table-summary-cell` \u540C\u6B65 Column \u7684\u56FA\u5B9A\u72B6\u6001\u3002\u4F60\u53EF\u4EE5\u901A\u8FC7\u914D\u7F6E `a-table-summary` \u7684 `fixed` \u5C5E\u6027\u4F7F\u5176\u56FA\u5B9A\u3002",docHtml:`<h2 id="zh-cn">zh-CN <a class="header-anchor" href="#zh-cn">
4292          <span aria-hidden="true" class="anchor">#</span>
4293        </a></h2>
4294<p>\u901A\u8FC7 <code>summary</code> \u8BBE\u7F6E\u603B\u7ED3\u680F\u3002\u4F7F\u7528 <code>a-table-summary-cell</code> \u540C\u6B65 Column \u7684\u56FA\u5B9A\u72B6\u6001\u3002\u4F60\u53EF\u4EE5\u901A\u8FC7\u914D\u7F6E <code>a-table-summary</code> \u7684 <code>fixed</code> \u5C5E\u6027\u4F7F\u5176\u56FA\u5B9A\u3002</p>
4295<h2 id="en-us">en-US <a class="header-anchor" href="#en-us">
4296          <span aria-hidden="true" class="anchor">#</span>
4297        </a></h2>
4298<p>Set summary content by <code>summary</code> prop. Sync column fixed status with <code>a-table-summary-cell</code>. You can fixed it by set <code>a-table-summary</code> <code>fixed</code> prop.</p>
4299`,order:29,title:{"en-US":"Summary","zh-CN":"\u603B\u7ED3\u680F"},relativePath:"components/table/demo/summary.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXRhYmxlIDpjb2x1bW5zPSJjb2x1bW5zIiA6ZGF0YS1zb3VyY2U9ImRhdGEiIDpwYWdpbmF0aW9uPSJmYWxzZSIgYm9yZGVyZWQ+CiAgICA8dGVtcGxhdGUgI3N1bW1hcnk+CiAgICAgIDxhLXRhYmxlLXN1bW1hcnktcm93PgogICAgICAgIDxhLXRhYmxlLXN1bW1hcnktY2VsbD5Ub3RhbDwvYS10YWJsZS1zdW1tYXJ5LWNlbGw+CiAgICAgICAgPGEtdGFibGUtc3VtbWFyeS1jZWxsPgogICAgICAgICAgPGEtdHlwb2dyYXBoeS10ZXh0IHR5cGU9ImRhbmdlciI+e3sgdG90YWxzLnRvdGFsQm9ycm93IH19PC9hLXR5cG9ncmFwaHktdGV4dD4KICAgICAgICA8L2EtdGFibGUtc3VtbWFyeS1jZWxsPgogICAgICAgIDxhLXRhYmxlLXN1bW1hcnktY2VsbD4KICAgICAgICAgIDxhLXR5cG9ncmFwaHktdGV4dD57eyB0b3RhbHMudG90YWxSZXBheW1lbnQgfX08L2EtdHlwb2dyYXBoeS10ZXh0PgogICAgICAgIDwvYS10YWJsZS1zdW1tYXJ5LWNlbGw+CiAgICAgIDwvYS10YWJsZS1zdW1tYXJ5LXJvdz4KICAgICAgPGEtdGFibGUtc3VtbWFyeS1yb3c+CiAgICAgICAgPGEtdGFibGUtc3VtbWFyeS1jZWxsPkJhbGFuY2U8L2EtdGFibGUtc3VtbWFyeS1jZWxsPgogICAgICAgIDxhLXRhYmxlLXN1bW1hcnktY2VsbCA6Y29sLXNwYW49IjIiPgogICAgICAgICAgPGEtdHlwb2dyYXBoeS10ZXh0IHR5cGU9ImRhbmdlciI+CiAgICAgICAgICAgIHt7IHRvdGFscy50b3RhbEJvcnJvdyAtIHRvdGFscy50b3RhbFJlcGF5bWVudCB9fQogICAgICAgICAgPC9hLXR5cG9ncmFwaHktdGV4dD4KICAgICAgICA8L2EtdGFibGUtc3VtbWFyeS1jZWxsPgogICAgICA8L2EtdGFibGUtc3VtbWFyeS1yb3c+CiAgICA8L3RlbXBsYXRlPgogIDwvYS10YWJsZT4KICA8YnIgLz4KICA8YS10YWJsZQogICAgOmNvbHVtbnM9ImZpeGVkQ29sdW1ucyIKICAgIDpkYXRhLXNvdXJjZT0iZml4ZWREYXRhIgogICAgOnBhZ2luYXRpb249ImZhbHNlIgogICAgOnNjcm9sbD0ieyB4OiAyMDAwLCB5OiA1MDAgfSIKICAgIGJvcmRlcmVkCiAgPgogICAgPHRlbXBsYXRlICNzdW1tYXJ5PgogICAgICA8YS10YWJsZS1zdW1tYXJ5IGZpeGVkPgogICAgICAgIDxhLXRhYmxlLXN1bW1hcnktcm93PgogICAgICAgICAgPGEtdGFibGUtc3VtbWFyeS1jZWxsIDppbmRleD0iMCI+U3VtbWFyeTwvYS10YWJsZS1zdW1tYXJ5LWNlbGw+CiAgICAgICAgICA8YS10YWJsZS1zdW1tYXJ5LWNlbGwgOmluZGV4PSIxIj5UaGlzIGlzIGEgc3VtbWFyeSBjb250ZW50PC9hLXRhYmxlLXN1bW1hcnktY2VsbD4KICAgICAgICA8L2EtdGFibGUtc3VtbWFyeS1yb3c+CiAgICAgIDwvYS10YWJsZS1zdW1tYXJ5PgogICAgPC90ZW1wbGF0ZT4KICA8L2EtdGFibGU+CjwvdGVtcGxhdGU+CjxzY3JpcHQgbGFuZz0idHMiIHNldHVwPgppbXBvcnQgdHlwZSB7IFRhYmxlQ29sdW1uc1R5cGUgfSBmcm9tICdhbnQtZGVzaWduLXZ1ZSc7CmltcG9ydCB7

4299IGNvbXB1dGVkLCByZWYgfSBmcm9tICd2dWUnOwoKY29uc3QgY29sdW1ucyA9IHJlZjxUYWJsZUNvbHVtbnNUeXBlPihbCiAgewogICAgdGl0bGU6ICdOYW1lJywKICAgIGRhdGFJbmRleDogJ25hbWUnLAogIH0sCiAgewogICAgdGl0bGU6ICdCb3Jyb3cnLAogICAgZGF0YUluZGV4OiAnYm9ycm93JywKICB9LAogIHsKICAgIHRpdGxlOiAnUmVwYXltZW50JywKICAgIGRhdGFJbmRleDogJ3JlcGF5bWVudCcsCiAgfSwKXSk7Cgpjb25zdCBkYXRhID0gcmVmKFsKICB7CiAgICBrZXk6ICcxJywKICAgIG5hbWU6ICdKb2huIEJyb3duJywKICAgIGJvcnJvdzogMTAsCiAgICByZXBheW1lbnQ6IDMzLAogIH0sCiAgewogICAga2V5OiAnMicsCiAgICBuYW1lOiAnSmltIEdyZWVuJywKICAgIGJvcnJvdzogMTAwLAogICAgcmVwYXltZW50OiAwLAogIH0sCiAgewogICAga2V5OiAnMycsCiAgICBuYW1lOiAnSm9lIEJsYWNrJywKICAgIGJvcnJvdzogMTAsCiAgICByZXBheW1lbnQ6IDEwLAogIH0sCiAgewogICAga2V5OiAnNCcsCiAgICBuYW1lOiAnSmltIFJlZCcsCiAgICBib3Jyb3c6IDc1LAogICAgcmVwYXltZW50OiA0NSwKICB9LApdKTsKCmNvbnN0IGZpeGVkQ29sdW1ucyA9IHJlZjxUYWJsZUNvbHVtbnNUeXBlPihbCiAgewogICAgdGl0bGU6ICdOYW1lJywKICAgIGRhdGFJbmRleDogJ25hbWUnLAogICAgZml4ZWQ6IHRydWUsCiAgICB3aWR0aDogMTAwLAogIH0sCiAgewogICAgdGl0bGU6ICdEZXNjcmlwdGlvbicsCiAgICBkYXRhSW5kZXg6ICdkZXNjcmlwdGlvbicsCiAgfSwKXSk7Cgpjb25zdCBmaXhlZERhdGEgPSByZWY8eyBrZXk6IG51bWJlcjsgbmFtZTogc3RyaW5nOyBkZXNjcmlwdGlvbjogc3RyaW5nIH1bXT4oW10pOwpmb3IgKGxldCBpID0gMDsgaSA8IDIwOyBpICs9IDEpIHsKICBmaXhlZERhdGEudmFsdWUucHVzaCh7CiAgICBrZXk6IGksCiAgICBuYW1lOiBbJ0xpZ2h0JywgJ0JhbWJvbycsICdMaXR0bGUnXVtpICUgM10sCiAgICBkZXNjcmlwdGlvbjogJ0V2ZXJ5dGhpbmcgdGhhdCBoYXMgYSBiZWdpbm5pbmcsIGhhcyBhbiBlbmQuJywKICB9KTsKfQoKY29uc3QgdG90YWxzID0gY29tcHV0ZWQoKCkgPT4gewogIGxldCB0b3RhbEJvcnJvdyA9IDA7CiAgbGV0IHRvdGFsUmVwYXltZW50ID0gMDsKCiAgZGF0YS52YWx1ZS5mb3JFYWNoKCh7IGJvcnJvdywgcmVwYXltZW50IH0pID0+IHsKICAgIHRvdGFsQm9ycm93ICs9IGJvcnJvdzsKICAgIHRvdGFsUmVwYXltZW50ICs9IHJlcGF5bWVudDsKICB9KTsKICByZXR1cm4geyB0b3RhbEJvcnJvdywgdG90YWxSZXBheW1lbnQgfTsKfSk7Cjwvc2NyaXB0Pgo8c3R5bGU+CiNjb21wb25lbnRzLXRhYmxlLWRlbW8tc3VtbWFyeSB0Zm9vdCB0aCwKI2NvbXBvbmVudHMtdGFibGUtZGVtby1zdW1tYXJ5IHRmb290IHRkIHsKICBiYWNrZ3JvdW5kOiAjZmFmYWZhOwp9CltkYXRhLXRoZW1lPSdkYXJrJ10gI2NvbXBvbmVudHMtdGFibGUtZGVtby1zdW1tYXJ5IHRmb290IHRoLApbZGF0YS10aGVtZT0nZGFyayddICNjb21wb25lbnRzLXRhYmxlLWRlbW8tc3VtbWFyeSB0Zm9vdCB0ZCB7CiAgYmFja2dyb3VuZDogIzFkMWQxZDsKfQo8L3N0eWxlPgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXRhYmxlIDpjb2x1bW5zPSJjb2x1bW5zIiA6ZGF0YS1zb3VyY2U9ImRhdGEiIDpwYWdpbmF0aW9uPSJmYWxzZSIgYm9yZGVyZWQ+CiAgICA8dGVtcGxhdGUgI3N1bW1hcnk+CiAgICAgIDxhLXRhYmxlLXN1bW1hcnktcm93PgogICAgICAgIDxhLXRhYmxlLXN1bW1hcnktY2VsbD5Ub3RhbDwvYS10YWJsZS1zdW1tYXJ5LWNlbGw+CiAgICAgICAgPGEtdGFibGUtc3VtbWFyeS1jZWxsPgogICAgICAgICAgPGEtdHlwb2dyYXBoeS10ZXh0IHR5cGU9ImRhbmdlciI+e3sgdG90YWxzLnRvdGFsQm9ycm93IH19PC9hLXR5cG9ncmFwaHktdGV4dD4KICAgICAgICA8L2EtdGFibGUtc3VtbWFyeS1jZWxsPgogICAgICAgIDxhLXRhYmxlLXN1bW1hcnktY2VsbD4KICAgICAgICAgIDxhLXR5cG9ncmFwaHktdGV4dD57eyB0b3RhbHMudG90YWxSZXBheW1lbnQgfX08L2EtdHlwb2dyYXBoeS10ZXh0PgogICAgICAgIDwvYS10YWJsZS1zdW1tYXJ5LWNlbGw+CiAgICAgIDwvYS10YWJsZS1zdW1tYXJ5LXJvdz4KICAgICAgPGEtdGFibGUtc3VtbWFyeS1yb3c+CiAgICAgICAgPGEtdGFibGUtc3VtbWFyeS1jZWxsPkJhbGFuY2U8L2EtdGFibGUtc3VtbWFyeS1jZWxsPgogICAgICAgIDxhLXRhYmxlLXN1bW1hcnktY2VsbCA6Y29sLXNwYW49IjIiPgogICAgICAgICAgPGEtdHlwb2dyYXBoeS10ZXh0IHR5cGU9ImRhbmdlciI+CiAgICAgICAgICAgIHt7IHRvdGFscy50b3RhbEJvcnJvdyAtIHRvdGFscy50b3RhbFJlcGF5bWVudCB9fQogICAgICAgICAgPC9hLXR5cG9ncmFwaHktdGV4dD4KICAgICAgICA8L2EtdGFibGUtc3VtbWFyeS1jZWxsPgogICAgICA8L2EtdGFibGUtc3VtbWFyeS1yb3c+CiAgICA8L3RlbXBsYXRlPgogIDwvYS10YWJsZT4KICA8YnIgLz4KICA8YS10YWJsZQogICAgOmNvbHVtbnM9ImZpeGVkQ29sdW1ucyIKICAgIDpkYXRhLXNvdXJjZT0iZml4ZWREYXRhIgogICAgOnBhZ2luYXRpb249ImZhbHNlIgogICAgOnNjcm9sbD0ieyB4OiAyMDAwLCB5OiA1MDAgfSIKICAgIGJvcmRlcmVkCiAgPgogICAgPHRlbXBsYXRlICNzdW1tYXJ5PgogICAgICA8YS10YWJsZS1zdW1tYXJ5IGZpeGVkPgogICAgICAgIDxhLXRhYmxlLXN1bW1hcnktcm93PgogICAgICAgICAgPGEtdGFibGUtc3VtbWFyeS1jZWxsIDppbmRleD0iMCI+U3VtbWFyeTwvYS10YWJsZS1zdW1tYXJ5LWNlbGw+CiAgICAgICAgICA8YS10YWJsZS1zdW1tYXJ5LWNlbGwgOmluZGV4PSIxIj5UaGlzIGlzIGEgc3VtbWFyeSBjb250ZW50PC9hLXRhYmxlLXN1bW1hcnktY2VsbD4KICAgICAgICA8L2EtdGFibGUtc3VtbWFyeS1yb3c+CiAgICAgIDwvYS10YWJsZS1zdW1tYXJ5PgogICAgPC90ZW1wbGF0ZT4KICA8L2EtdGFibGU+CjwvdGVtcGxhdGU+CjxzY3JpcHQgc2V0dXA+CmltcG9ydCB7IGNvbXB1dGVkLCByZWYgfSBmcm9tICd2dWUnOwpjb25zdCBjb2x1bW5zID0gcmVmKFsKICB7CiAgICB0aXRsZTogJ05hbWUnLAogICAgZGF0YUluZGV4OiAnbmFtZScsCiAgfSwKICB7CiAgICB0aXRsZTogJ0JvcnJvdycsCiAgICBkYXRhSW5kZXg6ICdib3Jyb3cnLAogIH0sCiAgewogICAgdGl0bGU6ICdSZXBheW1lbnQnLAogICAgZGF0YUluZGV4OiAncmVwYXltZW50JywKICB9LApdKTsKY29uc3QgZGF0YSA9IHJlZihbCiAgewogICAga2V5OiAnMScsCiAgICBuYW1lOiAnSm9obiBCcm93bicsCiAgICBib3Jyb3c6IDEwLAogICAgcmVwYXltZW50OiAzMywKICB9LAogIHsKICAgIGtleTogJzInLAogICAgbmFtZTogJ0ppbSBHcmVlbicsCiAgICBib3Jyb3c6IDEwMCwKICAgIHJlcGF5bWVudDogMCwKICB9LAogIHsKICAgIGtleTogJzMnLAogICAgbmFtZTogJ0pvZSBCbGFjaycsCiAgICBib3Jyb3c6IDEwLAogICAgcmVwYXltZW50OiAxMCwKICB9LAogIHsKICAgIGtleTogJzQnLAogICAgbmFtZTogJ0ppbSBSZWQnLAogICAgYm9ycm93OiA3NSwKICAgIHJlcGF5bWVudDogNDUsCiAgfSwKXSk7CmNvbnN0IGZpeGVkQ29sdW1ucyA9IHJlZihbCiAgewogICAgdGl0bGU6ICdOYW1lJywKICAgIGRhdGFJbmRleDogJ25hbWUnLAogICAgZml4ZWQ6IHRydWUsCiAgICB3aWR0aDogMTAwLAogIH0sCiAgewogICAgdGl0bGU6ICdEZXNjcmlwdGlvbicsCiAgICBkYXRhSW5kZXg6ICdkZXNjcmlwdGlvbicsCiAgfSwKXSk7CmNvbnN0IGZpeGVkRGF0YSA9IHJlZihbXSk7CmZvciAobGV0IGkgPSAwOyBpIDwgMjA7IGkgKz0gMSkgewogIGZpeGVkRGF0YS52YWx1ZS

42995wdXNoKHsKICAgIGtleTogaSwKICAgIG5hbWU6IFsnTGlnaHQnLCAnQmFtYm9vJywgJ0xpdHRsZSddW2kgJSAzXSwKICAgIGRlc2NyaXB0aW9uOiAnRXZlcnl0aGluZyB0aGF0IGhhcyBhIGJlZ2lubmluZywgaGFzIGFuIGVuZC4nLAogIH0pOwp9CmNvbnN0IHRvdGFscyA9IGNvbXB1dGVkKCgpID0+IHsKICBsZXQgdG90YWxCb3Jyb3cgPSAwOwogIGxldCB0b3RhbFJlcGF5bWVudCA9IDA7CiAgZGF0YS52YWx1ZS5mb3JFYWNoKCh7IGJvcnJvdywgcmVwYXltZW50IH0pID0+IHsKICAgIHRvdGFsQm9ycm93ICs9IGJvcnJvdzsKICAgIHRvdGFsUmVwYXltZW50ICs9IHJlcGF5bWVudDsKICB9KTsKICByZXR1cm4gewogICAgdG90YWxCb3Jyb3csCiAgICB0b3RhbFJlcGF5bWVudCwKICB9Owp9KTsKPC9zY3JpcHQ+CjxzdHlsZT4KI2NvbXBvbmVudHMtdGFibGUtZGVtby1zdW1tYXJ5IHRmb290IHRoLAojY29tcG9uZW50cy10YWJsZS1kZW1vLXN1bW1hcnkgdGZvb3QgdGQgewogIGJhY2tncm91bmQ6ICNmYWZhZmE7Cn0KW2RhdGEtdGhlbWU9J2RhcmsnXSAjY29tcG9uZW50cy10YWJsZS1kZW1vLXN1bW1hcnkgdGZvb3QgdGgsCltkYXRhLXRoZW1lPSdkYXJrJ10gI2NvbXBvbmVudHMtdGFibGUtZGVtby1zdW1tYXJ5IHRmb290IHRkIHsKICBiYWNrZ3JvdW5kOiAjMWQxZDFkOwp9Cjwvc3R5bGU+"}},{default:d(()=>[C(k,{columns:o.value,"data-source":p.value,pagination:!1,bordered:""},{summary:d(()=>[C(g,null,{default:d(()=>[C(u,null,{default:d(()=>[...l[0]||(l[0]=[a("Total",-1)])]),_:1}),C(u,null,{default:d(()=>[C(i,{type:"danger"},{default:d(()=>[a(L(e.value.totalBorrow),1)]),_:1})]),_:1}),C(u,null,{default:d(()=>[C(i,null,{default:d(()=>[a(L(e.value.totalRepayment),1)]),_:1})]),_:1})]),_:1}),C(g,null,{default:d(()=>[C(u,null,{default:d(()=>[...l[1]||(l[1]=[a("Balance",-1)])]),_:1}),C(u,{"col-span":2},{default:d(()=>[C(i,{type:"danger"},{default:d(()=>[a(L(e.value.totalBorrow-e.value.totalRepayment),1)]),_:1})]),_:1})]),_:1})]),_:1},8,["columns","data-source"]),l[4]||(l[4]=n("br",null,null,-1)),C(k,{columns:c.value,"data-source":s.value,pagination:!1,scroll:{x:2e3,y:500},bordered:""},{summary:d(()=>[C(y,{fixed:""},{default:d(()=>[C(g,null,{default:d(()=>[C(u,{index:0},{default:d(()=>[...l[2]||(l[2]=[a("Summary",-1)])]),_:1}),C(u,{index:1},{default:d(()=>[...l[3]||(l[3]=[a("This is a summary content",-1)])]),_:1})]),_:1})]),_:1})]),_:1},8,["columns","data-source"])]),htmlCode:d(()=>[...l[5]||(l[5]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
4300  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table")]),a(),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("columns"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("data"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":pagination"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("false"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"bordered"),n("span",{class:"token punctuation"},">")]),a(`
4301    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#summary"),n("span",{class:"token punctuation"},">")]),a(`
4302      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table-summary-row")]),n("span",{class:"token punctuation"},">")]),a(`
4303        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table-summary-cell")]),n("span",{class:"token punctuation"},">")]),a("Total"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table-summary-cell")]),n("span",{class:"token punctuation"},">")]),a(`
4304        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table-summary-cell")]),n("span",{class:"token punctuation"},">")]),a(`
4305          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-typography-text")]),a(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("danger"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("{{ totals.totalBorrow }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-typography-text")]),n("span",{class:"token punctuation"},">")]),a(`
4306        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table-summary-cell")]),n("span",{class:"token punctuation"},">")]),a(`
4307        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table-summary-cell")]),n("span",{class:"token punctuation"},">")]),a(`
4308          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-typography-text")]),n("span",{class:"token punctuation"},">")]),a("{{ totals.totalRepayment }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-typography-text")]),n("span",{class:"token punctuation"},">")]),a(`
4309        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table-summary-cell")]),n("span",{class:"token punctuation"},">")]),a(`
4310      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table-summary-row")]),n("span",{class:"token punctuation"},">")]),a(`
4311      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table-summary-row")]),n("span",{class:"token punctuation"},">")]),a(`
4312        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table-summary-cell")]),n("span",{class:"token punctuation"},">")]),a("Balance"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table-summary-cell")]),n("span",{class:"token punctuation"},">")]),a(`
4313        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table-summary-cell")]),a(),n("span",{class:"token attr-name"},":col-span"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("2"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
4314          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-typography-text")]),a(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("danger"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
4315            {{ totals.totalBorrow - totals.totalRepayment }}
4316          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-typography-text")]),n("span",{class:"token punctuation"},">")]),a(`
4317        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table-summary-cell")]),n("span",{class:"token punctuation"},">")]),a(`
4318      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table-summary-row")]),n("span",{class:"token punctuation"},">")]),a(`
4319    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
4320  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table")]),n("span",{class:"token punctuation"},">")]),a(`
4321  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("br")]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
4322  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table")]),a(`
4323    `),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("fixedColumns"),n("span",{class:"token punctuation"},'"')]),a(`
4324    `),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("fixedData"),n("span",{class:"token punctuation"},'"')]),a(`
4325    `),n("span",{class:"token attr-name"},":pagination"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("false"),n("span",{class:"token punctuation"},'"')]),a(`
4326    `),n("span",{class:"token attr-name"},":scroll"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ x: 2000, y: 500 }"),n("span",{class:"token punctuation"},'"')]),a(`
4327    `),n("span",{class:"token attr-name"},"bordered"),a(`
4328  `),n("span",{class:"token punctuation"},">")]),a(`
4329    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#summary"),n("span",{class:"token punctuation"},">")]),a(`
4330      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table-summary")]),a(),n("span",{class:"token attr-name"},"fixed"),n("span",{class:"token punctuation"},">")]),a(`
4331        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table-summary-row")]),n("span",{class:"token punctuation"},">")]),a(`
4332          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table-summary-cell")]),a(),n("span",{class:"token attr-name"},":index"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("0"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Summary"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table-summary-cell")]),n("span",{class:"token punctuation"},">")]),a(`
4333          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table-summary-cell")]),a(),n("span",{class:"token attr-name"},":index"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("1"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("This is a summary content"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table-summary-cell")]),n("span",{class:"token punctuation"},">")]),a(`
4334        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table-summary-row")]),n("span",{class:"token punctuation"},">")]),a(`
4335      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table-summary")]),n("span",{class:"token punctuation"},">")]),a(`
4336    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
4337  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table")]),n("span",{class:"token punctuation"},">")]),a(`
4338`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
4339`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"}

4339,"<"),a("script")]),a(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ts"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"setup"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
4340`),n("span",{class:"token keyword"},"import"),a(" type "),n("span",{class:"token punctuation"},"{"),a(" TableColumnsType "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'ant-design-vue'"),n("span",{class:"token punctuation"},";"),a(`
4341`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" computed"),n("span",{class:"token punctuation"},","),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
4342
4343`),n("span",{class:"token keyword"},"const"),a(" columns "),n("span",{class:"token operator"},"="),a(" ref"),n("span",{class:"token operator"},"<"),a("TableColumnsType"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),a(`
4344  `),n("span",{class:"token punctuation"},"{"),a(`
4345    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Name'"),n("span",{class:"token punctuation"},","),a(`
4346    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
4347  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4348  `),n("span",{class:"token punctuation"},"{"),a(`
4349    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Borrow'"),n("span",{class:"token punctuation"},","),a(`
4350    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'borrow'"),n("span",{class:"token punctuation"},","),a(`
4351  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4352  `),n("span",{class:"token punctuation"},"{"),a(`
4353    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Repayment'"),n("span",{class:"token punctuation"},","),a(`
4354    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'repayment'"),n("span",{class:"token punctuation"},","),a(`
4355  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4356`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
4357
4358`),n("span",{class:"token keyword"},"const"),a(" data "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),a(`
4359  `),n("span",{class:"token punctuation"},"{"),a(`
4360    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'1'"),n("span",{class:"token punctuation"},","),a(`
4361    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'John Brown'"),n("span",{class:"token punctuation"},","),a(`
4362    `),n("span",{class:"token literal-property property"},"borrow"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"10"),n("span",{class:"token punctuation"},","),a(`
4363    `),n("span",{class:"token literal-property property"},"repayment"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"33"),n("span",{class:"token punctuation"},","),a(`
4364  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4365  `),n("span",{class:"token punctuation"},"{"),a(`
4366    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'2'"),n("span",{class:"token punctuation"},","),a(`
4367    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jim Green'"),n("span",{class:"token punctuation"},","),a(`
4368    `),n("span",{class:"token literal-property property"},"borrow"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"100"),n("span",{class:"token punctuation"},","),a(`
4369    `),n("span",{class:"token literal-property property"},"repayment"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},","),a(`
4370  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4371  `),n("span",{class:"token punctuation"},"{"),a(`
4372    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'3'"),n("span",{class:"token punctuation"},","),a(`
4373    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Joe Black'"),n("span",{class:"token punctuation"},","),a(`
4374    `),n("span",{class:"token literal-property property"},"borrow"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"10"),n("span",{class:"token punctuation"},","),a(`
4375    `),n("span",{class:"token literal-property property"},"repayment"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"10"),n("span",{class:"token punctuation"},","),a(`
4376  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4377  `),n("span",{class:"token punctuation"},"{"),a(`
4378    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'4'"),n("span",{class:"token punctuation"},","),a(`
4379    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jim Red'"),n("span",{class:"token punctuation"},","),a(`
4380    `),n("span",{class:"token literal-property property"},"borrow"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"75"),n("span",{class:"token punctuation"},","),a(`
4381    `),n("span",{class:"token literal-property property"},"repayment"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"45"),n("span",{class:"token punctuation"},","),a(`
4382  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4383`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
4384
4385`),n("span",{class:"token keyword"},"const"),a(" fixedColumns "),n("span",{class:"token operator"},"="),a(" ref"),n("span",{class:"token operator"},"<"),a("TableColumnsType"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),a(`
4386  `),n("span",{class:"token punctuation"},"{"),a(`
4387    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Name'"),n("span",{class:"token punctuation"},","),a(`
4388    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
4389    `),n("span",{class:"token literal-property property"},"fixed"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},","),a(`
4390    `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"100"),n("span",{class:"token punctuation"},","),a(`
4391  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4392  `),n("span",{class:"token punctuation"},"{"),a(`
4393    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Description'"),n("span",{class:"token punctuation"},","),a(`
4394    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'description'"),n("span",{class:"token punctuation"},","),a(`
4395  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4396`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
4397
4398`),n("span",{class:"token keyword"},"const"),a(" fixedData "),n("span",{class:"token operator"},"="),a(" ref"),n("span",{class:"token operator"},"<"),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(" number"),n("span",{class:"token punctuation"},";"),a(" name"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},";"),a(" description"),n("span",{class:"token operator"},":"),a(" string "),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
4399`),n("span",{class:"token keyword"},"for"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token keyword"},"let"),a(" i "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},";"),a(" i "),n("span",{class:"token operator"},"<"),a(),n("span",{class:"token number"},"20"),n("span",{class:"token punctuation"},";"),a(" i "),n("span",{class:"token operator"},"+="),a(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
4400  fixedData`),n("span",{class:"token punctuation"},"."),a("value"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"push"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
4401    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(" i"),n("span",{class:"token punctuation"},","),a(`
4402    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'Light'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token string"},"'Bamboo'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token string"},"'Little'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},"["),a("i "),n("span",{class:"token operator"},"%"),a(),n("span",{class:"token number"},"3"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
4403    `),n("span",{class:"token literal-property property"},"description"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Everything that has a beginning, has an end.'"),n("span",{class:"token punctuation"},","),a(`
4404  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
4405`),n("span",{class:"token punctuation"},"}"),a(`
4406
4407`),n("span",{class:"token keyword"},"const"),a(" totals "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"computed"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
4408  `),n("span",{class:"token keyword"},"let"),a(" totalBorrow "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},";"),a(`
4409  `),n("span",{class:"token keyword"},"let"),a(" totalRepayment "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},";"),a(`
4410
4411  data`),n("span",{class:"token punctuation"},"."),a("value"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"forEach"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token punctuation"},"{"),a(" borrow"),n("span",{class:"token punctuation"},","),a(" repayment "),n("span",{class:"token punctuation"},"}")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
4412    totalBorrow `),n("span",{class:"token operator"},"+="),a(" borrow"),n("span",{class:"token punctuation"},";"),a(`
4413    totalRepayment `),n("span",{class:"token operator"},"+="),a(" repayment"),n("span",{class:"token punctuation"},";"),a(`
4414  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
4415  `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(" totalBorrow"),n("span",{class:"token punctuation"},","),a(" totalRepayment "),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
4416`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
4417`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"}

4417,"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
4418`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("style")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token style"},[n("span",{class:"token language-css"},[a(`
4419`),n("span",{class:"token selector"},`#components-table-demo-summary tfoot th,
4420#components-table-demo-summary tfoot td`),a(),n("span",{class:"token punctuation"},"{"),a(`
4421  `),n("span",{class:"token property"},"background"),n("span",{class:"token punctuation"},":"),a(" #fafafa"),n("span",{class:"token punctuation"},";"),a(`
4422`),n("span",{class:"token punctuation"},"}"),a(`
4423`),n("span",{class:"token selector"},`[data-theme='dark'] #components-table-demo-summary tfoot th,
4424[data-theme='dark'] #components-table-demo-summary tfoot td`),a(),n("span",{class:"token punctuation"},"{"),a(`
4425  `),n("span",{class:"token property"},"background"),n("span",{class:"token punctuation"},":"),a(" #1d1d1d"),n("span",{class:"token punctuation"},";"),a(`
4426`),n("span",{class:"token punctuation"},"}"),a(`
4427`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("style")]),n("span",{class:"token punctuation"},">")]),a(`
4428`)])],-1)])]),jsVersionHtml:d(()=>[...l[6]||(l[6]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
4429  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table")]),a(),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("columns"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("data"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":pagination"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("false"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"bordered"),n("span",{class:"token punctuation"},">")]),a(`
4430    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#summary"),n("span",{class:"token punctuation"},">")]),a(`
4431      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table-summary-row")]),n("span",{class:"token punctuation"},">")]),a(`
4432        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table-summary-cell")]),n("span",{class:"token punctuation"},">")]),a("Total"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table-summary-cell")]),n("span",{class:"token punctuation"},">")]),a(`
4433        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table-summary-cell")]),n("span",{class:"token punctuation"},">")]),a(`
4434          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-typography-text")]),a(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("danger"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("{{ totals.totalBorrow }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-typography-text")]),n("span",{class:"token punctuation"},">")]),a(`
4435        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table-summary-cell")]),n("span",{class:"token punctuation"},">")]),a(`
4436        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table-summary-cell")]),n("span",{class:"token punctuation"},">")]),a(`
4437          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-typography-text")]),n("span",{class:"token punctuation"},">")]),a("{{ totals.totalRepayment }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-typography-text")]),n("span",{class:"token punctuation"},">")]),a(`
4438        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table-summary-cell")]),n("span",{class:"token punctuation"},">")]),a(`
4439      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table-summary-row")]),n("span",{class:"token punctuation"},">")]),a(`
4440      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table-summary-row")]),n("span",{class:"token punctuation"},">")]),a(`
4441        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table-summary-cell")]),n("span",{class:"token punctuation"},">")]),a("Balance"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table-summary-cell")]),n("span",{class:"token punctuation"},">")]),a(`
4442        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table-summary-cell")]),a(),n("span",{class:"token attr-name"},":col-span"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("2"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
4443          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-typography-text")]),a(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("danger"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
4444            {{ totals.totalBorrow - totals.totalRepayment }}
4445          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-typography-text")]),n("span",{class:"token punctuation"},">")]),a(`
4446        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table-summary-cell")]),n("span",{class:"token punctuation"},">")]),a(`
4447      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table-summary-row")]),n("span",{class:"token punctuation"},">")]),a(`
4448    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
4449  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table")]),n("span",{class:"token punctuation"},">")]),a(`
4450  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("br")]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
4451  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table")]),a(`
4452    `),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("fixedColumns"),n("span",{class:"token punctuation"},'"')]),a(`
4453    `),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("fixedData"),n("span",{class:"token punctuation"},'"')]),a(`
4454    `),n("span",{class:"token attr-name"},":pagination"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("false"),n("span",{class:"token punctuation"},'"')]),a(`
4455    `),n("span",{class:"token attr-name"},":scroll"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ x: 2000, y: 500 }"),n("span",{class:"token punctuation"},'"')]),a(`
4456    `),n("span",{class:"token attr-name"},"bordered"),a(`
4457  `),n("span",{class:"token punctuation"},">")]),a(`
4458    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#summary"),n("span",{class:"token punctuation"},">")]),a(`
4459      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table-summary")]),a(),n("span",{class:"token attr-name"},"fixed"),n("span",{class:"token punctuation"},">")]),a(`
4460        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table-summary-row")]),n("span",{class:"token punctuation"},">")]),a(`
4461          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table-summary-cell")]),a(),n("span",{class:"token attr-name"},":index"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("0"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Summary"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table-summary-cell")]),n("span",{class:"token punctuation"},">")]),a(`
4462          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table-summary-cell")]),a(),n("span",{class:"token attr-name"},":index"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("1"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("This is a summary content"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table-summary-cell")]),n("span",{class:"token punctuation"},">")]),a(`
4463        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table-summary-row")]),n("span",{class:"token punctuation"},">")]),a(`
4464      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table-summary")]),n("span",{class:"token punctuation"},">")]),a(`
4465    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
4466  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table")]),n("span",{class:"token punctuation"},">")]),a(`
4467`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
4468`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"}

4468,"<"),a("script")]),a(),n("span",{class:"token attr-name"},"setup"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
4469`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" computed"),n("span",{class:"token punctuation"},","),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
4470`),n("span",{class:"token keyword"},"const"),a(" columns "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),a(`
4471  `),n("span",{class:"token punctuation"},"{"),a(`
4472    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Name'"),n("span",{class:"token punctuation"},","),a(`
4473    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
4474  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4475  `),n("span",{class:"token punctuation"},"{"),a(`
4476    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Borrow'"),n("span",{class:"token punctuation"},","),a(`
4477    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'borrow'"),n("span",{class:"token punctuation"},","),a(`
4478  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4479  `),n("span",{class:"token punctuation"},"{"),a(`
4480    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Repayment'"),n("span",{class:"token punctuation"},","),a(`
4481    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'repayment'"),n("span",{class:"token punctuation"},","),a(`
4482  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4483`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
4484`),n("span",{class:"token keyword"},"const"),a(" data "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),a(`
4485  `),n("span",{class:"token punctuation"},"{"),a(`
4486    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'1'"),n("span",{class:"token punctuation"},","),a(`
4487    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'John Brown'"),n("span",{class:"token punctuation"},","),a(`
4488    `),n("span",{class:"token literal-property property"},"borrow"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"10"),n("span",{class:"token punctuation"},","),a(`
4489    `),n("span",{class:"token literal-property property"},"repayment"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"33"),n("span",{class:"token punctuation"},","),a(`
4490  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4491  `),n("span",{class:"token punctuation"},"{"),a(`
4492    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'2'"),n("span",{class:"token punctuation"},","),a(`
4493    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jim Green'"),n("span",{class:"token punctuation"},","),a(`
4494    `),n("span",{class:"token literal-property property"},"borrow"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"100"),n("span",{class:"token punctuation"},","),a(`
4495    `),n("span",{class:"token literal-property property"},"repayment"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},","),a(`
4496  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4497  `),n("span",{class:"token punctuation"},"{"),a(`
4498    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'3'"),n("span",{class:"token punctuation"},","),a(`
4499    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Joe Black'"),n("span",{class:"token punctuation"},","),a(`
4500    `),n("span",{class:"token literal-property property"},"borrow"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"10"),n("span",{class:"token punctuation"},","),a(`
4501    `),n("span",{class:"token literal-property property"},"repayment"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"10"),n("span",{class:"token punctuation"},","),a(`
4502  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4503  `),n("span",{class:"token punctuation"},"{"),a(`
4504    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'4'"),n("span",{class:"token punctuation"},","),a(`
4505    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jim Red'"),n("span",{class:"token punctuation"},","),a(`
4506    `),n("span",{class:"token literal-property property"},"borrow"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"75"),n("span",{class:"token punctuation"},","),a(`
4507    `),n("span",{class:"token literal-property property"},"repayment"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"45"),n("span",{class:"token punctuation"},","),a(`
4508  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4509`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
4510`),n("span",{class:"token keyword"},"const"),a(" fixedColumns "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),a(`
4511  `),n("span",{class:"token punctuation"},"{"),a(`
4512    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Name'"),n("span",{class:"token punctuation"},","),a(`
4513    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
4514    `),n("span",{class:"token literal-property property"},"fixed"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},","),a(`
4515    `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"100"),n("span",{class:"token punctuation"},","),a(`
4516  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4517  `),n("span",{class:"token punctuation"},"{"),a(`
4518    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Description'"),n("span",{class:"token punctuation"},","),a(`
4519    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'description'"),n("span",{class:"token punctuation"},","),a(`
4520  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4521`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
4522`),n("span",{class:"token keyword"},"const"),a(" fixedData "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
4523`),n("span",{class:"token keyword"},"for"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token keyword"},"let"),a(" i "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},";"),a(" i "),n("span",{class:"token operator"},"<"),a(),n("span",{class:"token number"},"20"),n("span",{class:"token punctuation"},";"),a(" i "),n("span",{class:"token operator"},"+="),a(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
4524  fixedData`),n("span",{class:"token punctuation"},"."),a("value"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"push"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
4525    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(" i"),n("span",{class:"token punctuation"},","),a(`
4526    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'Light'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token string"},"'Bamboo'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token string"},"'Little'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},"["),a("i "),n("span",{class:"token operator"},"%"),a(),n("span",{class:"token number"},"3"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
4527    `),n("span",{class:"token literal-property property"},"description"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Everything that has a beginning, has an end.'"),n("span",{class:"token punctuation"},","),a(`
4528  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
4529`),n("span",{class:"token punctuation"},"}"),a(`
4530`),n("span",{class:"token keyword"},"const"),a(" totals "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"computed"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
4531  `),n("span",{class:"token keyword"},"let"),a(" totalBorrow "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},";"),a(`
4532  `),n("span",{class:"token keyword"},"let"),a(" totalRepayment "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},";"),a(`
4533  data`),n("span",{class:"token punctuation"},"."),a("value"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"forEach"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token punctuation"},"{"),a(" borrow"),n("span",{class:"token punctuation"},","),a(" repayment "),n("span",{class:"token punctuation"},"}")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
4534    totalBorrow `),n("span",{class:"token operator"},"+="),a(" borrow"),n("span",{class:"token punctuation"},";"),a(`
4535    totalRepayment `),n("span",{class:"token operator"},"+="),a(" repayment"),n("span",{class:"token punctuation"},";"),a(`
4536  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
4537  `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
4538    totalBorrow`),n("span",{class:"token punctuation"},","),a(`
4539    totalRepayment`),n("span",{class:"token punctuation"},","),a(`
4540  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
4541`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
4542`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"}

4542,"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
4543`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("style")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token style"},[n("span",{class:"token language-css"},[a(`
4544`),n("span",{class:"token selector"},`#components-table-demo-summary tfoot th,
4545#components-table-demo-summary tfoot td`),a(),n("span",{class:"token punctuation"},"{"),a(`
4546  `),n("span",{class:"token property"},"background"),n("span",{class:"token punctuation"},":"),a(" #fafafa"),n("span",{class:"token punctuation"},";"),a(`
4547`),n("span",{class:"token punctuation"},"}"),a(`
4548`),n("span",{class:"token selector"},`[data-theme='dark'] #components-table-demo-summary tfoot th,
4549[data-theme='dark'] #components-table-demo-summary tfoot td`),a(),n("span",{class:"token punctuation"},"{"),a(`
4550  `),n("span",{class:"token property"},"background"),n("span",{class:"token punctuation"},":"),a(" #1d1d1d"),n("span",{class:"token punctuation"},";"),a(`
4551`),n("span",{class:"token punctuation"},"}"),a(`
4552`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("style")]),n("span",{class:"token punctuation"},">")]),a(`
4553`)])],-1)])]),_:1})}}});const Po={key:0},To=F({__name:"sticky",setup(t){const o=S([{title:"Full Name",width:100,dataIndex:"name",key:"name",fixed:"left"},{title:"Age",width:100,dataIndex:"age",key:"age",fixed:"left"},{title:"Column 1",dataIndex:"address",key:"1",width:150},{title:"Column 2",dataIndex:"address",key:"2",width:150},{title:"Column 3",dataIndex:"address",key:"3",width:150},{title:"Column 4",dataIndex:"address",key:"4",width:150},{title:"Column 5",dataIndex:"address",key:"5",width:150},{title:"Column 6",dataIndex:"address",key:"6",width:150},{title:"Column 7",dataIndex:"address",key:"7",width:150},{title:"Column 8",dataIndex:"address",key:"8"},{title:"Action",key:"operation",fixed:"right",width:100}]),p=[];for(let s=0;s<100;s++)p.push({key:s,name:`Edrward ${s}`,age:32,address:`London Park no. ${s}`});const c=S(!1);return(s,e)=>{const r=I("a-switch"),l=I("a-table-summary-cell"),u=I("a-table-summary-row"),i=I("a-table-summary"),g=I("a-table"),k=I("demo-box");return m(),x(k,{jsfiddle:{us:"For long table\uFF0Cneed to scroll to view the header and scroll bar\uFF0Cthen you can now set the fixed header and scroll bar to follow the page.",cn:"\u5BF9\u4E8E\u957F\u8868\u683C\uFF0C\u9700\u8981\u6EDA\u52A8\u624D\u80FD\u67E5\u770B\u8868\u5934\u548C\u6EDA\u52A8\u6761\uFF0C\u90A3\u4E48\u73B0\u5728\u53EF\u4EE5\u8BBE\u7F6E\u8DDF\u968F\u9875\u9762\u56FA\u5B9A\u8868\u5934\u548C\u6EDA\u52A8\u6761\u3002",docHtml:`<h2 id="zh-cn">zh-CN <a class="header-anchor" href="#zh-cn">
4554          <span aria-hidden="true" class="anchor">#</span>
4555        </a></h2>
4556<p>\u5BF9\u4E8E\u957F\u8868\u683C\uFF0C\u9700\u8981\u6EDA\u52A8\u624D\u80FD\u67E5\u770B\u8868\u5934\u548C\u6EDA\u52A8\u6761\uFF0C\u90A3\u4E48\u73B0\u5728\u53EF\u4EE5\u8BBE\u7F6E\u8DDF\u968F\u9875\u9762\u56FA\u5B9A\u8868\u5934\u548C\u6EDA\u52A8\u6761\u3002</p>
4557<h2 id="en-us">en-US <a class="header-anchor" href="#en-us">
4558          <span aria-hidden="true" class="anchor">#</span>
4559        </a></h2>
4560<p>For long table\uFF0Cneed to scroll to view the header and scroll bar\uFF0Cthen you can now set the fixed header and scroll bar to follow the page.</p>
4561`,order:99,title:{"en-US":"Fixed header and scroll bar with the page","zh-CN":"\u968F\u9875\u9762\u6EDA\u52A8\u7684\u56FA\u5B9A\u8868\u5934\u548C\u6EDA\u52A8\u6761"},relativePath:"components/table/demo/sticky.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXRhYmxlIHN0aWNreSA6Y29sdW1ucz0iY29sdW1ucyIgOmRhdGEtc291cmNlPSJkYXRhIiA6c2Nyb2xsPSJ7IHg6IDE1MDAgfSI+CiAgICA8dGVtcGxhdGUgI2JvZHlDZWxsPSJ7IGNvbHVtbiB9Ij4KICAgICAgPHRlbXBsYXRlIHYtaWY9ImNvbHVtbi5rZXkgPT09ICdvcGVyYXRpb24nIj48YT5hY3Rpb248L2E+PC90ZW1wbGF0ZT4KICAgIDwvdGVtcGxhdGU+CiAgICA8dGVtcGxhdGUgI3N1bW1hcnk+CiAgICAgIDxhLXRhYmxlLXN1bW1hcnkgOmZpeGVkPSJmaXhlZFRvcCA/ICd0b3AnIDogJ2JvdHRvbSciPgogICAgICAgIDxhLXRhYmxlLXN1bW1hcnktcm93PgogICAgICAgICAgPGEtdGFibGUtc3VtbWFyeS1jZWxsIDppbmRleD0iMCIgOmNvbC1zcGFuPSIyIj4KICAgICAgICAgICAgPGEtc3dpdGNoCiAgICAgICAgICAgICAgdi1tb2RlbDpjaGVja2VkPSJmaXhlZF

4561RvcCIKICAgICAgICAgICAgICBjaGVja2VkLWNoaWxkcmVuPSJGaXhlZCBUb3AiCiAgICAgICAgICAgICAgdW4tY2hlY2tlZC1jaGlsZHJlbj0iRml4ZWQgVG9wIgogICAgICAgICAgICA+PC9hLXN3aXRjaD4KICAgICAgICAgIDwvYS10YWJsZS1zdW1tYXJ5LWNlbGw+CiAgICAgICAgICA8YS10YWJsZS1zdW1tYXJ5LWNlbGwgOmluZGV4PSIyIiA6Y29sLXNwYW49IjgiPlNjcm9sbCBDb250ZXh0PC9hLXRhYmxlLXN1bW1hcnktY2VsbD4KICAgICAgICAgIDxhLXRhYmxlLXN1bW1hcnktY2VsbCA6aW5kZXg9IjEwIj5GaXggUmlnaHQ8L2EtdGFibGUtc3VtbWFyeS1jZWxsPgogICAgICAgIDwvYS10YWJsZS1zdW1tYXJ5LXJvdz4KICAgICAgPC9hLXRhYmxlLXN1bW1hcnk+CiAgICA8L3RlbXBsYXRlPgogIDwvYS10YWJsZT4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBsYW5nPSJ0cyIgc2V0dXA+CmltcG9ydCB0eXBlIHsgVGFibGVDb2x1bW5zVHlwZSB9IGZyb20gJ2FudC1kZXNpZ24tdnVlJzsKaW1wb3J0IHsgcmVmIH0gZnJvbSAndnVlJzsKY29uc3QgY29sdW1ucyA9IHJlZjxUYWJsZUNvbHVtbnNUeXBlPihbCiAgewogICAgdGl0bGU6ICdGdWxsIE5hbWUnLAogICAgd2lkdGg6IDEwMCwKICAgIGRhdGFJbmRleDogJ25hbWUnLAogICAga2V5OiAnbmFtZScsCiAgICBmaXhlZDogJ2xlZnQnLAogIH0sCiAgewogICAgdGl0bGU6ICdBZ2UnLAogICAgd2lkdGg6IDEwMCwKICAgIGRhdGFJbmRleDogJ2FnZScsCiAgICBrZXk6ICdhZ2UnLAogICAgZml4ZWQ6ICdsZWZ0JywKICB9LAogIHsKICAgIHRpdGxlOiAnQ29sdW1uIDEnLAogICAgZGF0YUluZGV4OiAnYWRkcmVzcycsCiAgICBrZXk6ICcxJywKICAgIHdpZHRoOiAxNTAsCiAgfSwKICB7CiAgICB0aXRsZTogJ0NvbHVtbiAyJywKICAgIGRhdGFJbmRleDogJ2FkZHJlc3MnLAogICAga2V5OiAnMicsCiAgICB3aWR0aDogMTUwLAogIH0sCiAgewogICAgdGl0bGU6ICdDb2x1bW4gMycsCiAgICBkYXRhSW5kZXg6ICdhZGRyZXNzJywKICAgIGtleTogJzMnLAogICAgd2lkdGg6IDE1MCwKICB9LAogIHsKICAgIHRpdGxlOiAnQ29sdW1uIDQnLAogICAgZGF0YUluZGV4OiAnYWRkcmVzcycsCiAgICBrZXk6ICc0JywKICAgIHdpZHRoOiAxNTAsCiAgfSwKICB7CiAgICB0aXRsZTogJ0NvbHVtbiA1JywKICAgIGRhdGFJbmRleDogJ2FkZHJlc3MnLAogICAga2V5OiAnNScsCiAgICB3aWR0aDogMTUwLAogIH0sCiAgewogICAgdGl0bGU6ICdDb2x1bW4gNicsCiAgICBkYXRhSW5kZXg6ICdhZGRyZXNzJywKICAgIGtleTogJzYnLAogICAgd2lkdGg6IDE1MCwKICB9LAogIHsKICAgIHRpdGxlOiAnQ29sdW1uIDcnLAogICAgZGF0YUluZGV4OiAnYWRkcmVzcycsCiAgICBrZXk6ICc3JywKICAgIHdpZHRoOiAxNTAsCiAgfSwKICB7IHRpdGxlOiAnQ29sdW1uIDgnLCBkYXRhSW5kZXg6ICdhZGRyZXNzJywga2V5OiAnOCcgfSwKICB7CiAgICB0aXRsZTogJ0FjdGlvbicsCiAgICBrZXk6ICdvcGVyYXRpb24nLAogICAgZml4ZWQ6ICdyaWdodCcsCiAgICB3aWR0aDogMTAwLAogIH0sCl0pOwoKY29uc3QgZGF0YSA9IFtdOwpmb3IgKGxldCBpID0gMDsgaSA8IDEwMDsgaSsrKSB7CiAgZGF0YS5wdXNoKHsKICAgIGtleTogaSwKICAgIG5hbWU6IGBFZHJ3YXJkICR7aX1gLAogICAgYWdlOiAzMiwKICAgIGFkZHJlc3M6IGBMb25kb24gUGFyayBuby4gJHtpfWAsCiAgfSk7Cn0KY29uc3QgZml4ZWRUb3AgPSByZWYoZmFsc2UpOwo8L3NjcmlwdD4KPHN0eWxlIHNjb3BlZD4KI2NvbXBvbmVudHMtdGFibGUtZGVtby1zdW1tYXJ5IHRmb290IHRoLAojY29tcG9uZW50cy10YWJsZS1kZW1vLXN1bW1hcnkgdGZvb3QgdGQgewogIGJhY2tncm91bmQ6ICNmYWZhZmE7Cn0KW2RhdGEtdGhlbWU9J2RhcmsnXSAjY29tcG9uZW50cy10YWJsZS1kZW1vLXN1bW1hcnkgdGZvb3QgdGgsCltkYXRhLXRoZW1lPSdkYXJrJ10gI2NvbXBvbmVudHMtdGFibGUtZGVtby1zdW1tYXJ5IHRmb290IHRkIHsKICBiYWNrZ3JvdW5kOiAjMWQxZDFkOwp9Cjwvc3R5bGU+Cg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXRhYmxlIHN0aWNreSA6Y29sdW1ucz0iY29sdW1ucyIgOmRhdGEtc291cmNlPSJkYXRhIiA6c2Nyb2xsPSJ7IHg6IDE1MDAgfSI+CiAgICA8dGVtcGxhdGUgI2JvZHlDZWxsPSJ7IGNvbHVtbiB9Ij4KICAgICAgPHRlbXBsYXRlIHYtaWY9ImNvbHVtbi5rZXkgPT09ICdvcGVyYXRpb24nIj48YT5hY3Rpb248L2E+PC90ZW1wbGF0ZT4KICAgIDwvdGVtcGxhdGU+CiAgICA8dGVtcGxhdGUgI3N1bW1hcnk+CiAgICAgIDxhLXRhYmxlLXN1bW1hcnkgOmZpeGVkPSJmaXhlZFRvcCA/ICd0b3AnIDogJ2JvdHRvbSciPgogICAgICAgIDxhLXRhYmxlLXN1bW1hcnktcm93PgogICAgICAgICAgPGEtdGFibGUtc3VtbWFyeS1jZWxsIDppbmRleD0iMCIgOmNvbC1zcGFuPSIyIj4KICAgICAgICAgICAgPGEtc3dpdGNoCiAgICAgICAgICAgICAgdi1tb2RlbDpjaGVja2VkPSJmaXhlZFRvcCIKICAgICAgICAgICAgICBjaGVja2VkLWNoaWxkcmVuPSJGaXhlZCBUb3AiCiAgICAgICAgICAgICAgdW4tY2hlY2tlZC1jaGlsZHJlbj0iRml4ZWQgVG9wIgogICAgICAgICAgICA+PC9hLXN3aXRjaD4KICAgICAgICAgIDwvYS10YWJsZS1zdW1tYXJ5LWNlbGw+CiAgICAgICAgICA8YS10YWJsZS1zdW1tYXJ5LWNlbGwgOmluZGV4PSIyIiA6Y29sLXNwYW49IjgiPlNjcm9sbCBDb250ZXh0PC9hLXRhYmxlLXN1bW1hcnktY2VsbD4KICAgICAgICAgIDxhLXRhYmxlLXN1bW1hcnktY2VsbCA6aW5kZXg9IjEwIj5GaXggUmlnaHQ8L2EtdGFibGUtc3VtbWFyeS1jZWxsPgogICAgICAgIDwvYS10YWJsZS1zdW1tYXJ5LXJvdz4KICAgICAgPC9hLXRhYmxlLXN1bW1hcnk+CiAgICA8L3RlbXBsYXRlPgogIDwvYS10YWJsZT4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBzZXR1cD4KaW1wb3J0IHsgcmVmIH0gZnJvbSAndnVlJzsKY29uc3QgY29sdW1ucyA9IHJlZihbCiAgewogICAgdGl0bGU6ICdGdWxsIE5hbWUnLAogICAgd2lkdGg6IDEwMCwKICAgIGRhdGFJbmRleDogJ25hbWUnLAogICAga2V5OiAnbmFtZScsCiAgICBmaXhlZDogJ2xlZnQnLAogIH0sCiAgewogICAgdGl0bGU6ICdBZ2UnLAogICAgd2lkdGg6IDEwMCwKICAgIGRhdGFJbmRleDogJ2FnZScsCiAgICBrZXk6ICdhZ2UnLAogICAgZml4ZWQ6ICdsZWZ0JywKICB9LAogIHsKICAgIHRpdGxlOiAnQ29sdW1uIDEnLAogICAgZGF0YUluZGV4OiAnYWRkcmVzcycsCiAgICBrZXk6ICcxJywKICAgIHdpZHRoOiAxNTAsCiAgfSwKICB7CiAgICB0aXRsZTogJ0NvbHVtbiAyJywKICAgIGRhdGFJbmRleDogJ2FkZHJlc3MnLAogICAga2V5OiAnMicsCiAgICB3aWR0aDogMTUwLAogIH0sCiAgewogICAgdGl0bGU6ICdDb2x1bW4gMycsCiAgICBkYXRhSW5kZXg6ICdhZGRyZXNzJywKICAgIGtleTogJzMnLAogICAgd2lkdGg6IDE1MCwKICB9LAogIHsKICAgIHRpdGxlOiAnQ29sdW1uIDQnLAogICAgZGF0YUluZGV4OiAnYWRkcmVzcycsCiAgICBrZXk6ICc0JywKICAgIHdpZHRoOiAxNTAsCiAgfSwKICB7CiAgICB0aXRsZTogJ0NvbHVtbiA1JywKICAgIGRhdGFJbmRleDogJ2FkZHJlc3MnLAogICAga2V5OiAnNScsCiAgICB3aWR0aDogMTUwLAogIH0sCiAgewogICAgdGl0bGU6ICdDb2x1bW4gNicsCiAgICBkYXRhSW5kZXg6ICdhZGRyZXNzJywKICAgIGtleTogJzYnLAogICAgd2lkdGg6IDE1MCwKICB9LAogIHsKICAgIHRpdGxlOiAnQ29sdW1uIDcnLAogICAgZGF0YUluZGV4OiAnYWRkcmVzcycsCiAgICBrZXk6ICc3JywKICAgIHdpZHRoOiAxNTAsCiAgfSwKICB7CiAgICB0aXRsZTogJ0NvbHVtbiA4JywKICAgIGRhdGFJbmRleDogJ2FkZHJlc3MnLAogICAga2V5OiAnOCcsCiAgfSwKICB7CiAgICB0aXRsZTogJ0FjdGlvbicsCiAgICBrZXk6ICdvcGVyYXRpb24nLAogICAgZml4ZWQ6ICdyaWdodCcsCiAgICB3aWR0aDogMTAwLAogIH0sCl0pOwpjb25zdCBkYXRhID0gW107CmZvciAobGV0IGkgPSAwOyBpIDwgMTAwOyBpKyspIHsKICBkYXRhLnB1c2goewogICAga2V5OiBpLAogICAgbmFtZTogYEVkcndhcmQgJHtpfWAsCiAgICBhZ2U6IDMyLAogICAgYWRkcmVzczogYExvbmRvbiBQYXJrIG5vLiAke2l9YCwKICB9KTsKfQpjb25zdCBmaXhlZFRvcCA9IHJlZihmYWxzZSk7Cjwvc2NyaXB0Pgo8c3R5bGUgc2NvcGVkPgojY29tcG9uZW50cy10YWJsZS1kZW1vLXN1bW1hcnkgdGZvb3QgdGgsCiNjb21wb25lbnRzLXRhYmxlLWRlbW8tc3VtbWFyeSB0Zm9vdCB0ZCB7CiAgYmFja2dyb3VuZDogI2ZhZmFmYTsKfQpbZGF0YS10aGVtZT0nZGFyayddICNjb21wb25lbnRzLXRhYmxlLWRlbW8tc3VtbWFyeSB0Zm9vdCB0aCwKW2RhdGEtdGhlbWU9J2RhcmsnXSAjY29tcG9uZW50cy10YWJsZS1kZW1vLXN1bW1hcnkgdGZvb3QgdGQgewogIGJhY2tncm91bmQ6ICMxZDFkMWQ7Cn0KPC9zdHlsZT4="}},{default:d(()=>[C(g,{sticky:"",columns:o.value,"data-source":p,scroll:{x:1500}},{bodyCell:d(({column:y})=>[y.key==="operation"?(m(),W("a",Po,"action")):K("",!0)]),summary:d(()=>[C(i,{fixed:c.value?"top":"bottom"},{default:d(()=>[C(u,null,{default:d(()=>[C(l,{index:0,"col-span":2},{default:d(()=>[C(r,{checked:c.value,"onUpdate:checked":e[0]||(e[0]=y=>c.value=y),"checked-children":"Fixed Top","un-checked-children":"Fixed Top"},null,8,["checked"])]),_:1}),C(l,{index:2,"col-span":8},{default:d(()=>[...e[1]||(e[1]=[a("Scroll Context",-1)])]),_:1}),C(l,{index:10},{default:d(()=>[...e[2]||(e[2]=[a("Fix Right",-1)])]),_:1})]),_:1})]),_:1},8,["fixed"])]),_:1},8,["columns"])]),htmlCode:d(()=>[...e[3]||(e[3]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
4562  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table")]),a(),n("span",{class:"token attr-name"},"sticky"),a(),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"}

4562,'"'),a("columns"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("data"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":scroll"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ x: 1500 }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
4563    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#bodyCell"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ column }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
4564      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("column.key === 'operation'"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a")]),n("span",{class:"token punctuation"},">")]),a("action"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
4565    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
4566    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#summary"),n("span",{class:"token punctuation"},">")]),a(`
4567      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table-summary")]),a(),n("span",{class:"token attr-name"},":fixed"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("fixedTop ? 'top' : 'bottom'"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
4568        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table-summary-row")]),n("span",{class:"token punctuation"},">")]),a(`
4569          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table-summary-cell")]),a(),n("span",{class:"token attr-name"},":index"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("0"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":col-span"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("2"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
4570            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-switch")]),a(`
4571              `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("checked")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("fixedTop"),n("span",{class:"token punctuation"},'"')]),a(`
4572              `),n("span",{class:"token attr-name"},"checked-children"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Fixed Top"),n("span",{class:"token punctuation"},'"')]),a(`
4573              `),n("span",{class:"token attr-name"},"un-checked-children"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Fixed Top"),n("span",{class:"token punctuation"},'"')]),a(`
4574            `),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-switch")]),n("span",{class:"token punctuation"},">")]),a(`
4575          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table-summary-cell")]),n("span",{class:"token punctuation"},">")]),a(`
4576          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table-summary-cell")]),a(),n("span",{class:"token attr-name"},":index"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("2"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":col-span"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("8"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Scroll Context"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table-summary-cell")]),n("span",{class:"token punctuation"},">")]),a(`
4577          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table-summary-cell")]),a(),n("span",{class:"token attr-name"},":index"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("10"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Fix Right"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table-summary-cell")]),n("span",{class:"token punctuation"},">")]),a(`
4578        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table-summary-row")]),n("span",{class:"token punctuation"},">")]),a(`
4579      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table-summary")]),n("span",{class:"token punctuation"},">")]),a(`
4580    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
4581  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table")]),n("span",{class:"token punctuation"},">")]),a(`
4582`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
4583`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"}

4583,"<"),a("script")]),a(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ts"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"setup"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
4584`),n("span",{class:"token keyword"},"import"),a(" type "),n("span",{class:"token punctuation"},"{"),a(" TableColumnsType "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'ant-design-vue'"),n("span",{class:"token punctuation"},";"),a(`
4585`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
4586`),n("span",{class:"token keyword"},"const"),a(" columns "),n("span",{class:"token operator"},"="),a(" ref"),n("span",{class:"token operator"},"<"),a("TableColumnsType"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),a(`
4587  `),n("span",{class:"token punctuation"},"{"),a(`
4588    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Full Name'"),n("span",{class:"token punctuation"},","),a(`
4589    `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"100"),n("span",{class:"token punctuation"},","),a(`
4590    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
4591    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
4592    `),n("span",{class:"token literal-property property"},"fixed"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'left'"),n("span",{class:"token punctuation"},","),a(`
4593  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4594  `),n("span",{class:"token punctuation"},"{"),a(`
4595    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Age'"),n("span",{class:"token punctuation"},","),a(`
4596    `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"100"),n("span",{class:"token punctuation"},","),a(`
4597    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'age'"),n("span",{class:"token punctuation"},","),a(`
4598    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'age'"),n("span",{class:"token punctuation"},","),a(`
4599    `),n("span",{class:"token literal-property property"},"fixed"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'left'"),n("span",{class:"token punctuation"},","),a(`
4600  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4601  `),n("span",{class:"token punctuation"},"{"),a(`
4602    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Column 1'"),n("span",{class:"token punctuation"},","),a(`
4603    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
4604    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'1'"),n("span",{class:"token punctuation"},","),a(`
4605    `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"150"),n("span",{class:"token punctuation"},","),a(`
4606  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4607  `),n("span",{class:"token punctuation"},"{"),a(`
4608    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Column 2'"),n("span",{class:"token punctuation"},","),a(`
4609    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
4610    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'2'"),n("span",{class:"token punctuation"},","),a(`
4611    `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"150"),n("span",{class:"token punctuation"},","),a(`
4612  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4613  `),n("span",{class:"token punctuation"},"{"),a(`
4614    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Column 3'"),n("span",{class:"token punctuation"},","),a(`
4615    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
4616    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'3'"),n("span",{class:"token punctuation"},","),a(`
4617    `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"150"),n("span",{class:"token punctuation"},","),a(`
4618  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4619  `),n("span",{class:"token punctuation"},"{"),a(`
4620    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Column 4'"),n("span",{class:"token punctuation"},","),a(`
4621    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
4622    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'4'"),n("span",{class:"token punctuation"},","),a(`
4623    `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"150"),n("span",{class:"token punctuation"},","),a(`
4624  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4625  `),n("span",{class:"token punctuation"},"{"),a(`
4626    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Column 5'"),n("span",{class:"token punctuation"},","),a(`
4627    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
4628    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'5'"),n("span",{class:"token punctuation"},","),a(`
4629    `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"150"),n("span",{class:"token punctuation"},","),a(`
4630  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4631  `),n("span",{class:"token punctuation"},"{"),a(`
4632    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Column 6'"),n("span",{class:"token punctuation"},","),a(`
4633    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
4634    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'6'"),n("span",{class:"token punctuation"},","),a(`
4635    `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"150"),n("span",{class:"token punctuation"},","),a(`
4636  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4637  `),n("span",{class:"token punctuation"},"{"),a(`
4638    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Column 7'"),n("span",{class:"token punctuation"},","),a(`
4639    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
4640    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'7'"),n("span",{class:"token punctuation"},","),a(`
4641    `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"150"),n("span",{class:"token punctuation"},","),a(`
4642  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4643  `),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Column 8'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'8'"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4644  `),n("span",{class:"token punctuation"},"{"),a(`
4645    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Action'"),n("span",{class:"token punctuation"},","),a(`
4646    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'operation'"),n("span",{class:"token punctuation"},","),a(`
4647    `),n("span",{class:"token literal-property property"},"fixed"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'right'"),n("span",{class:"token punctuation"},","),a(`
4648    `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"100"),n("span",{class:"token punctuation"},","),a(`
4649  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4650`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
4651
4652`),n("span",{class:"token keyword"},"const"),a(" data "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
4653`),n("span",{class:"token keyword"},"for"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token keyword"},"let"),a(" i "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},";"),a(" i "),n("span",{class:"token operator"},"<"),a(),n("span",{class:"token number"},"100"),n("span",{class:"token punctuation"},";"),a(" i"),n("span",{class:"token operator"},"++"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
4654  data`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"push"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
4655    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(" i"),n("span",{class:"token punctuation"},","),a(`
4656    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token string"},"Edrward "),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),a("i"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},","),a(`
4657    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
4658    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token string"},"London Park no. "),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),a("i"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},","),a(`
4659  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
4660`),n("span",{class:"token punctuation"},"}"),a(`
4661`),n("span",{class:"token keyword"},"const"),a(" fixedTop "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
4662`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"}

4662,"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
4663`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("style")]),a(),n("span",{class:"token attr-name"},"scoped"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token style"},[n("span",{class:"token language-css"},[a(`
4664`),n("span",{class:"token selector"},`#components-table-demo-summary tfoot th,
4665#components-table-demo-summary tfoot td`),a(),n("span",{class:"token punctuation"},"{"),a(`
4666  `),n("span",{class:"token property"},"background"),n("span",{class:"token punctuation"},":"),a(" #fafafa"),n("span",{class:"token punctuation"},";"),a(`
4667`),n("span",{class:"token punctuation"},"}"),a(`
4668`),n("span",{class:"token selector"},`[data-theme='dark'] #components-table-demo-summary tfoot th,
4669[data-theme='dark'] #components-table-demo-summary tfoot td`),a(),n("span",{class:"token punctuation"},"{"),a(`
4670  `),n("span",{class:"token property"},"background"),n("span",{class:"token punctuation"},":"),a(" #1d1d1d"),n("span",{class:"token punctuation"},";"),a(`
4671`),n("span",{class:"token punctuation"},"}"),a(`
4672`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("style")]),n("span",{class:"token punctuation"},">")]),a(`
4673`)])],-1)])]),jsVersionHtml:d(()=>[...e[4]||(e[4]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
4674  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table")]),a(),n("span",{class:"token attr-name"},"sticky"),a(),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("columns"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("data"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":scroll"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ x: 1500 }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
4675    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#bodyCell"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ column }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
4676      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("column.key === 'operation'"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a")]),n("span",{class:"token punctuation"},">")]),a("action"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
4677    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
4678    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#summary"),n("span",{class:"token punctuation"},">")]),a(`
4679      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table-summary")]),a(),n("span",{class:"token attr-name"},":fixed"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("fixedTop ? 'top' : 'bottom'"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
4680        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table-summary-row")]),n("span",{class:"token punctuation"},">")]),a(`
4681          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table-summary-cell")]),a(),n("span",{class:"token attr-name"},":index"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("0"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":col-span"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("2"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
4682            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-switch")]),a(`
4683              `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"}

4683,"v-model:"),a("checked")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("fixedTop"),n("span",{class:"token punctuation"},'"')]),a(`
4684              `),n("span",{class:"token attr-name"},"checked-children"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Fixed Top"),n("span",{class:"token punctuation"},'"')]),a(`
4685              `),n("span",{class:"token attr-name"},"un-checked-children"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Fixed Top"),n("span",{class:"token punctuation"},'"')]),a(`
4686            `),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-switch")]),n("span",{class:"token punctuation"},">")]),a(`
4687          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table-summary-cell")]),n("span",{class:"token punctuation"},">")]),a(`
4688          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table-summary-cell")]),a(),n("span",{class:"token attr-name"},":index"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("2"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":col-span"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("8"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Scroll Context"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table-summary-cell")]),n("span",{class:"token punctuation"},">")]),a(`
4689          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table-summary-cell")]),a(),n("span",{class:"token attr-name"},":index"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("10"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Fix Right"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table-summary-cell")]),n("span",{class:"token punctuation"},">")]),a(`
4690        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table-summary-row")]),n("span",{class:"token punctuation"},">")]),a(`
4691      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table-summary")]),n("span",{class:"token punctuation"},">")]),a(`
4692    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
4693  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table")]),n("span",{class:"token punctuation"},">")]),a(`
4694`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
4695`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),n("span",{class:"token attr-name"},"setup"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
4696`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
4697`),n("span",{class:"token keyword"},"const"),a(" columns "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),a(`
4698  `),n("span",{class:"token punctuation"},"{"),a(`
4699    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Full Name'"),n("span",{class:"token punctuation"},","),a(`
4700    `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"100"),n("span",{class:"token punctuation"},","),a(`
4701    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
4702    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
4703    `),n("span",{class:"token literal-property property"},"fixed"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'left'"),n("span",{class:"token punctuation"},","),a(`
4704  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4705  `),n("span",{class:"token punctuation"},"{"),a(`
4706    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Age'"),n("span",{class:"token punctuation"},","),a(`
4707    `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"100"),n("span",{class:"token punctuation"},","),a(`
4708    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'age'"),n("span",{class:"token punctuation"},","),a(`
4709    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'age'"),n("span",{class:"token punctuation"},","),a(`
4710    `),n("span",{class:"token literal-property property"},"fixed"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'left'"),n("span",{class:"token punctuation"},","),a(`
4711  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4712  `),n("span",{class:"token punctuation"},"{"),a(`
4713    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Column 1'"),n("span",{class:"token punctuation"},","),a(`
4714    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
4715    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'1'"),n("span",{class:"token punctuation"},","),a(`
4716    `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"150"),n("span",{class:"token punctuation"},","),a(`
4717  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4718  `),n("span",{class:"token punctuation"},"{"),a(`
4719    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Column 2'"),n("span",{class:"token punctuation"},","),a(`
4720    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
4721    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'2'"),n("span",{class:"token punctuation"},","),a(`
4722    `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"150"),n("span",{class:"token punctuation"},","),a(`
4723  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4724  `),n("span",{class:"token punctuation"},"{"),a(`
4725    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Column 3'"),n("span",{class:"token punctuation"},","),a(`
4726    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
4727    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'3'"),n("span",{class:"token punctuation"},","),a(`
4728    `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"150"),n("span",{class:"token punctuation"},","),a(`
4729  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4730  `),n("span",{class:"token punctuation"},"{"),a(`
4731    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Column 4'"),n("span",{class:"token punctuation"},","),a(`
4732    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
4733    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'4'"),n("span",{class:"token punctuation"},","),a(`
4734    `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"150"),n("span",{class:"token punctuation"},","),a(`
4735  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4736  `),n("span",{class:"token punctuation"},"{"),a(`
4737    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Column 5'"),n("span",{class:"token punctuation"},","),a(`
4738    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
4739    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'5'"),n("span",{class:"token punctuation"},","),a(`
4740    `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"150"),n("span",{class:"token punctuation"},","),a(`
4741  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4742  `),n("span",{class:"token punctuation"},"{"),a(`
4743    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Column 6'"),n("span",{class:"token punctuation"},","),a(`
4744    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
4745    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'6'"),n("span",{class:"token punctuation"},","),a(`
4746    `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"150"),n("span",{class:"token punctuation"},","),a(`
4747  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4748  `),n("span",{class:"token punctuation"},"{"),a(`
4749    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Column 7'"),n("span",{class:"token punctuation"},","),a(`
4750    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
4751    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'7'"),n("span",{class:"token punctuation"},","),a(`
4752    `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"150"),n("span",{class:"token punctuation"},","),a(`
4753  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4754  `),n("span",{class:"token punctuation"},"{"),a(`
4755    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Column 8'"),n("span",{class:"token punctuation"},","),a(`
4756    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
4757    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'8'"),n("span",{class:"token punctuation"},","),a(`
4758  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4759  `),n("span",{class:"token punctuation"},"{"),a(`
4760    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Action'"),n("span",{class:"token punctuation"},","),a(`
4761    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'operation'"),n("span",{class:"token punctuation"},","),a(`
4762    `),n("span",{class:"token literal-property property"},"fixed"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'right'"),n("span",{class:"token punctuation"},","),a(`
4763    `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"100"),n("span",{class:"token punctuation"},","),a(`
4764  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4765`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
4766`),n("span",{class:"token keyword"},"const"),a(" data "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
4767`),n("span",{class:"token keyword"},"for"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token keyword"},"let"),a(" i "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},";"),a(" i "),n("span",{class:"token operator"},"<"),a(),n("span",{class:"token number"},"100"),n("span",{class:"token punctuation"},";"),a(" i"),n("span",{class:"token operator"},"++"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
4768  data`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"push"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
4769    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(" i"),n("span",{class:"token punctuation"},","),a(`
4770    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token string"},"Edrward "),n("span",{class:"token inter

4770polation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),a("i"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},","),a(`
4771    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
4772    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token string"},"London Park no. "),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),a("i"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},","),a(`
4773  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
4774`),n("span",{class:"token punctuation"},"}"),a(`
4775`),n("span",{class:"token keyword"},"const"),a(" fixedTop "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
4776`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
4777`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("style")]),a(),n("span",{class:"token attr-name"},"scoped"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token style"},[n("span",{class:"token language-css"},[a(`
4778`),n("span",{class:"token selector"},`#components-table-demo-summary tfoot th,
4779#components-table-demo-summary tfoot td`),a(),n("span",{class:"token punctuation"},"{"),a(`
4780  `),n("span",{class:"token property"},"background"),n("span",{class:"token punctuation"},":"),a(" #fafafa"),n("span",{class:"token punctuation"},";"),a(`
4781`),n("span",{class:"token punctuation"},"}"),a(`
4782`),n("span",{class:"token selector"},`[data-theme='dark'] #components-table-demo-summary tfoot th,
4783[data-theme='dark'] #components-table-demo-summary tfoot td`),a(),n("span",{class:"token punctuation"},"{"),a(`
4784  `),n("span",{class:"token property"},"background"),n("span",{class:"token punctuation"},":"),a(" #1d1d1d"),n("span",{class:"token punctuation"},";"),a(`
4785`),n("span",{class:"token punctuation"},"}"),a(`
4786`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("style")]),n("span",{class:"token punctuation"},">")]),a(`
4787`)])],-1)])]),_:1})}}});const zo=M(To,[["__scopeId","data-v-88bb8975"]]),Uo={key:0},Eo={key:0},Oo={key:1},jo={key:2},Mo={class:"ant-dropdown-link"},Qo=F({__name:"resizable-column",setup(t){const o=[{key:"1",name:"John Brown",age:32,address:"New York No. 1 Lake Park",tags:["nice","developer"]},{key:"2",name:"Jim Green",age:42,address:"London No. 1 Lake Park",tags:["loser"]},{key:"3",name:"Joe Black",age:32,address:"Sidney No. 1 Lake Park",tags:["cool","teacher"]}],p=S([{dataIndex:"name",key:"name",resizable:!0,width:150},{title:"Age",dataIndex:"age",key:"age",resizable:!0,width:100,minWidth:100,maxWidth:200},{title:"Address",dataIndex:"address",key:"address"},{title:"Tags",key:"tags",dataIndex:"tags"},{title:"Action",key:"action"}]);function c(s,e){e.width=s}return(s,e)=>{const r=I("a-tag"),l=I("a-divider"),u=I("a-table"),i=I("demo-box");return m(),x(i,{jsfiddle:{us:"set resizable for drag column",cn:"\u8BBE\u7F6E resizable \u5F00\u542F\u62D6\u52A8\u5217",docHtml:`<h2 id="zh-cn">zh-CN <a class="header-anchor" href="#zh-cn">
4788          <span aria-hidden="true" class="anchor">#</span>
4789        </a></h2>
4790<p>\u8BBE\u7F6E resizable \u5F00\u542F\u62D6\u52A8\u5217</p>
4791<p>\u9F20\u6807 hover \u5230 Name\u3001 Age \u5206\u5272\u7EBF\u4E0A\u4F53\u9A8C\u4E00\u4E0B\u5427</p>
4792<h2 id="en-us">en-US <a class="header-anchor" href="#en-us">

4793          <span aria-hidden="true" class="anchor">#</span>
4794        </a></h2>
4795<p>set resizable for drag column</p>
4796`,order:0,title:{"en-US":"Resizable column","zh-CN":"\u53EF\u4F38\u7F29\u5217"},relativePath:"components/table/demo/resizable-column.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXRhYmxlIDpjb2x1bW5zPSJjb2x1bW5zIiA6ZGF0YS1zb3VyY2U9ImRhdGEiIEByZXNpemVDb2x1bW49ImhhbmRsZVJlc2l6ZUNvbHVtbiI+CiAgICA8dGVtcGxhdGUgI2hlYWRlckNlbGw9InsgY29sdW1uIH0iPgogICAgICA8dGVtcGxhdGUgdi1pZj0iY29sdW1uLmtleSA9PT0gJ25hbWUnIj4KICAgICAgICA8c3Bhbj4KICAgICAgICAgIDxzbWlsZS1vdXRsaW5lZCAvPgogICAgICAgICAgTmFtZQogICAgICAgIDwvc3Bhbj4KICAgICAgPC90ZW1wbGF0ZT4KICAgIDwvdGVtcGxhdGU+CgogICAgPHRlbXBsYXRlICNib2R5Q2VsbD0ieyBjb2x1bW4sIHJlY29yZCB9Ij4KICAgICAgPHRlbXBsYXRlIHYtaWY9ImNvbHVtbi5rZXkgPT09ICduYW1lJyI+CiAgICAgICAgPGE+CiAgICAgICAgICB7eyByZWNvcmQubmFtZSB9fQogICAgICAgIDwvYT4KICAgICAgPC90ZW1wbGF0ZT4KICAgICAgPHRlbXBsYXRlIHYtZWxzZS1pZj0iY29sdW1uLmtleSA9PT0gJ3RhZ3MnIj4KICAgICAgICA8c3Bhbj4KICAgICAgICAgIDxhLXRhZwogICAgICAgICAgICB2LWZvcj0idGFnIGluIHJlY29yZC50YWdzIgogICAgICAgICAgICA6a2V5PSJ0YWciCiAgICAgICAgICAgIDpjb2xvcj0idGFnID09PSAnbG9zZXInID8gJ3ZvbGNhbm8nIDogdGFnLmxlbmd0aCA+IDUgPyAnZ2Vla2JsdWUnIDogJ2dyZWVuJyIKICAgICAgICAgID4KICAgICAgICAgICAge3sgdGFnLnRvVXBwZXJDYXNlKCkgfX0KICAgICAgICAgIDwvYS10YWc+CiAgICAgICAgPC9zcGFuPgogICAgICA8L3RlbXBsYXRlPgogICAgICA8dGVtcGxhdGUgdi1lbHNlLWlmPSJjb2x1bW4ua2V5ID09PSAnYWN0aW9uJyI+CiAgICAgICAgPHNwYW4+CiAgICAgICAgICA8YT5JbnZpdGUg5LiAIHt7IHJlY29yZC5uYW1lIH19PC9hPgogICAgICAgICAgPGEtZGl2aWRlciB0eXBlPSJ2ZXJ0aWNhbCIgLz4KICAgICAgICAgIDxhPkRlbGV0ZTwvYT4KICAgICAgICAgIDxhLWRpdmlkZXIgdHlwZT0idmVydGljYWwiIC8+CiAgICAgICAgICA8YSBjbGFzcz0iYW50LWRyb3Bkb3duLWxpbmsiPgogICAgICAgICAgICBNb3JlIGFjdGlvbnMKICAgICAgICAgICAgPGRvd24tb3V0bGluZWQgLz4KICAgICAgICAgIDwvYT4KICAgICAgICA8L3NwYW4+CiAgICAgIDwvdGVtcGxhdGU+CiAgICA8L3RlbXBsYXRlPgogIDwvYS10YWJsZT4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBsYW5nPSJ0cyIgc2V0dXA+CmltcG9ydCB7IHJlZiB9IGZyb20gJ3Z1ZSc7CmltcG9ydCB7IFNtaWxlT3V0bGluZWQsIERvd25PdXRsaW5lZCB9IGZyb20gJ0BhbnQtZGVzaWduL2ljb25zLXZ1ZSc7CmltcG9ydCB0eXBlIHsgVGFibGVDb2x1bW5zVHlwZSB9IGZyb20gJ2FudC1kZXNpZ24tdnVlJzsKCmNvbnN0IGRhdGEgPSBbCiAgewogICAga2V5OiAnMScsCiAgICBuYW1lOiAnSm9obiBCcm93bicsCiAgICBhZ2U6IDMyLAogICAgYWRkcmVzczogJ05ldyBZb3JrIE5vLiAxIExha2UgUGFyaycsCiAgICB0YWdzOiBbJ25pY2UnLCAnZGV2ZWxvcGVyJ10sCiAgfSwKICB7CiAgICBrZXk6ICcyJywKICAgIG5hbWU6ICdKaW0gR3JlZW4nLAogICAgYWdlOiA0MiwKICAgIGFkZHJlc3M6ICdMb25kb24gTm8uIDEgTGFrZSBQYXJrJywKICAgIHRhZ3M6IFsnbG9zZXInXSwKICB9LAogIHsKICAgIGtleTogJzMnLAogICAgbmFtZTogJ0pvZSBCbGFjaycsCiAgICBhZ2U6IDMyLAogICAgYWRkcmVzczogJ1NpZG5leSBOby4gMSBMYWtlIFBhcmsnLAogICAgdGFnczogWydjb29sJywgJ3RlYWNoZXInXSwKICB9LApdOwoKY29uc3QgY29sdW1ucyA9IHJlZjxUYWJsZUNvbHVtbnNUeXBlPihbCiAgewogICAgZGF0YUluZGV4OiAnbmFtZScsCiAgICBrZXk6ICduYW1lJywKICAgIHJlc2l6YWJsZTogdHJ1ZSwKICAgIHdpZHRoOiAxNTAsCiAgfSwKICB7CiAgICB0aXRsZTogJ0FnZScsCiAgICBkYXRhSW5kZXg6ICdhZ2UnLAogICAga2V5OiAnYWdlJywKICAgIHJlc2l6YWJsZTogdHJ1ZSwKICAgIHdpZHRoOiAxMDAsCiAgICBtaW5XaWR0aDogMTAwLAogICAgbWF4V2lkdGg6IDIwMCwKICB9LAogIHsKICAgIHRpdGxlOiAnQWRkcmVzcycsCiAgICBkYXRhSW5kZXg6ICdhZGRyZXNzJywKICAgIGtleTogJ2FkZHJlc3MnLAogIH0sCiAgewogICAgdGl0bGU6ICdUYWdzJywKICAgIGtleTogJ3RhZ3MnLAogICAgZGF0YUluZGV4OiAndGFncycsCiAgfSwKICB7CiAgICB0aXRsZTogJ0FjdGlvbicsCiAgICBrZXk6ICdhY3Rpb24nLAogIH0sCl0pOwpmdW5jdGlvbiBoYW5kbGVSZXNpemVDb2x1bW4odywgY29sKSB7CiAgY29sLndpZHRoID0gdzsKfQo8L3NjcmlwdD4KCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXRhYmxlIDpjb2x1bW5zPSJjb2x1bW5zIiA6ZGF0YS1zb3VyY2U9ImRhdGEiIEByZXNpemVDb2x1bW49ImhhbmRsZVJlc2l6ZUNvbHVtbiI+CiAgICA8dGVtcGxhdGUgI2hlYWRlckNlbGw9InsgY29sdW1uIH0iPgogICAgICA8dGVtcGxhdGUgdi1pZj0iY29sdW1uLmtleSA9PT0gJ25hbWUnIj4KICAgICAgICA8c3Bhbj4KICAgICAgICAgIDxzbWlsZS1vdXRsaW5lZCAvPgogICAgICAgICAgTmFtZQogICAgICAgIDwvc3Bhbj4KICAgICAgPC90ZW1wbGF0ZT4KICAgIDwvdGVtcGxhdGU+CgogICAgPHRlbXBsYXRlICNib2R5Q2VsbD0ieyBjb2x1bW4sIHJlY29yZCB9Ij4KICAgICAgPHRlbXBsYXRlIHYtaWY9ImNvbHVtbi5rZXkgPT09ICduYW1lJyI+CiAgICAgICAgPGE+CiAgICAgICAgICB7eyByZWNvcmQubmFtZSB9fQogICAgICAgIDwvYT4KICAgICAgPC90ZW1wbGF0ZT4KICAgICAgPHRlbXBsYXRlIHYtZWxzZS1pZj0iY29sdW1uLmtleSA9PT0gJ3RhZ3MnIj4KICAgICAgICA8c3Bhbj4KICAgICAgICAgIDxhLXRhZwogICAgICAgICAgICB2LWZvcj0idGFnIGluIHJlY29yZC50YWdzIgogICAgICAgICAgICA6a2V5PSJ0YWciCiAgICAgICAgICAgIDpjb2xvcj0idGFnID09PSAnbG9zZXInID8gJ3ZvbGNhbm8n

4796IDogdGFnLmxlbmd0aCA+IDUgPyAnZ2Vla2JsdWUnIDogJ2dyZWVuJyIKICAgICAgICAgID4KICAgICAgICAgICAge3sgdGFnLnRvVXBwZXJDYXNlKCkgfX0KICAgICAgICAgIDwvYS10YWc+CiAgICAgICAgPC9zcGFuPgogICAgICA8L3RlbXBsYXRlPgogICAgICA8dGVtcGxhdGUgdi1lbHNlLWlmPSJjb2x1bW4ua2V5ID09PSAnYWN0aW9uJyI+CiAgICAgICAgPHNwYW4+CiAgICAgICAgICA8YT5JbnZpdGUg5LiAIHt7IHJlY29yZC5uYW1lIH19PC9hPgogICAgICAgICAgPGEtZGl2aWRlciB0eXBlPSJ2ZXJ0aWNhbCIgLz4KICAgICAgICAgIDxhPkRlbGV0ZTwvYT4KICAgICAgICAgIDxhLWRpdmlkZXIgdHlwZT0idmVydGljYWwiIC8+CiAgICAgICAgICA8YSBjbGFzcz0iYW50LWRyb3Bkb3duLWxpbmsiPgogICAgICAgICAgICBNb3JlIGFjdGlvbnMKICAgICAgICAgICAgPGRvd24tb3V0bGluZWQgLz4KICAgICAgICAgIDwvYT4KICAgICAgICA8L3NwYW4+CiAgICAgIDwvdGVtcGxhdGU+CiAgICA8L3RlbXBsYXRlPgogIDwvYS10YWJsZT4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBzZXR1cD4KaW1wb3J0IHsgcmVmIH0gZnJvbSAndnVlJzsKY29uc3QgZGF0YSA9IFsKICB7CiAgICBrZXk6ICcxJywKICAgIG5hbWU6ICdKb2huIEJyb3duJywKICAgIGFnZTogMzIsCiAgICBhZGRyZXNzOiAnTmV3IFlvcmsgTm8uIDEgTGFrZSBQYXJrJywKICAgIHRhZ3M6IFsnbmljZScsICdkZXZlbG9wZXInXSwKICB9LAogIHsKICAgIGtleTogJzInLAogICAgbmFtZTogJ0ppbSBHcmVlbicsCiAgICBhZ2U6IDQyLAogICAgYWRkcmVzczogJ0xvbmRvbiBOby4gMSBMYWtlIFBhcmsnLAogICAgdGFnczogWydsb3NlciddLAogIH0sCiAgewogICAga2V5OiAnMycsCiAgICBuYW1lOiAnSm9lIEJsYWNrJywKICAgIGFnZTogMzIsCiAgICBhZGRyZXNzOiAnU2lkbmV5IE5vLiAxIExha2UgUGFyaycsCiAgICB0YWdzOiBbJ2Nvb2wnLCAndGVhY2hlciddLAogIH0sCl07CmNvbnN0IGNvbHVtbnMgPSByZWYoWwogIHsKICAgIGRhdGFJbmRleDogJ25hbWUnLAogICAga2V5OiAnbmFtZScsCiAgICByZXNpemFibGU6IHRydWUsCiAgICB3aWR0aDogMTUwLAogIH0sCiAgewogICAgdGl0bGU6ICdBZ2UnLAogICAgZGF0YUluZGV4OiAnYWdlJywKICAgIGtleTogJ2FnZScsCiAgICByZXNpemFibGU6IHRydWUsCiAgICB3aWR0aDogMTAwLAogICAgbWluV2lkdGg6IDEwMCwKICAgIG1heFdpZHRoOiAyMDAsCiAgfSwKICB7CiAgICB0aXRsZTogJ0FkZHJlc3MnLAogICAgZGF0YUluZGV4OiAnYWRkcmVzcycsCiAgICBrZXk6ICdhZGRyZXNzJywKICB9LAogIHsKICAgIHRpdGxlOiAnVGFncycsCiAgICBrZXk6ICd0YWdzJywKICAgIGRhdGFJbmRleDogJ3RhZ3MnLAogIH0sCiAgewogICAgdGl0bGU6ICdBY3Rpb24nLAogICAga2V5OiAnYWN0aW9uJywKICB9LApdKTsKZnVuY3Rpb24gaGFuZGxlUmVzaXplQ29sdW1uKHcsIGNvbCkgewogIGNvbC53aWR0aCA9IHc7Cn0KPC9zY3JpcHQ+"}},{default:d(()=>[C(u,{columns:p.value,"data-source":o,onResizeColumn:c},{headerCell:d(({column:g})=>[g.key==="name"?(m(),W("span",Uo,[C(P(Ra)),e[0]||(e[0]=a(" Name ",-1))])):K("",!0)]),bodyCell:d(({column:g,record:k})=>[g.key==="name"?(m(),W("a",Eo,L(k.name),1)):g.key==="tags"?(m(),W("span",Oo,[(m(!0),W(O,null,dn(k.tags,y=>(m(),x(r,{key:y,color:y==="loser"?"volcano":y.length>5?"geekblue":"green"},{default:d(()=>[a(L(y.toUpperCase()),1)]),_:2},1032,["color"]))),128))])):g.key==="action"?(m(),W("span",jo,[n("a",null,"Invite \u4E00 "+L(k.name),1),C(l,{type:"vertical"}),e[2]||(e[2]=n("a",null,"Delete",-1)),C(l,{type:"vertical"}),n("a",Mo,[e[1]||(e[1]=a(" More actions ",-1)),C(P(On))])])):K("",!0)]),_:1},8,["columns"])]),htmlCode:d(()=>[...e[3]||(e[3]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
4797  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table")]),a(),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("columns"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("data"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"@resizeColumn"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("handleResizeColumn"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
4798    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#headerCell"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ column }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
4799      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"}

4799,'"'),a("column.key === 'name'"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
4800        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("span")]),n("span",{class:"token punctuation"},">")]),a(`
4801          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("smile-outlined")]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
4802          Name
4803        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("span")]),n("span",{class:"token punctuation"},">")]),a(`
4804      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
4805    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
4806
4807    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#bodyCell"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ column, record }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
4808      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("column.key === 'name'"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
4809        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
4810          {{ record.name }}
4811        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
4812      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
4813      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"v-else-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("column.key === 'tags'"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
4814        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("span")]),n("span",{class:"token punctuation"},">")]),a(`
4815          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tag")]),a(`
4816            `),n("span",{class:"token attr-name"},"v-for"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("tag in record.tags"),n("span",{class:"token punctuation"},'"')]),a(`
4817            `),n("span",{class:"token attr-name"},":key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("tag"),n("span",{class:"token punctuation"},'"')]),a(`
4818            `),n("span",{class:"token attr-name"},":color"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("tag === 'loser' ? 'volcano' : tag.length > 5 ? 'geekblue' : 'green'"),n("span",{class:"token punctuation"},'"')]),a(`
4819          `),n("span",{class:"token punctuation"},">")]),a(`
4820            {{ tag.toUpperCase() }}
4821          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-tag")]),n("span",{class:"token punctuation"},">")]),a(`
4822        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("span")]),n("span",{class:"token punctuation"},">")]),a(`
4823      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
4824      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"v-else-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"}

4824,'"'),a("column.key === 'action'"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
4825        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("span")]),n("span",{class:"token punctuation"},">")]),a(`
4826          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a")]),n("span",{class:"token punctuation"},">")]),a("Invite \u4E00 {{ record.name }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
4827          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-divider")]),a(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("vertical"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
4828          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a")]),n("span",{class:"token punctuation"},">")]),a("Delete"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
4829          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-divider")]),a(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("vertical"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
4830          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a")]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ant-dropdown-link"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
4831            More actions
4832            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("down-outlined")]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
4833          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
4834        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("span")]),n("span",{class:"token punctuation"},">")]),a(`
4835      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
4836    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
4837  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table")]),n("span",{class:"token punctuation"},">")]),a(`
4838`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
4839`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ts"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"setup"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
4840`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
4841`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" SmileOutlined"),n("span",{class:"token punctuation"},","),a(" DownOutlined "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'@ant-design/icons-vue'"),n("span",{class:"token punctuation"},";"),a(`
4842`),n("span",{class:"token keyword"},"import"),a(" type "),n("span",{class:"token punctuation"},"{"),a(" TableColumnsType "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'ant-design-vue'"),n("span",{class:"token punctuation"},";"),a(`
4843
4844`),n("span",{class:"token keyword"},"const"),a(" data "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
4845  `),n("span",{class:"token punctuation"},"{"),a(`
4846    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'1'"),n("span",{class:"token punctuation"},","),a(`
4847    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'John Brown'"),n("span",{class:"token punctuation"},","),a(`
4848    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
4849    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'New York No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
4850    `),n("span",{class:"token literal-property property"},"tags"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'nice'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token string"},"'developer'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
4851  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4852  `),n("span",{class:"token punctuation"},"{"),a(`
4853    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'2'"),n("span",{class:"token punctuation"},","),a(`
4854    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jim Green'"),n("span",{class:"token punctuation"},","),a(`
4855    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"42"),n("span",{class:"token punctuation"},","),a(`
4856    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'London No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
4857    `),n("span",{class:"token literal-property property"},"tags"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'loser'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
4858  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4859  `),n("span",{class:"token punctuation"},"{"),a(`
4860    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'3'"),n("span",{class:"token punctuation"},","),a(`
4861    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Joe Black'"),n("span",{class:"token punctuation"},","),a(`
4862    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
4863    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"}

4863,"'Sidney No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
4864    `),n("span",{class:"token literal-property property"},"tags"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'cool'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token string"},"'teacher'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
4865  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4866`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
4867
4868`),n("span",{class:"token keyword"},"const"),a(" columns "),n("span",{class:"token operator"},"="),a(" ref"),n("span",{class:"token operator"},"<"),a("TableColumnsType"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),a(`
4869  `),n("span",{class:"token punctuation"},"{"),a(`
4870    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
4871    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
4872    `),n("span",{class:"token literal-property property"},"resizable"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},","),a(`
4873    `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"150"),n("span",{class:"token punctuation"},","),a(`
4874  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4875  `),n("span",{class:"token punctuation"},"{"),a(`
4876    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Age'"),n("span",{class:"token punctuation"},","),a(`
4877    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'age'"),n("span",{class:"token punctuation"},","),a(`
4878    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'age'"),n("span",{class:"token punctuation"},","),a(`
4879    `),n("span",{class:"token literal-property property"},"resizable"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},","),a(`
4880    `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"100"),n("span",{class:"token punctuation"},","),a(`
4881    `),n("span",{class:"token literal-property property"},"minWidth"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"100"),n("span",{class:"token punctuation"},","),a(`
4882    `),n("span",{class:"token literal-property property"},"maxWidth"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"200"),n("span",{class:"token punctuation"},","),a(`
4883  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4884  `),n("span",{class:"token punctuation"},"{"),a(`
4885    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Address'"),n("span",{class:"token punctuation"},","),a(`
4886    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
4887    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
4888  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4889  `),n("span",{class:"token punctuation"},"{"),a(`
4890    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Tags'"),n("span",{class:"token punctuation"},","),a(`
4891    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'tags'"),n("span",{class:"token punctuation"},","),a(`
4892    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'tags'"),n("span",{class:"token punctuation"},","),a(`
4893  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4894  `),n("span",{class:"token punctuation"},"{"),a(`
4895    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Action'"),n("span",{class:"token punctuation"},","),a(`
4896    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'action'"),n("span",{class:"token punctuation"},","),a(`
4897  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4898`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
4899`),n("span",{class:"token keyword"},"function"),a(),n("span",{class:"token function"},"handleResizeColumn"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("w"),n("span",{class:"token punctuation"},","),a(" col")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
4900  col`),n("span",{class:"token punctuation"},"."),a("width "),n("span",{class:"token operator"},"="),a(" w"),n("span",{class:"token punctuation"},";"),a(`
4901`),n("span",{class:"token punctuation"},"}"),a(`
4902`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"}

4902,"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
4903`)])],-1)])]),jsVersionHtml:d(()=>[...e[4]||(e[4]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
4904  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table")]),a(),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("columns"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("data"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"@resizeColumn"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("handleResizeColumn"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
4905    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#headerCell"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ column }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
4906      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("column.key === 'name'"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
4907        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("span")]),n("span",{class:"token punctuation"},">")]),a(`
4908          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("smile-outlined")]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
4909          Name
4910        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("span")]),n("span",{class:"token punctuation"},">")]),a(`
4911      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
4912    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
4913
4914    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#bodyCell"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ column, record }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
4915      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("column.key === 'name'"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
4916        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
4917          {{ record.name }}
4918        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
4919      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
4920      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"v-else-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"}

4920,'"'),a("column.key === 'tags'"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
4921        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("span")]),n("span",{class:"token punctuation"},">")]),a(`
4922          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tag")]),a(`
4923            `),n("span",{class:"token attr-name"},"v-for"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("tag in record.tags"),n("span",{class:"token punctuation"},'"')]),a(`
4924            `),n("span",{class:"token attr-name"},":key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("tag"),n("span",{class:"token punctuation"},'"')]),a(`
4925            `),n("span",{class:"token attr-name"},":color"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("tag === 'loser' ? 'volcano' : tag.length > 5 ? 'geekblue' : 'green'"),n("span",{class:"token punctuation"},'"')]),a(`
4926          `),n("span",{class:"token punctuation"},">")]),a(`
4927            {{ tag.toUpperCase() }}
4928          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-tag")]),n("span",{class:"token punctuation"},">")]),a(`
4929        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("span")]),n("span",{class:"token punctuation"},">")]),a(`
4930      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
4931      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"v-else-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("column.key === 'action'"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
4932        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("span")]),n("span",{class:"token punctuation"},">")]),a(`
4933          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a")]),n("span",{class:"token punctuation"},">")]),a("Invite \u4E00 {{ record.name }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
4934          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-divider")]),a(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("vertical"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
4935          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a")]),n("span",{class:"token punctuation"},">")]),a("Delete"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
4936          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-divider")]),a(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("vertical"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
4937          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a")]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ant-dropdown-link"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
4938            More actions
4939            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("down-outlined")]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
4940          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
4941        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("span")]),n("span",{class:"token punctuation"},">")]),a(`
4942      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
4943    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
4944  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table")]),n("span",{class:"token punctuation"},">")]),a(`
4945`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
4946`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"}

4946,"<"),a("script")]),a(),n("span",{class:"token attr-name"},"setup"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
4947`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
4948`),n("span",{class:"token keyword"},"const"),a(" data "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
4949  `),n("span",{class:"token punctuation"},"{"),a(`
4950    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'1'"),n("span",{class:"token punctuation"},","),a(`
4951    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'John Brown'"),n("span",{class:"token punctuation"},","),a(`
4952    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
4953    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'New York No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
4954    `),n("span",{class:"token literal-property property"},"tags"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'nice'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token string"},"'developer'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
4955  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4956  `),n("span",{class:"token punctuation"},"{"),a(`
4957    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'2'"),n("span",{class:"token punctuation"},","),a(`
4958    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jim Green'"),n("span",{class:"token punctuation"},","),a(`
4959    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"42"),n("span",{class:"token punctuation"},","),a(`
4960    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'London No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
4961    `),n("span",{class:"token literal-property property"},"tags"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'loser'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
4962  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4963  `),n("span",{class:"token punctuation"},"{"),a(`
4964    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'3'"),n("span",{class:"token punctuation"},","),a(`
4965    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Joe Black'"),n("span",{class:"token punctuation"},","),a(`
4966    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
4967    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Sidney No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
4968    `),n("span",{class:"token literal-property property"},"tags"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'cool'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token string"},"'teacher'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
4969  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4970`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
4971`),n("span",{class:"token keyword"},"const"),a(" columns "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),a(`
4972  `),n("span",{class:"token punctuation"},"{"),a(`
4973    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
4974    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
4975    `),n("span",{class:"token literal-property property"},"resizable"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},","),a(`
4976    `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"150"),n("span",{class:"token punctuation"},","),a(`
4977  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4978  `),n("span",{class:"token punctuation"},"{"),a(`
4979    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Age'"),n("span",{class:"token punctuation"},","),a(`
4980    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'age'"),n("span",{class:"token punctuation"},","),a(`
4981    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'age'"),n("span",{class:"token punctuation"},","),a(`
4982    `),n("span",{class:"token literal-property property"},"resizable"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},","),a(`
4983    `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"100"),n("span",{class:"token punctuation"},","),a(`
4984    `),n("span",{class:"token literal-property property"},"minWidth"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"100"),n("span",{class:"token punctuation"},","),a(`
4985    `),n("span",{class:"token literal-property property"},"maxWidth"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"200"),n("span",{class:"token punctuation"},","),a(`
4986  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4987  `),n("span",{class:"token punctuation"},"{"),a(`
4988    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Address'"),n("span",{class:"token punctuation"},","),a(`
4989    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
4990    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
4991  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4992  `),n("span",{class:"token punctuation"},"{"),a(`
4993    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Tags'"),n("span",{class:"token punctuation"},","),a(`
4994    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'tags'"),n("span",{class:"token punctuation"},","),a(`
4995    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'tags'"),n("span",{class:"token punctuation"},","),a(`
4996  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
4997  `),n("span",{class:"token punctuation"},"{"),a(`
4998    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Action'"),n("span",{class:"token punctuation"},","),a(`
4999    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'action'"),n("span",{class:"token punctuation"},","),a(`
5000  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
5001`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
5002`),n("span",{class:"token keyword"},"function"),a(),n("span",{class:"token function"},"handleResizeColumn"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("w"),n("span",{class:"token punctuation"},","),a(" col")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
5003  col`),n("span",{class:"token punctuation"},"."),a("width "),n("span",{class:"token operator"},"="),a(" w"),n("span",{class:"token punctuation"},";"),a(`
5004`),n("span",{class:"token punctuation"},"}"),a(`
5005`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"}

5005,"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
5006`)])],-1)])]),_:1})}}}),qo={key:0},_o=F({__name:"responsive",setup(t){const o=[{title:"Name (all screens)",dataIndex:"name",key:"name"},{title:"Age (medium screen or bigger)",dataIndex:"age",key:"age",responsive:["md"]},{title:"Address (large screen or bigger)",dataIndex:"address",key:"address",responsive:["lg"]}],p=[{key:"1",name:"John Brown",age:32,address:"New York No. 1 Lake Park"}];return(c,s)=>{const e=I("a-table"),r=I("demo-box");return m(),x(r,{jsfiddle:{us:"Responsive columns.",cn:"\u54CD\u5E94\u5F0F\u914D\u7F6E\u5217\u7684\u5C55\u793A\u3002",docHtml:`<h2 id="zh-cn">zh-CN <a class="header-anchor" href="#zh-cn">
5007          <span aria-hidden="true" class="anchor">#</span>
5008        </a></h2>
5009<p>\u54CD\u5E94\u5F0F\u914D\u7F6E\u5217\u7684\u5C55\u793A\u3002</p>
5010<h2 id="en-us">en-US <a class="header-anchor" href="#en-us">
5011          <span aria-hidden="true" class="anchor">#</span>
5012        </a></h2>
5013<p>Responsive columns.</p>
5014`,order:30,title:{"en-US":"Responsive","zh-CN":"\u54CD\u5E94\u5F0F"},relativePath:"components/table/demo/responsive.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXRhYmxlIDpjb2x1bW5zPSJjb2x1bW5zIiA6cm93LWtleT0icmVjb3JkID0+IHJlY29yZC5rZXkiIDpkYXRhLXNvdXJjZT0iZGF0YSI+CiAgICA8dGVtcGxhdGUgI2JvZHlDZWxsPSJ7IGNvbHVtbiwgcmVjb3JkIH0iPgogICAgICA8dGVtcGxhdGUgdi1pZj0iY29sdW1uLmtleSA9PT0gJ25hbWUnIj4KICAgICAgICA8YT4KICAgICAgICAgIHt7IHJlY29yZC5uYW1lIH19CiAgICAgICAgPC9hPgogICAgICA8L3RlbXBsYXRlPgogICAgPC90ZW1wbGF0ZT4KICA8L2EtdGFibGU+CjwvdGVtcGxhdGU+CjxzY3JpcHQgbGFuZz0idHMiIHNldHVwPgppbXBvcnQgdHlwZSB7IENvbHVtbnNUeXBlIH0gZnJvbSAnYW50LWRlc2lnbi12dWUvZXMvdGFibGUvaW50ZXJmYWNlJzsKY29uc3QgY29sdW1uczogQ29sdW1uc1R5cGUgPSBbCiAgewogICAgdGl0bGU6ICdOYW1lIChhbGwgc2NyZWVucyknLAogICAgZGF0YUluZGV4OiAnbmFtZScsCiAgICBrZXk6ICduYW1lJywKICB9LAogIHsKICAgIHRpdGxlOiAnQWdlIChtZWRpdW0gc2NyZWVuIG9yIGJpZ2dlciknLAogICAgZGF0YUluZGV4OiAnYWdlJywKICAgIGtleTogJ2FnZScsCiAgICByZXNwb25zaXZlOiBbJ21kJ10sCiAgfSwKICB7CiAgICB0aXRsZTogJ0FkZHJlc3MgKGxhcmdlIHNjcmVlbiBvciBiaWdnZXIpJywKICAgIGRhdGFJbmRleDogJ2FkZHJlc3MnLAogICAga2V5OiAnYWRkcmVzcycsCiAgICByZXNwb25zaXZlOiBbJ2xnJ10sCiAgfSwKXTsKCmNvbnN0IGRhdGEgPSBbCiAgewogICAga2V5OiAnMScsCiAgICBuYW1lOiAnSm9obiBCcm93bicsCiAgICBhZ2U6IDMyLAogICAgYWRkcmVzczogJ05ldyBZb3JrIE5vLiAxIExha2UgUGFyaycsCiAgfSwKXTsKPC9zY3JpcHQ+Cgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXRhYmxlIDpjb2x1bW5zPSJjb2x1bW5zIiA6cm93LWtleT0icmVjb3JkID0+IHJlY29yZC5rZXkiIDpkYXRhLXNvdXJjZT0iZGF0YSI+CiAgICA8dGVtcGxhdGUgI2JvZHlDZWxsPSJ7IGNvbHVtbiwgcmVjb3JkIH0iPgogICAgICA8dGVtcGxhdGUgdi1pZj0iY29sdW1uLmtleSA9PT0gJ25hbWUnIj4KICAgICAgICA8YT4KICAgICAgICAgIHt7IHJlY29yZC5uYW1lIH19CiAgICAgICAgPC9hPgogICAgICA8L3RlbXBsYXRlPgogICAgPC90ZW1wbGF0ZT4KICA8L2EtdGFibGU+CjwvdGVtcGxhdGU+CjxzY3JpcHQgc2V0dXA+CmNvbnN0IGNvbHVtbnMgPSBbCiAgewogICAgdGl0bGU6ICdOYW1lIChhbGwgc2NyZWVucyknLAogICAgZGF0YUluZGV4OiAnbmFtZScsCiAgICBrZXk6ICduYW1lJywKICB9LAogIHsKICAgIHRpdGxlOiAnQWdlIChtZWRpdW0gc2NyZWVuIG9yIGJpZ2dlciknLAogICAgZGF0YUluZGV4OiAnYWdlJywKICAgIGtleTogJ2FnZScsCiAgICByZXNwb25zaXZlOiBbJ21kJ10sCiAgfSwKICB7CiAgICB0aXRsZTogJ0FkZHJlc3MgKGxhcmdlIHNjcmVlbiBvciBiaWdnZXIpJywKICAgIGRhdGFJbmRleDogJ2FkZHJlc3MnLAogICAga2V5OiAnYWRkcmVzcycsCiAgICByZXNwb25zaXZlOiBbJ2xnJ10sCiAgfSwKXTsKY29uc3QgZGF0YSA9IFsKICB7CiAgICBrZXk6ICcxJywKICAgIG5hbWU6ICdKb2huIEJyb3duJywKICAgIGFnZTogMzIsCiAgICBhZGRyZXNzOiAnTmV3IFlvcmsgTm8uIDEgTGFrZSBQYXJrJywKICB9LApdOwpleHBvcnQge307Cjwvc2NyaXB0Pg=="}},{default:d(()=>[C(e,{columns:o,"row-key":l=>l.key,"data-source":p},{bodyCell:d(({column:l,record:u})=>[l.key==="name"?(m(),W("a",qo,L(u.name),1)):K("",!0)]),_:1},8,["row-key"])]),htmlCode:d(()=>[...s[0]||(s[0]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
5015  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table")]),a(),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"}

5015,'"'),a("columns"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":row-key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("record => record.key"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("data"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
5016    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#bodyCell"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ column, record }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
5017      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("column.key === 'name'"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
5018        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
5019          {{ record.name }}
5020        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
5021      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
5022    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
5023  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table")]),n("span",{class:"token punctuation"},">")]),a(`
5024`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
5025`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ts"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"setup"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
5026`),n("span",{class:"token keyword"},"import"),a(" type "),n("span",{class:"token punctuation"},"{"),a(" ColumnsType "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'ant-design-vue/es/table/interface'"),n("span",{class:"token punctuation"},";"),a(`
5027`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token literal-property property"},"columns"),n("span",{class:"token operator"},":"),a(" ColumnsType "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
5028  `),n("span",{class:"token punctuation"},"{"),a(`
5029    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Name (all screens)'"),n("span",{class:"token punctuation"},","),a(`
5030    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
5031    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
5032  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
5033  `),n("span",{class:"token punctuation"},"{"),a(`
5034    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Age (medium screen or bigger)'"),n("span",{class:"token punctuation"},","),a(`
5035    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'age'"),n("span",{class:"token punctuation"},","),a(`
5036    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'age'"),n("span",{class:"token punctuation"},","),a(`
5037    `),n("span",{class:"token literal-property property"},"responsive"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'md'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
5038  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
5039  `),n("span",{class:"token punctuation"},"{"),a(`
5040    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Address (large screen or bigger)'"),n("span",{class:"token punctuation"},","),a(`
5041    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
5042    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
5043    `),n("span",{class:"token literal-property property"},"responsive"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'lg'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
5044  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
5045`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
5046
5047`),n("span",{class:"token keyword"},"const"),a(" data "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
5048  `),n("span",{class:"token punctuation"},"{"),a(`
5049    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'1'"),n("span",{class:"token punctuation"},","),a(`
5050    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'John Brown'"),n("span",{class:"token punctuation"},","),a(`
5051    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
5052    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'New York No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
5053  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
5054`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
5055`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"}

5055,"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
5056`)])],-1)])]),jsVersionHtml:d(()=>[...s[1]||(s[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
5057  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table")]),a(),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("columns"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":row-key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("record => record.key"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("data"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
5058    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#bodyCell"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ column, record }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
5059      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("column.key === 'name'"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
5060        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
5061          {{ record.name }}
5062        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
5063      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
5064    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
5065  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table")]),n("span",{class:"token punctuation"},">")]),a(`
5066`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
5067`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),n("span",{class:"token attr-name"},"setup"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
5068`),n("span",{class:"token keyword"},"const"),a(" columns "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
5069  `),n("span",{class:"token punctuation"},"{"),a(`
5070    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Name (all screens)'"),n("span",{class:"token punctuation"},","),a(`
5071    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
5072    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
5073  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
5074  `),n("span",{class:"token punctuation"},"{"),a(`
5075    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Age (medium screen or bigger)'"),n("span",{class:"token punctuation"},","),a(`
5076    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'age'"),n("span",{class:"token punctuation"},","),a(`
5077    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'age'"),n("span",{class:"token punctuation"},","),a(`
5078    `),n("span",{class:"token literal-property property"},"responsive"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'md'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
5079  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
5080  `),n("span",{class:"token punctuation"},"{"),a(`
5081    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Address (large screen or bigger)'"),n("span",{class:"token punctuation"},","),a(`
5082    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
5083    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
5084    `),n("span",{class:"token literal-property property"},"responsive"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'lg'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
5085  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
5086`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
5087`),n("span",{class:"token keyword"},"const"),a(" data "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
5088  `),n("span",{class:"token punctuation"},"{"),a(`
5089    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'1'"),n("span",{class:"token punctuation"},","),a(`
5090    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'John Brown'"),n("span",{class:"token punctuation"},","),a(`
5091    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
5092    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'New York No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
5093  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
5094`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
5095`),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token punctuation"},"{"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
5096`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"}

5096,"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
5097`)])],-1)])]),_:1})}}}),$o=F({__name:"filter-search",setup(t){const o=[{title:"Name",dataIndex:"name",filters:[{text:"Joe",value:"Joe"},{text:"Category 1",value:"Category 1"},{text:"Category 2",value:"Category 2"}],filterMode:"tree",filterSearch:!0,onFilter:(s,e)=>e.name.startsWith(s),width:"30%"},{title:"Age",dataIndex:"age",sorter:(s,e)=>s.age-e.age},{title:"Address",dataIndex:"address",filters:[{text:"London",value:"London"},{text:"New York",value:"New York"}],onFilter:(s,e)=>e.address.startsWith(s),filterSearch:(s,e)=>e.value.indexOf(s)>-1,width:"40%"}],p=[{key:"1",name:"John Brown",age:32,address:"New York No. 1 Lake Park"},{key:"2",name:"Jim Green",age:42,address:"London No. 1 Lake Park"},{key:"3",name:"Joe Black",age:32,address:"Sidney No. 1 Lake Park"},{key:"4",name:"Jim Red",age:32,address:"London No. 2 Lake Park"}];function c(s,e,r,l){console.log("params",s,e,r,l)}return(s,e)=>{const r=I("a-table"),l=I("demo-box");return m(),x(l,{jsfiddle:{us:"`filterSearch` is used to enable search of filter items, and you can set a custom filter method through `filterSearch:(input, record) => boolean`.",cn:"`filterSearch` \u7528\u4E8E\u5F00\u542F\u7B5B\u9009\u9879\u7684\u641C\u7D22\uFF0C\u901A\u8FC7 `filterSearch:(input, record) => boolean` \u8BBE\u7F6E\u81EA\u5B9A\u4E49\u7B5B\u9009\u65B9\u6CD5",docHtml:`<h2 id="zh-cn">zh-CN <a class="header-anchor" href="#zh-cn">
5098          <span aria-hidden="true" class="anchor">#</span>
5099        </a></h2>
5100<p><code>filterSearch</code> \u7528\u4E8E\u5F00\u542F\u7B5B\u9009\u9879\u7684\u641C\u7D22\uFF0C\u901A\u8FC7 <code>filterSearch:(input, record) =&gt; boolean</code> \u8BBE\u7F6E\u81EA\u5B9A\u4E49\u7B5B\u9009\u65B9\u6CD5</p>
5101<h2 id="en-us">en-US <a class="header-anchor" href="#en-us">
5102          <span aria-hidden="true" class="anchor">#</span>
5103        </a></h2>
5104<p><code>filterSearch</code> is used to enable search of filter items, and you can set a custom filter method through <code>filterSearch:(input, record) =&gt; boolean</code>.</p>
5105`,order:6.2,version:"4.19.0",title:{"en-US":"Filter search","zh-CN":"\u81EA\u5B9A\u4E49\u7B5B\u9009\u7684\u641C\u7D22"},relativePath:"components/table/demo/filter-search.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXRhYmxlIDpjb2x1bW5zPSJjb2x1bW5zIiA6ZGF0YS1zb3VyY2U9ImRhdGEiIEBjaGFuZ2U9Im9uQ2hhbmdlIj48L2EtdGFibGU+CjwvdGVtcGxhdGU+CjxzY3JpcHQgbGFuZz0idHMiIHNldHVwPgppbXBvcnQgdHlwZSB7IFRhYmxlUHJvcHMgfSBmcm9tICdhbnQtZGVzaWduLXZ1ZSc7CmNvbnN0IGNvbHVtbnM6IFRhYmxlUHJvcHNbJ2NvbHVtbnMnXSA9IFsKICB7CiAgICB0aXRsZTogJ05hbWUnLAogICAgZGF0YUluZGV4OiAnbmFtZScsCiAgICBmaWx0ZXJzOiBbCiAgICAgIHsKICAgICAgICB0ZXh0OiAnSm9lJywKICAgICAgICB2YWx1ZTogJ0pvZScsCiAgICAgIH0sCiAgICAgIHsKICAgICAgICB0ZXh0OiAnQ2F0ZWdvcnkgMScsCiAgICAgICAgdmFsdWU6ICdDYXRlZ29yeSAxJywKICAgICAgfSwKICAgICAgewogICAgICAgIHRleHQ6ICdDYXRlZ29yeSAyJywKICAgICAgICB2YWx1ZTogJ0NhdGVnb3J5IDInLAogICAgICB9LAogICAgXSwKICAgIGZpbHRlck1vZGU6ICd0cmVlJywKICAgIGZpbHRlclNlYXJjaDogdHJ1ZSwKICAgIG9uRmlsdGVyOiAodmFsdWUsIHJlY29yZCkgPT4gcmVjb3JkLm5hbWUuc3RhcnRzV2l0aCh2YWx1ZSksCiAgICB3aWR0aDogJzMwJScsCiAgfSwKICB7CiAgICB0aXRsZTogJ0FnZScsCiAgICBkYXRhSW5kZXg6ICdhZ2UnLAogICAgc29ydGVyOiAoYSwgYikgPT4gYS5hZ2UgLSBiLmFnZSwKICB9LAogIHsKICAgIHRpdGxlOiAnQWRkcmVzcycsCiAgICBkYXRhSW5kZXg6ICdhZGRyZXNzJywKICAgIGZpbHRlcnM6IFsKICAgICAgewogICAgICAgIHRleHQ6ICdMb25kb24nLAogICAgICAgIHZhbHVlOiAnTG9uZG9uJywKICAgICAgfSwKICAgICAgewogICAgICAgIHRleHQ6ICdOZXcgWW9yaycsCiAgICAgICAgdmFsdWU6ICdOZXcgWW9yaycsCiAgICAgIH0sCiAgICBdLAogICAgb25GaWx0ZXI6ICh2YWx1ZSwgcmVjb3JkKSA9PiByZWNvcmQuYWRkcmVzcy5zdGFydHNXaXRoKHZhbHVlKSwKICAgIGZpbHRlclNlYXJjaDogKGlucHV0LCBmaWx0ZXIpID0+IChmaWx0ZXIudmFsdWUgYXMgc3RyaW5nKS5pbmRleE9mKGlucHV0KSA+IC0xLAogICAgd2lkdGg6ICc0MCUnLAogIH0sCl07CmNvbnN0IGRhdGEgPSBbCiAgewogICAga2V5OiAnMScsCiAgICBuYW1lOiAnSm9obiBCcm93bicsCiAgICBhZ2U6IDMyLAogICAgYWRkcmVzczogJ05ldyBZb3JrIE5vLiAxIExha2UgUGFyaycsCiAgfSwKICB7CiAgICBrZXk6ICcyJywKICAgIG5hbWU6ICdKaW0gR3JlZW4nLAogICAgYWdlOiA0MiwKICAgIGFkZHJlc3M6ICdMb25kb24gTm8uIDEgTGFrZSBQYXJrJywKICB9LAogIHsKICAgIGtleTogJzMnLAogICAgbmFtZTogJ0pvZSBCbGFjaycsCiAgICBhZ2U6IDMyLAogICAgYWRkcmVzczogJ1NpZG5leSBOby4gMSBMYWtlIFBhcmsnLAogIH0sCiAgewogICAga2V5OiAnNCcsCiAgICBuYW1lOiAnSmltIFJlZCcsCiAgICBhZ2U6IDMyLAogICAgYWRkcmVzczogJ0xvbmRvbiBOby4gMiBMYWtlIFBhcmsnLAogIH0sCl07CgpmdW5jdGlvbiBvbkNoYW5nZShwYWdpbmF0aW9uLCBmaWx0ZXJzLCBzb3J0ZXIsIGV4dHJhKSB7CiAgY29uc29sZS5sb2coJ3BhcmFtcycsIHBhZ2luYXRpb24sIGZpbHRlcnMsIHNvcnRlciwgZXh0cmEpOwp9Cjwvc2NyaXB0PgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXRhYmxlIDpjb2x1bW5zPSJjb2x1bW5zIiA6ZGF0YS1zb3VyY2U9ImRhdGEiIEBjaGFuZ2U9Im9uQ2hhbmdlIj48L2EtdGFibGU+CjwvdGVtcGxhdGU+CjxzY3JpcHQgc2V0dXA+CmNvbnN0IGNvbHVtbnMgPSBbCiAgewogICAgdGl0bGU6ICdOYW1lJywKICAgIGRhdGFJbmRleDogJ25hbWUnLAogICAgZmlsdGVyczogWwogICAgICB7CiAgICAgICAgdGV4dDogJ0pvZScsCiAgICAgICAgdmFsdWU6ICdKb2

5105UnLAogICAgICB9LAogICAgICB7CiAgICAgICAgdGV4dDogJ0NhdGVnb3J5IDEnLAogICAgICAgIHZhbHVlOiAnQ2F0ZWdvcnkgMScsCiAgICAgIH0sCiAgICAgIHsKICAgICAgICB0ZXh0OiAnQ2F0ZWdvcnkgMicsCiAgICAgICAgdmFsdWU6ICdDYXRlZ29yeSAyJywKICAgICAgfSwKICAgIF0sCiAgICBmaWx0ZXJNb2RlOiAndHJlZScsCiAgICBmaWx0ZXJTZWFyY2g6IHRydWUsCiAgICBvbkZpbHRlcjogKHZhbHVlLCByZWNvcmQpID0+IHJlY29yZC5uYW1lLnN0YXJ0c1dpdGgodmFsdWUpLAogICAgd2lkdGg6ICczMCUnLAogIH0sCiAgewogICAgdGl0bGU6ICdBZ2UnLAogICAgZGF0YUluZGV4OiAnYWdlJywKICAgIHNvcnRlcjogKGEsIGIpID0+IGEuYWdlIC0gYi5hZ2UsCiAgfSwKICB7CiAgICB0aXRsZTogJ0FkZHJlc3MnLAogICAgZGF0YUluZGV4OiAnYWRkcmVzcycsCiAgICBmaWx0ZXJzOiBbCiAgICAgIHsKICAgICAgICB0ZXh0OiAnTG9uZG9uJywKICAgICAgICB2YWx1ZTogJ0xvbmRvbicsCiAgICAgIH0sCiAgICAgIHsKICAgICAgICB0ZXh0OiAnTmV3IFlvcmsnLAogICAgICAgIHZhbHVlOiAnTmV3IFlvcmsnLAogICAgICB9LAogICAgXSwKICAgIG9uRmlsdGVyOiAodmFsdWUsIHJlY29yZCkgPT4gcmVjb3JkLmFkZHJlc3Muc3RhcnRzV2l0aCh2YWx1ZSksCiAgICBmaWx0ZXJTZWFyY2g6IChpbnB1dCwgZmlsdGVyKSA9PiBmaWx0ZXIudmFsdWUuaW5kZXhPZihpbnB1dCkgPiAtMSwKICAgIHdpZHRoOiAnNDAlJywKICB9LApdOwpjb25zdCBkYXRhID0gWwogIHsKICAgIGtleTogJzEnLAogICAgbmFtZTogJ0pvaG4gQnJvd24nLAogICAgYWdlOiAzMiwKICAgIGFkZHJlc3M6ICdOZXcgWW9yayBOby4gMSBMYWtlIFBhcmsnLAogIH0sCiAgewogICAga2V5OiAnMicsCiAgICBuYW1lOiAnSmltIEdyZWVuJywKICAgIGFnZTogNDIsCiAgICBhZGRyZXNzOiAnTG9uZG9uIE5vLiAxIExha2UgUGFyaycsCiAgfSwKICB7CiAgICBrZXk6ICczJywKICAgIG5hbWU6ICdKb2UgQmxhY2snLAogICAgYWdlOiAzMiwKICAgIGFkZHJlc3M6ICdTaWRuZXkgTm8uIDEgTGFrZSBQYXJrJywKICB9LAogIHsKICAgIGtleTogJzQnLAogICAgbmFtZTogJ0ppbSBSZWQnLAogICAgYWdlOiAzMiwKICAgIGFkZHJlc3M6ICdMb25kb24gTm8uIDIgTGFrZSBQYXJrJywKICB9LApdOwpmdW5jdGlvbiBvbkNoYW5nZShwYWdpbmF0aW9uLCBmaWx0ZXJzLCBzb3J0ZXIsIGV4dHJhKSB7CiAgY29uc29sZS5sb2coJ3BhcmFtcycsIHBhZ2luYXRpb24sIGZpbHRlcnMsIHNvcnRlciwgZXh0cmEpOwp9CmV4cG9ydCB7fTsKPC9zY3JpcHQ+"}},{default:d(()=>[C(r,{columns:o,"data-source":p,onChange:c})]),htmlCode:d(()=>[...e[0]||(e[0]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
5106  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table")]),a(),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("columns"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("data"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("onChange"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table")]),n("span",{class:"token punctuation"},">")]),a(`
5107`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
5108`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ts"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"setup"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
5109`),n("span",{class:"token keyword"},"import"),a(" type "),n("span",{class:"token punctuation"},"{"),a(" TableProps "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'ant-design-vue'"),n("span",{class:"token punctuation"},";"),a(`
5110`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token literal-property property"},"columns"),n("span",{class:"token operator"},":"),a(" TableProps"),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'columns'"),n("span",{class:"token punctuation"},"]"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
5111  `),n("span",{class:"token punctuation"},"{"),a(`
5112    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Name'"),n("span",{class:"token punctuation"},","),a(`
5113    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
5114    `),n("span",{class:"token literal-property property"},"filters"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(`
5115      `),n("span",{class:"token punctuation"},"{"),a(`
5116        `),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Joe'"),n("span",{class:"token punctuation"},","),a(`
5117        `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Joe'"),n("span",{class:"token punctuation"},","),a(`
5118      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
5119      `),n("span",{class:"token punctuation"},"{"),a(`
5120        `),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Category 1'"),n("span",{class:"token punctuation"},","),a(`
5121        `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Category 1'"),n("span",{class:"token punctuation"},","),a(`
5122      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
5123      `),n("span",{class:"token punctuation"},"{"),a(`
5124        `),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Category 2'"),n("span",{class:"token punctuation"},","),a(`
5125        `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Category 2'"),n("span",{class:"token punctuation"},","),a(`
5126      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
5127    `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
5128    `),n("span",{class:"token literal-property property"},"filterMode"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'tree'"),n("span",{class:"token punctuation"},","),a(`
5129    `),n("span",{class:"token literal-property property"},"filterSearch"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},","),a(`
5130    `),n("span",{class:"token function-variable function"},"onFilter"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("value"),n("span",{class:"token punctuation"},","),a(" record")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(" record"),n("span",{class:"token punctuation"},"."),a("name"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"startsWith"),n("span",{class:"token punctuation"},"("),a("value"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
5131    `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'30%'"),n("span",{class:"token punctuation"},","),a(`
5132  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
5133  `),n("span",{class:"token punctuation"},"{"),a(`
5134    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Age'"),n("span",{class:"token punctuation"},","),a(`
5135    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'age'"),n("span",{class:"token punctuation"},","),a(`
5136    `),n("span",{class:"token function-variable function"},"sorter"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("a"),n("span",{class:"token punctuation"},","),a(" b")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(" a"),n("span",{class:"token punctuation"},"."),a("age "),n("span",{class:"token operator"},"-"),a(" b"),n("span",{class:"token punctuation"},"."),a("age"),n("span",{class:"token punctuation"},","),a(`
5137  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
5138  `),n("span",{class:"token punctuation"},"{"),a(`
5139    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Address'"),n("span",{class:"token punctuation"},","),a(`
5140    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
5141    `),n("span",{class:"token literal-property property"},"filters"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(`
5142      `),n("span",{class:"token punctuation"},"{"),a(`
5143        `),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'London'"),n("span",{class:"token punctuation"},","),a(`
5144        `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'London'"),n("span",{class:"token punctuation"},","),a(`
5145      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
5146      `),n("span",{class:"token punctuation"},"{"),a(`
5147        `),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'New York'"),n("span",{class:"token punctuation"},","),a(`
5148        `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'New York'"),n("span",{class:"token punctuation"},","),a(`
5149      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
5150    `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
5151    `),n("span",{class:"token function-variable function"},"onFilter"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("value"),n("span",{class:"token punctuation"},","),a(" record")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(" record"),n("span",{class:"token punctuation"},"."),a("address"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"startsWith"),n("span",{class:"token punctuation"},"("),a("value"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
5152    `),n("span",{class:"token function-variable function"},"filterSearch"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("input"),n("span",{class:"token punctuation"},","),a(" filter")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"("),a("filter"),n("span",{class:"token punctuation"},"."),a("value "),n("span",{class:"token keyword"},"as"),a(" string"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"indexOf"),n("span",{class:"token punctuation"},"("),a("input"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},">"),a(),n("span",{class:"token operator"},"-"),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},","),a(`
5153    `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'40%'"),n("span",{class:"token punctuation"},","),a(`
5154  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
5155`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
5156`),n("span",{class:"token keyword"},"const"),a(" data "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
5157  `),n("span",{class:"token punctuation"},"{"),a(`
5158    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'1'"),n("span",{class:"token punctuation"},","),a(`
5159    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'John Brown'"),n("span",{class:"token punctuation"},","),a(`
5160    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
5161    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'New York No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
5162  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
5163  `),n("span",{class:"token punctuation"},"{"),a(`
5164    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'2'"),n("span",{class:"token punctuation"},","),a(`
5165    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jim Green'"),n("span",{class:"token punctuation"},","),a(`
5166    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"42"),n("span",{class:"token punctuation"},","),a(`
5167    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'London No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
5168  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
5169  `),n("span",{class:"token punctuation"},"{"),a(`
5170    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'3'"),n("span",{class:"token punctuation"},","),a(`
5171    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Joe Black'"),n("span",{class:"token punctuation"},","),a(`
5172    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
5173    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"}

5173,"'Sidney No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
5174  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
5175  `),n("span",{class:"token punctuation"},"{"),a(`
5176    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'4'"),n("span",{class:"token punctuation"},","),a(`
5177    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jim Red'"),n("span",{class:"token punctuation"},","),a(`
5178    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
5179    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'London No. 2 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
5180  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
5181`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
5182
5183`),n("span",{class:"token keyword"},"function"),a(),n("span",{class:"token function"},"onChange"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("pagination"),n("span",{class:"token punctuation"},","),a(" filters"),n("span",{class:"token punctuation"},","),a(" sorter"),n("span",{class:"token punctuation"},","),a(" extra")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
5184  console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'params'"),n("span",{class:"token punctuation"},","),a(" pagination"),n("span",{class:"token punctuation"},","),a(" filters"),n("span",{class:"token punctuation"},","),a(" sorter"),n("span",{class:"token punctuation"},","),a(" extra"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
5185`),n("span",{class:"token punctuation"},"}"),a(`
5186`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
5187`)])],-1)])]),jsVersionHtml:d(()=>[...e[1]||(e[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
5188  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table")]),a(),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("columns"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("data"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("onChange"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table")]),n("span",{class:"token punctuation"},">")]),a(`
5189`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
5190`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),n("span",{class:"token attr-name"},"setup"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
5191`),n("span",{class:"token keyword"},"const"),a(" columns "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
5192  `),n("span",{class:"token punctuation"},"{"),a(`
5193    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Name'"),n("span",{class:"token punctuation"},","),a(`
5194    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
5195    `),n("span",{class:"token literal-property property"},"filters"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(`
5196      `),n("span",{class:"token punctuation"},"{"),a(`
5197        `),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Joe'"),n("span",{class:"token punctuation"},","),a(`
5198        `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Joe'"),n("span",{class:"token punctuation"},","),a(`
5199      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
5200      `),n("span",{class:"token punctuation"},"{"),a(`
5201        `),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Category 1'"),n("span",{class:"token punctuation"},","),a(`
5202        `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Category 1'"),n("span",{class:"token punctuation"},","),a(`
5203      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
5204      `),n("span",{class:"token punctuation"},"{"),a(`
5205        `),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Category 2'"),n("span",{class:"token punctuation"},","),a(`
5206        `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Category 2'"),n("span",{class:"token punctuation"},","),a(`
5207      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
5208    `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
5209    `),n("span",{class:"token literal-property property"},"filterMode"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'tree'"),n("span",{class:"token punctuation"},","),a(`
5210    `),n("span",{class:"token literal-property property"},"filterSearch"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},","),a(`
5211    `),n("span",{class:"token function-variable function"},"onFilter"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("value"),n("span",{class:"token punctuation"},","),a(" record")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(" record"),n("span",{class:"token punctuation"},"."),a("name"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"startsWith"),n("span",{class:"token punctuation"},"("),a("value"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
5212    `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'30%'"),n("span",{class:"token punctuation"},","),a(`
5213  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
5214  `),n("span",{class:"token punctuation"},"{"),a(`
5215    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Age'"),n("span",{class:"token punctuation"},","),a(`
5216    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'age'"),n("span",{class:"token punctuation"},","),a(`
5217    `),n("span",{class:"token function-variable function"},"sorter"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("a"),n("span",{class:"token punctuation"},","),a(" b")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(" a"),n("span",{class:"token punctuation"},"."),a("age "),n("span",{class:"token operator"},"-"),a(" b"),n("span",{class:"token punctuation"},"."),a("age"),n("span",{class:"token punctuation"},","),a(`
5218  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
5219  `),n("span",{class:"token punctuation"},"{"),a(`
5220    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Address'"),n("span",{class:"token punctuation"},","),a(`
5221    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
5222    `),n("span",{class:"token literal-property property"},"filters"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(`
5223      `),n("span",{class:"token punctuation"},"{"),a(`
5224        `),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'London'"),n("span",{class:"token punctuation"},","),a(`
5225        `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'London'"),n("span",{class:"token punctuation"},","),a(`
5226      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
5227      `),n("span",{class:"token punctuation"},"{"),a(`
5228        `),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'New York'"),n("span",{class:"token punctuation"},","),a(`
5229        `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'New York'"),n("span",{class:"token punctuation"},","),a(`
5230      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
5231    `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
5232    `),n("span",{class:"token function-variable function"},"onFilter"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("value"),n("span",{class:"token punctuation"},","),a(" record")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(" record"),n("span",{class:"token punctuation"},"."),a("address"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"startsWith"),n("span",{class:"token punctuation"},"("),a("value"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
5233    `),n("span",{class:"token function-variable function"},"filterSearch"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("input"),n("span",{class:"token punctuation"},","),a(" filter")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(" filter"),n("span",{class:"token punctuation"},"."),a("value"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"indexOf"),n("span",{class:"token punctuation"},"("),a("input"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},">"),a(),n("span",{class:"token operator"},"-"),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},","),a(`
5234    `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'40%'"),n("span",{class:"token punctuation"},","),a(`
5235  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
5236`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
5237`),n("span",{class:"token keyword"},"const"),a(" data "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
5238  `),n("span",{class:"token punctuation"},"{"),a(`
5239    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'1'"),n("span",{class:"token punctuation"},","),a(`
5240    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'John Brown'"),n("span",{class:"token punctuation"},","),a(`
5241    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
5242    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'New York No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
5243  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
5244  `),n("span",{class:"token punctuation"},"{"),a(`
5245    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'2'"),n("span",{class:"token punctuation"},","),a(`
5246    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jim Green'"),n("span",{class:"token punctuation"},","),a(`
5247    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"42"),n("span",{class:"token punctuation"},","),a(`
5248    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'London No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
5249  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
5250  `),n("span",{class:"token punctuation"},"{"),a(`
5251    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'3'"),n("span",{class:"token punctuation"},","),a(`
5252    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Joe Black'"),n("span",{class:"token punctuation"},","),a(`
5253    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
5254    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"}

5254,"'Sidney No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
5255  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
5256  `),n("span",{class:"token punctuation"},"{"),a(`
5257    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'4'"),n("span",{class:"token punctuation"},","),a(`
5258    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jim Red'"),n("span",{class:"token punctuation"},","),a(`
5259    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
5260    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'London No. 2 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
5261  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
5262`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
5263`),n("span",{class:"token keyword"},"function"),a(),n("span",{class:"token function"},"onChange"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("pagination"),n("span",{class:"token punctuation"},","),a(" filters"),n("span",{class:"token punctuation"},","),a(" sorter"),n("span",{class:"token punctuation"},","),a(" extra")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
5264  console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'params'"),n("span",{class:"token punctuation"},","),a(" pagination"),n("span",{class:"token punctuation"},","),a(" filters"),n("span",{class:"token punctuation"},","),a(" sorter"),n("span",{class:"token punctuation"},","),a(" extra"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
5265`),n("span",{class:"token punctuation"},"}"),a(`
5266`),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token punctuation"},"{"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
5267`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
5268`)])],-1)])]),_:1})}}}),ne=F({__name:"filter-in-tree",setup(t){const o=[{title:"Name",dataIndex:"name",filters:[{text:"Joe",value:"Joe"},{text:"Category 1",value:"Category 1",children:[{text:"Yellow",value:"Yellow"},{text:"Pink",value:"Pink"}]},{text:"Category 2",value:"Category 2",children:[{text:"Green",value:"Green"},{text:"Black",value:"Black"}]}],filterMode:"tree",filterSearch:!0,onFilter:(s,e)=>e.name.includes(s),width:"30%"},{title:"Age",dataIndex:"age",sorter:(s,e)=>s.age-e.age},{title:"Address",dataIndex:"address",filters:[{text:"London",value:"London"},{text:"New York",value:"New York"}],onFilter:(s,e)=>e.address.startsWith(s),filterSearch:!0,width:"40%"}],p=[{key:"1",name:"John Brown",age:32,address:"New York No. 1 Lake Park"},{key:"2",name:"Jim Green",age:42,address:"London No. 1 Lake Park"},{key:"3",name:"Joe Black",age:32,address:"Sidney No. 1 Lake Park"},{key:"4",name:"Jim Red",age:32,address:"London No. 2 Lake Park"}];function c(s,e,r,l){console.log("params",s,e,r,l)}return(s,e)=>{const r=I("a-table"),l=I("demo-box");return m(),x(l,{jsfiddle:{us:"You can use `filterMode` to change default filter interface, options: `menu`(default) and `tree`.",cn:"\u53EF\u4EE5\u4F7F\u7528 `filterMode` \u6765\u4FEE\u6539\u7B5B\u9009\u83DC\u5355\u7684 UI\uFF0C\u53EF\u9009\u503C\u6709 `menu`\uFF08\u9ED8\u8BA4\uFF09\u548C `tree`\u3002",docHtml:`<h2 id="zh-cn">zh-CN <a class="header-anchor" href="#zh-cn">
5269          <span aria-hidden="true" class="anchor">#</span>
5270        </a></h2>
5271<p>\u53EF\u4EE5\u4F7F\u7528 <code>filterMode</code> \u6765\u4FEE\u6539\u7B5B\u9009\u83DC\u5355\u7684 UI\uFF0C\u53EF\u9009\u503C\u6709 <code>menu</code>\uFF08\u9ED8\u8BA4\uFF09\u548C <code>tree</code>\u3002</p>
5272<blockquote>
5273<p><code>filterSearch</code> \u7528\u4E8E\u5F00\u542F\u7B5B\u9009\u9879\u7684\u641C\u7D22\u3002</p>
5274</blockquote>
5275<h2 id="en-us">en-US <a class="header-anchor" href="#en-us">

5276          <span aria-hidden="true" class="anchor">#</span>
5277        </a></h2>
5278<p>You can use <code>filterMode</code> to change default filter interface, options: <code>menu</code>(default) and <code>tree</code>.</p>
5279<blockquote>
5280<p><code>filterSearch</code> is used for making filter dropdown items searchable.</p>
5281</blockquote>
5282`,order:6.1,version:3,title:{"en-US":"Filter in Tree","zh-CN":"\u6811\u578B\u7B5B\u9009\u83DC\u5355"},relativePath:"components/table/demo/filter-in-tree.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXRhYmxlIDpjb2x1bW5zPSJjb2x1bW5zIiA6ZGF0YS1zb3VyY2U9ImRhdGEiIEBjaGFuZ2U9Im9uQ2hhbmdlIj48L2EtdGFibGU+CjwvdGVtcGxhdGU+CjxzY3JpcHQgbGFuZz0idHMiIHNldHVwPgppbXBvcnQgdHlwZSB7IFRhYmxlUHJvcHMgfSBmcm9tICdhbnQtZGVzaWduLXZ1ZSc7CmNvbnN0IGNvbHVtbnM6IFRhYmxlUHJvcHNbJ2NvbHVtbnMnXSA9IFsKICB7CiAgICB0aXRsZTogJ05hbWUnLAogICAgZGF0YUluZGV4OiAnbmFtZScsCiAgICBmaWx0ZXJzOiBbCiAgICAgIHsKICAgICAgICB0ZXh0OiAnSm9lJywKICAgICAgICB2YWx1ZTogJ0pvZScsCiAgICAgIH0sCiAgICAgIHsKICAgICAgICB0ZXh0OiAnQ2F0ZWdvcnkgMScsCiAgICAgICAgdmFsdWU6ICdDYXRlZ29yeSAxJywKICAgICAgICBjaGlsZHJlbjogWwogICAgICAgICAgewogICAgICAgICAgICB0ZXh0OiAnWWVsbG93JywKICAgICAgICAgICAgdmFsdWU6ICdZZWxsb3cnLAogICAgICAgICAgfSwKICAgICAgICAgIHsKICAgICAgICAgICAgdGV4dDogJ1BpbmsnLAogICAgICAgICAgICB2YWx1ZTogJ1BpbmsnLAogICAgICAgICAgfSwKICAgICAgICBdLAogICAgICB9LAogICAgICB7CiAgICAgICAgdGV4dDogJ0NhdGVnb3J5IDInLAogICAgICAgIHZhbHVlOiAnQ2F0ZWdvcnkgMicsCiAgICAgICAgY2hpbGRyZW46IFsKICAgICAgICAgIHsKICAgICAgICAgICAgdGV4dDogJ0dyZWVuJywKICAgICAgICAgICAgdmFsdWU6ICdHcmVlbicsCiAgICAgICAgICB9LAogICAgICAgICAgewogICAgICAgICAgICB0ZXh0OiAnQmxhY2snLAogICAgICAgICAgICB2YWx1ZTogJ0JsYWNrJywKICAgICAgICAgIH0sCiAgICAgICAgXSwKICAgICAgfSwKICAgIF0sCiAgICBmaWx0ZXJNb2RlOiAndHJlZScsCiAgICBmaWx0ZXJTZWFyY2g6IHRydWUsCiAgICBvbkZpbHRlcjogKHZhbHVlLCByZWNvcmQpID0+IHJlY29yZC5uYW1lLmluY2x1ZGVzKHZhbHVlKSwKICAgIHdpZHRoOiAnMzAlJywKICB9LAogIHsKICAgIHRpdGxlOiAnQWdlJywKICAgIGRhdGFJbmRleDogJ2FnZScsCiAgICBzb3J0ZXI6IChhLCBiKSA9PiBhLmFnZSAtIGIuYWdlLAogIH0sCiAgewogICAgdGl0bGU6ICdBZGRyZXNzJywKICAgIGRhdGFJbmRleDogJ2FkZHJlc3MnLAogICAgZmlsdGVyczogWwogICAgICB7CiAgICAgICAgdGV4dDogJ0xvbmRvbicsCiAgICAgICAgdmFsdWU6ICdMb25kb24nLAogICAgICB9LAogICAgICB7CiAgICAgICAgdGV4dDogJ05ldyBZb3JrJywKICAgICAgICB2YWx1ZTogJ05ldyBZb3JrJywKICAgICAgfSwKICAgIF0sCiAgICBvbkZpbHRlcjogKHZhbHVlLCByZWNvcmQpID0+IHJlY29yZC5hZGRyZXNzLnN0YXJ0c1dpdGgodmFsdWUpLAogICAgZmlsdGVyU2VhcmNoOiB0cnVlLAogICAgd2lkdGg6ICc0MCUnLAogIH0sCl07Cgpjb25zdCBkYXRhID0gWwogIHsKICAgIGtleTogJzEnLAogICAgbmFtZTogJ0pvaG4gQnJvd24nLAogICAgYWdlOiAzMiwKICAgIGFkZHJlc3M6ICdOZXcgWW9yayBOby4gMSBMYWtlIFBhcmsnLAogIH0sCiAgewogICAga2V5OiAnMicsCiAgICBuYW1lOiAnSmltIEdyZWVuJywKICAgIGFnZTogNDIsCiAgICBhZGRyZXNzOiAnTG9uZG9uIE5vLiAxIExha2UgUGFyaycsCiAgfSwKICB7CiAgICBrZXk6ICczJywKICAgIG5hbWU6ICdKb2UgQmxhY2snLAogICAgYWdlOiAzMiwKICAgIGFkZHJlc3M6ICdTaWRuZXkgTm8uIDEgTGFrZSBQYXJrJywKICB9LAogIHsKICAgIGtleTogJzQnLAogICAgbmFtZTogJ0ppbSBSZWQnLAogICAgYWdlOiAzMiwKICAgIGFkZHJlc3M6ICdMb25kb24gTm8uIDIgTGFrZSBQYXJrJywKICB9LApdOwoKZnVuY3Rpb24gb25DaGFuZ2UocGFnaW5hdGlvbiwgZmlsdGVycywgc29ydGVyLCBleHRyYSkgewogIGNvbnNvbGUubG9nKCdwYXJhbXMnLCBwYWdpbmF0aW9uLCBmaWx0ZXJzLCBzb3J0ZXIsIGV4dHJhKTsKfQo8L3NjcmlwdD4KCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXRhYmxlIDpjb2x1bW5zPSJjb2x1bW5zIiA6ZGF0YS1zb3VyY2U9ImRhdGEiIEBjaGFuZ2U9Im9uQ2hhbmdlIj48L2EtdGFibGU+CjwvdGVtcGxhdGU+CjxzY3JpcHQgc2V0dXA+CmNvbnN0IGNvbHVtbnMgPSBbCiAgewogICAgdGl0bGU6ICdOYW1lJywKICAgIGRhdGFJbmRleDogJ25hbWUnLAogICAgZmlsdGVyczogWwogICAgICB7CiAgICAgICAgdGV4dDogJ0pvZScsCiAgICAgICAgdmFsdWU6ICdKb2

5282UnLAogICAgICB9LAogICAgICB7CiAgICAgICAgdGV4dDogJ0NhdGVnb3J5IDEnLAogICAgICAgIHZhbHVlOiAnQ2F0ZWdvcnkgMScsCiAgICAgICAgY2hpbGRyZW46IFsKICAgICAgICAgIHsKICAgICAgICAgICAgdGV4dDogJ1llbGxvdycsCiAgICAgICAgICAgIHZhbHVlOiAnWWVsbG93JywKICAgICAgICAgIH0sCiAgICAgICAgICB7CiAgICAgICAgICAgIHRleHQ6ICdQaW5rJywKICAgICAgICAgICAgdmFsdWU6ICdQaW5rJywKICAgICAgICAgIH0sCiAgICAgICAgXSwKICAgICAgfSwKICAgICAgewogICAgICAgIHRleHQ6ICdDYXRlZ29yeSAyJywKICAgICAgICB2YWx1ZTogJ0NhdGVnb3J5IDInLAogICAgICAgIGNoaWxkcmVuOiBbCiAgICAgICAgICB7CiAgICAgICAgICAgIHRleHQ6ICdHcmVlbicsCiAgICAgICAgICAgIHZhbHVlOiAnR3JlZW4nLAogICAgICAgICAgfSwKICAgICAgICAgIHsKICAgICAgICAgICAgdGV4dDogJ0JsYWNrJywKICAgICAgICAgICAgdmFsdWU6ICdCbGFjaycsCiAgICAgICAgICB9LAogICAgICAgIF0sCiAgICAgIH0sCiAgICBdLAogICAgZmlsdGVyTW9kZTogJ3RyZWUnLAogICAgZmlsdGVyU2VhcmNoOiB0cnVlLAogICAgb25GaWx0ZXI6ICh2YWx1ZSwgcmVjb3JkKSA9PiByZWNvcmQubmFtZS5pbmNsdWRlcyh2YWx1ZSksCiAgICB3aWR0aDogJzMwJScsCiAgfSwKICB7CiAgICB0aXRsZTogJ0FnZScsCiAgICBkYXRhSW5kZXg6ICdhZ2UnLAogICAgc29ydGVyOiAoYSwgYikgPT4gYS5hZ2UgLSBiLmFnZSwKICB9LAogIHsKICAgIHRpdGxlOiAnQWRkcmVzcycsCiAgICBkYXRhSW5kZXg6ICdhZGRyZXNzJywKICAgIGZpbHRlcnM6IFsKICAgICAgewogICAgICAgIHRleHQ6ICdMb25kb24nLAogICAgICAgIHZhbHVlOiAnTG9uZG9uJywKICAgICAgfSwKICAgICAgewogICAgICAgIHRleHQ6ICdOZXcgWW9yaycsCiAgICAgICAgdmFsdWU6ICdOZXcgWW9yaycsCiAgICAgIH0sCiAgICBdLAogICAgb25GaWx0ZXI6ICh2YWx1ZSwgcmVjb3JkKSA9PiByZWNvcmQuYWRkcmVzcy5zdGFydHNXaXRoKHZhbHVlKSwKICAgIGZpbHRlclNlYXJjaDogdHJ1ZSwKICAgIHdpZHRoOiAnNDAlJywKICB9LApdOwpjb25zdCBkYXRhID0gWwogIHsKICAgIGtleTogJzEnLAogICAgbmFtZTogJ0pvaG4gQnJvd24nLAogICAgYWdlOiAzMiwKICAgIGFkZHJlc3M6ICdOZXcgWW9yayBOby4gMSBMYWtlIFBhcmsnLAogIH0sCiAgewogICAga2V5OiAnMicsCiAgICBuYW1lOiAnSmltIEdyZWVuJywKICAgIGFnZTogNDIsCiAgICBhZGRyZXNzOiAnTG9uZG9uIE5vLiAxIExha2UgUGFyaycsCiAgfSwKICB7CiAgICBrZXk6ICczJywKICAgIG5hbWU6ICdKb2UgQmxhY2snLAogICAgYWdlOiAzMiwKICAgIGFkZHJlc3M6ICdTaWRuZXkgTm8uIDEgTGFrZSBQYXJrJywKICB9LAogIHsKICAgIGtleTogJzQnLAogICAgbmFtZTogJ0ppbSBSZWQnLAogICAgYWdlOiAzMiwKICAgIGFkZHJlc3M6ICdMb25kb24gTm8uIDIgTGFrZSBQYXJrJywKICB9LApdOwpmdW5jdGlvbiBvbkNoYW5nZShwYWdpbmF0aW9uLCBmaWx0ZXJzLCBzb3J0ZXIsIGV4dHJhKSB7CiAgY29uc29sZS5sb2coJ3BhcmFtcycsIHBhZ2luYXRpb24sIGZpbHRlcnMsIHNvcnRlciwgZXh0cmEpOwp9CmV4cG9ydCB7fTsKPC9zY3JpcHQ+"}},{default:d(()=>[C(r,{columns:o,"data-source":p,onChange:c})]),htmlCode:d(()=>[...e[0]||(e[0]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
5283  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table")]),a(),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("columns"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("data"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("onChange"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table")]),n("span",{class:"token punctuation"},">")]),a(`
5284`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
5285`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ts"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"setup"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
5286`),n("span",{class:"token keyword"},"import"),a(" type "),n("span",{class:"token punctuation"},"{"),a(" TableProps "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'ant-design-vue'"),n("span",{class:"token punctuation"},";"),a(`
5287`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token literal-property property"},"columns"),n("span",{class:"token operator"},":"),a(" TableProps"),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'columns'"),n("span",{class:"token punctuation"},"]"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
5288  `),n("span",{class:"token punctuation"},"{"),a(`
5289    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Name'"),n("span",{class:"token punctuation"},","),a(`
5290    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
5291    `),n("span",{class:"token literal-property property"},"filters"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(`
5292      `),n("span",{class:"token punctuation"},"{"),a(`
5293        `),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Joe'"),n("span",{class:"token punctuation"},","),a(`
5294        `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Joe'"),n("span",{class:"token punctuation"},","),a(`
5295      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
5296      `),n("span",{class:"token punctuation"},"{"),a(`
5297        `),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Category 1'"),n("span",{class:"token punctuation"},","),a(`
5298        `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Category 1'"),n("span",{class:"token punctuation"},","),a(`
5299        `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(`
5300          `),n("span",{class:"token punctuation"},"{"),a(`
5301            `),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Yellow'"),n("span",{class:"token punctuation"},","),a(`
5302            `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Yellow'"),n("span",{class:"token punctuation"},","),a(`
5303          `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
5304          `),n("span",{class:"token punctuation"},"{"),a(`
5305            `),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Pink'"),n("span",{class:"token punctuation"},","),a(`
5306            `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Pink'"),n("span",{class:"token punctuation"},","),a(`
5307          `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
5308        `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
5309      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
5310      `),n("span",{class:"token punctuation"},"{"),a(`
5311        `),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Category 2'"),n("span",{class:"token punctuation"},","),a(`
5312        `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Category 2'"),n("span",{class:"token punctuation"},","),a(`
5313        `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(`
5314          `),n("span",{class:"token punctuation"},"{"),a(`
5315            `),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Green'"),n("span",{class:"token punctuation"},","),a(`
5316            `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Green'"),n("span",{class:"token punctuation"},","),a(`
5317          `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
5318          `),n("span",{class:"token punctuation"},"{"),a(`
5319            `),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Black'"),n("span",{class:"token punctuation"},","),a(`
5320            `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Black'"),n("span",{class:"token punctuation"},","),a(`
5321          `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
5322        `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
5323      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
5324    `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
5325    `),n("span",{class:"token literal-property property"},"filterMode"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'tree'"),n("span",{class:"token punctuation"},","),a(`
5326    `),n("span",{class:"token literal-property property"},"filterSearch"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},","),a(`
5327    `),n("span",{class:"token function-variable function"},"onFilter"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("value"),n("span",{class:"token punctuation"},","),a(" record")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(" record"),n("span",{class:"token punctuation"},"."),a("name"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"includes"),n("span",{class:"token punctuation"},"("),a("value"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
5328    `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'30%'"),n("span",{class:"token punctuation"},","),a(`
5329  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
5330  `),n("span",{class:"token punctuation"},"{"),a(`
5331    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Age'"),n("span",{class:"token punctuation"},","),a(`
5332    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'age'"),n("span",{class:"token punctuation"},","),a(`
5333    `),n("span",{class:"token function-variable function"},"sorter"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("a"),n("span",{class:"token punctuation"},","),a(" b")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(" a"),n("span",{class:"token punctuation"},"."),a("age "),n("span",{class:"token operator"},"-"),a(" b"),n("span",{class:"token punctuation"},"."),a("age"),n("span",{class:"token punctuation"},","),a(`
5334  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
5335  `),n("span",{class:"token punctuation"},"{"),a(`
5336    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Address'"),n("span",{class:"token punctuation"},","),a(`
5337    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
5338    `),n("span",{class:"token literal-property property"},"filters"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(`
5339      `),n("span",{class:"token punctuation"},"{"),a(`
5340        `),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'London'"),n("span",{class:"token punctuation"},","),a(`
5341        `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'London'"),n("span",{class:"token punctuation"},","),a(`
5342      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
5343      `),n("span",{class:"token punctuation"},"{"),a(`
5344        `),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'New York'"),n("span",{class:"token punctuation"},","),a(`
5345        `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'New York'"),n("span",{class:"token punctuation"},","),a(`
5346      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
5347    `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
5348    `),n("span",{class:"token function-variable function"},"onFilter"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("value"),n("span",{class:"token punctuation"},","),a(" record")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(" record"),n("span",{class:"token punctuation"},"."),a("address"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"startsWith"),n("span",{class:"token punctuation"},"("),a("value"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
5349    `),n("span",{class:"token literal-property property"},"filterSearch"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},","),a(`
5350    `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'40%'"),n("span",{class:"token punctuation"},","),a(`
5351  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
5352`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
5353
5354`),n("span",{class:"token keyword"},"const"),a(" data "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
5355  `),n("span",{class:"token punctuation"},"{"),a(`
5356    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'1'"),n("span",{class:"token punctuation"},","),a(`
5357    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'John Brown'"),n("span",{class:"token punctuation"},","),a(`
5358    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("s

5358pan",{class:"token punctuation"},","),a(`
5359    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'New York No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
5360  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
5361  `),n("span",{class:"token punctuation"},"{"),a(`
5362    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'2'"),n("span",{class:"token punctuation"},","),a(`
5363    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jim Green'"),n("span",{class:"token punctuation"},","),a(`
5364    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"42"),n("span",{class:"token punctuation"},","),a(`
5365    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'London No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
5366  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
5367  `),n("span",{class:"token punctuation"},"{"),a(`
5368    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'3'"),n("span",{class:"token punctuation"},","),a(`
5369    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Joe Black'"),n("span",{class:"token punctuation"},","),a(`
5370    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
5371    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Sidney No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
5372  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
5373  `),n("span",{class:"token punctuation"},"{"),a(`
5374    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'4'"),n("span",{class:"token punctuation"},","),a(`
5375    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jim Red'"),n("span",{class:"token punctuation"},","),a(`
5376    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
5377    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'London No. 2 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
5378  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
5379`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
5380
5381`),n("span",{class:"token keyword"},"function"),a(),n("span",{class:"token function"},"onChange"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("pagination"),n("span",{class:"token punctuation"},","),a(" filters"),n("span",{class:"token punctuation"},","),a(" sorter"),n("span",{class:"token punctuation"},","),a(" extra")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
5382  console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'params'"),n("span",{class:"token punctuation"},","),a(" pagination"),n("span",{class:"token punctuation"},","),a(" filters"),n("span",{class:"token punctuation"},","),a(" sorter"),n("span",{class:"token punctuation"},","),a(" extra"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
5383`),n("span",{class:"token punctuation"},"}"),a(`
5384`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"}

5384,"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
5385`)])],-1)])]),jsVersionHtml:d(()=>[...e[1]||(e[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
5386  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-table")]),a(),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("columns"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("data"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("onChange"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-table")]),n("span",{class:"token punctuation"},">")]),a(`
5387`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
5388`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),n("span",{class:"token attr-name"},"setup"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
5389`),n("span",{class:"token keyword"},"const"),a(" columns "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
5390  `),n("span",{class:"token punctuation"},"{"),a(`
5391    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Name'"),n("span",{class:"token punctuation"},","),a(`
5392    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'name'"),n("span",{class:"token punctuation"},","),a(`
5393    `),n("span",{class:"token literal-property property"},"filters"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(`
5394      `),n("span",{class:"token punctuation"},"{"),a(`
5395        `),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Joe'"),n("span",{class:"token punctuation"},","),a(`
5396        `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Joe'"),n("span",{class:"token punctuation"},","),a(`
5397      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
5398      `),n("span",{class:"token punctuation"},"{"),a(`
5399        `),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Category 1'"),n("span",{class:"token punctuation"},","),a(`
5400        `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Category 1'"),n("span",{class:"token punctuation"},","),a(`
5401        `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(`
5402          `),n("span",{class:"token punctuation"},"{"),a(`
5403            `),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Yellow'"),n("span",{class:"token punctuation"},","),a(`
5404            `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Yellow'"),n("span",{class:"token punctuation"},","),a(`
5405          `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
5406          `),n("span",{class:"token punctuation"},"{"),a(`
5407            `),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Pink'"),n("span",{class:"token punctuation"},","),a(`
5408            `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Pink'"),n("span",{class:"token punctuation"},","),a(`
5409          `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
5410        `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
5411      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
5412      `),n("span",{class:"token punctuation"},"{"),a(`
5413        `),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Category 2'"),n("span",{class:"token punctuation"},","),a(`
5414        `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Category 2'"),n("span",{class:"token punctuation"},","),a(`
5415        `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(`
5416          `),n("span",{class:"token punctuation"},"{"),a(`
5417            `),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Green'"),n("span",{class:"token punctuation"},","),a(`
5418            `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Green'"),n("span",{class:"token punctuation"},","),a(`
5419          `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
5420          `),n("span",{class:"token punctuation"},"{"),a(`
5421            `),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Black'"),n("span",{class:"token punctuation"},","),a(`
5422            `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Black'"),n("span",{class:"token punctuation"},","),a(`
5423          `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
5424        `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
5425      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
5426    `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
5427    `),n("span",{class:"token literal-property property"},"filterMode"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'tree'"),n("span",{class:"token punctuation"},","),a(`
5428    `),n("span",{class:"token literal-property property"},"filterSearch"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},","),a(`
5429    `),n("span",{class:"token function-variable function"},"onFilter"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("value"),n("span",{class:"token punctuation"},","),a(" record")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(" record"),n("span",{class:"token punctuation"},"."),a("name"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"includes"),n("span",{class:"token punctuation"},"("),a("value"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
5430    `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'30%'"),n("span",{class:"token punctuation"},","),a(`
5431  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
5432  `),n("span",{class:"token punctuation"},"{"),a(`
5433    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Age'"),n("span",{class:"token punctuation"},","),a(`
5434    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'age'"),n("span",{class:"token punctuation"},","),a(`
5435    `),n("span",{class:"token function-variable function"},"sorter"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("a"),n("span",{class:"token punctuation"},","),a(" b")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(" a"),n("span",{class:"token punctuation"},"."),a("age "),n("span",{class:"token operator"},"-"),a(" b"),n("span",{class:"token punctuation"},"."),a("age"),n("span",{class:"token punctuation"},","),a(`
5436  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
5437  `),n("span",{class:"token punctuation"},"{"),a(`
5438    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Address'"),n("span",{class:"token punctuation"},","),a(`
5439    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'address'"),n("span",{class:"token punctuation"},","),a(`
5440    `),n("span",{class:"token literal-property property"},"filters"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a(`
5441      `),n("span",{class:"token punctuation"},"{"),a(`
5442        `),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'London'"),n("span",{class:"token punctuation"},","),a(`
5443        `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'London'"),n("span",{class:"token punctuation"},","),a(`
5444      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
5445      `),n("span",{class:"token punctuation"},"{"),a(`
5446        `),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'New York'"),n("span",{class:"token punctuation"},","),a(`
5447        `),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'New York'"),n("span",{class:"token punctuation"},","),a(`
5448      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
5449    `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
5450    `),n("span",{class:"token function-variable function"},"onFilter"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("value"),n("span",{class:"token punctuation"},","),a(" record")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(" record"),n("span",{class:"token punctuation"},"."),a("address"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"startsWith"),n("span",{class:"token punctuation"},"("),a("value"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
5451    `),n("span",{class:"token literal-property property"},"filterSearch"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},","),a(`
5452    `),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'40%'"),n("span",{class:"token punctuation"},","),a(`
5453  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
5454`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
5455`),n("span",{class:"token keyword"},"const"),a(" data "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
5456  `),n("span",{class:"token punctuation"},"{"),a(`
5457    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'1'"),n("span",{class:"token punctuation"},","),a(`
5458    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'John Brown'"),n("span",{class:"token punctuation"},","),a(`
5459    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
5460    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'New York No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
5461  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
5462  `),n("span",{class:"token punctuation"},"{"),a(`
5463    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'2'"),n("span",{class:"token punctuation"},","),a(`
5464    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jim Green'"),n("span",{class:"token punctuation"},","),a(`
5465    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"42"),n("span",{class:"token punctuation"},","),a(`
5466    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'London No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
5467  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
5468  `),n("span",{class:"token punctuation"},"{"),a(`
5469    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'3'"),n("span",{class:"token punctuation"},","),a(`
5470    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Joe Black'"),n("span",{class:"token punctuation"},","),a(`
5471    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
5472    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"}

5472,"'Sidney No. 1 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
5473  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
5474  `),n("span",{class:"token punctuation"},"{"),a(`
5475    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'4'"),n("span",{class:"token punctuation"},","),a(`
5476    `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Jim Red'"),n("span",{class:"token punctuation"},","),a(`
5477    `),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"32"),n("span",{class:"token punctuation"},","),a(`
5478    `),n("span",{class:"token literal-property property"},"address"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'London No. 2 Lake Park'"),n("span",{class:"token punctuation"},","),a(`
5479  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
5480`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
5481`),n("span",{class:"token keyword"},"function"),a(),n("span",{class:"token function"},"onChange"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("pagination"),n("span",{class:"token punctuation"},","),a(" filters"),n("span",{class:"token punctuation"},","),a(" sorter"),n("span",{class:"token punctuation"},","),a(" extra")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
5482  console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'params'"),n("span",{class:"token punctuation"},","),a(" pagination"),n("span",{class:"token punctuation"},","),a(" filters"),n("span",{class:"token punctuation"},","),a(" sorter"),n("span",{class:"token punctuation"},","),a(" extra"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
5483`),n("span",{class:"token punctuation"},"}"),a(`
5484`),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token punctuation"},"{"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
5485`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
5486`)])],-1)])]),_:1})}}}),ae={components:{ColorChunk:xa,TokenTable:Fa,ComponentTokenTable:Sa},pageData:{title:"Table",description:"",frontmatter:{category:"Components",cols:1,type:"\u6570\u636E\u5C55\u793A",title:"Table",subtitle:"\u8868\u683C",cover:"https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*3yz3QqMlShYAAAAAAAAAAAAADrJ8AQ/original",coverDark:"https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*Sv8XQ50NB40AAAAAAAAAAAAADrJ8AQ/original"},headers:[{level:2,title:"\u8BBE\u8BA1\u5E08\u4E13\u5C5E",slug:"\u8BBE\u8BA1\u5E08\u4E13\u5C5E",content:"\u5B89\u88C5 [Kitchen Sketch \u63D2\u4EF6 \u{1F48E}](https://kitchen.alipay.com/)\uFF0C\u4E24\u6B65\u5C31\u53EF\u4EE5\u81EA\u52A8\u751F\u6210 Ant Design \u8868\u683C\u7EC4\u4EF6\u3002"},{level:2,title:"\u4F55\u65F6\u4F7F\u7528",slug:"\u4F55\u65F6\u4F7F\u7528",content:""},{level:2,title:"\u5982\u4F55\u4F7F\u7528",slug:"\u5982\u4F55\u4F7F\u7528",content:"\u6307\u5B9A\u8868\u683C\u7684\u6570\u636E\u6E90 `dataSource` \u4E3A\u4E00\u4E2A\u6570\u7EC4\u3002"},{level:2,title:"API",slug:"api",content:"Table"},{level:3,title:"Table",slug:"table",content:""},{level:3,title:"\u4E8B\u4EF6",slug:"\u4E8B\u4EF6",content:""},{level:3,title:"Column",slug:"column",content:"\u5217\u63CF\u8FF0\u6570\u636E\u5BF9\u8C61\uFF0C\u662F columns \u4E2D\u7684\u4E00\u9879\uFF0CColumn \u4F7F\u7528\u76F8\u540C\u7684 API\u3002"},{level:3,title:"ColumnGroup",slug:"columngroup",content:""},{level:3,title:"pagination",slug:"pagination",content:"\u5206\u9875\u7684\u914D\u7F6E\u9879\u3002"},{level:3,title:"rowSelection",slug:"rowselection",content:"\u9009\u62E9\u529F\u80FD\u7684\u914D\u7F6E\u3002"},{level:3,title:"scroll",slug:"scroll",content:""},{level:3,title:"selection",slug:"selection",content:"\u81EA\u5B9A\u4E49\u9009\u62E9\u914D\u7F6E\u9879"},{level:3,title:"FilterDropdownProps",slug:"filterdropdownprops",content:""},{level:2,title:"\u6CE8\u610F",slug:"\u6CE8\u610F",content:"\u5728 Table \u4E2D\uFF0C`dataSource` \u548C `columns` \u91CC\u7684\u6570\u636E\u503C\u90FD\u9700\u8981\u6307\u5B9A `key` \u503C\u3002\u5BF9\u4E8E `dataSource` \u9ED8\u8BA4\u5C06\u6BCF\u5217\u6570\u636E\u7684 `key` \u5C5E\u6027\u4F5C\u4E3A\u552F\u4E00\u7684\u6807\u8BC6\u3002"},{level:2,title:"FAQ",slug:"faq",content:"\u5982\u4F55\u5728\u6CA1\u6709\u6570\u636E\u62

548616\u53EA\u6709\u4E00\u9875\u6570\u636E\u65F6\u9690\u85CF\u5206\u9875\u680F"},{level:3,title:"\u5982\u4F55\u5728\u6CA1\u6709\u6570\u636E\u6216\u53EA\u6709\u4E00\u9875\u6570\u636E\u65F6\u9690\u85CF\u5206\u9875\u680F",slug:"\u5982\u4F55\u5728\u6CA1\u6709\u6570\u636E\u6216\u53EA\u6709\u4E00\u9875\u6570\u636E\u65F6\u9690\u85CF\u5206\u9875\u680F",content:"\u4F60\u53EF\u4EE5\u8BBE\u7F6E `pagination` \u7684 `hideOnSinglePage` \u5C5E\u6027\u4E3A `true`\u3002"},{level:3,title:"\u8868\u683C\u8FC7\u6EE4\u65F6\u4F1A\u56DE\u5230\u7B2C\u4E00\u9875\uFF1F",slug:"\u8868\u683C\u8FC7\u6EE4\u65F6\u4F1A\u56DE\u5230\u7B2C\u4E00\u9875\uFF1F",content:"\u524D\u7AEF\u8FC7\u6EE4\u65F6\u901A\u5E38\u6761\u76EE\u603B\u6570\u4F1A\u51CF\u5C11\uFF0C\u4ECE\u800C\u5BFC\u81F4\u603B\u9875\u6570\u5C0F\u4E8E\u7B5B\u9009\u524D\u7684\u5F53\u524D\u9875\u6570\uFF0C\u4E3A\u4E86\u9632\u6B62\u5F53\u524D\u9875\u9762\u6CA1\u6709\u6570\u636E\uFF0C\u6211\u4EEC\u9ED8\u8BA4\u4F1A\u8FD4\u56DE\u7B2C\u4E00\u9875\u3002"},{level:3,title:"\u8868\u683C\u5206\u9875\u4E3A\u4F55\u4F1A\u51FA\u73B0 size \u5207\u6362\u5668\uFF1F",slug:"\u8868\u683C\u5206\u9875\u4E3A\u4F55\u4F1A\u51FA\u73B0-size-\u5207\u6362\u5668\uFF1F",content:"\u81EA `3.0` \u8D77\uFF0CPagination \u5728 `total` \u5927\u4E8E 50 \u6761\u65F6\u4F1A\u9ED8\u8BA4\u663E\u793A size \u5207\u6362\u5668\u4EE5\u63D0\u5347\u7528\u6237\u4EA4\u4E92\u4F53\u9A8C\u3002\u5982\u679C\u4F60\u4E0D\u9700\u8981\u8BE5\u529F\u80FD\uFF0C\u53EF\u4EE5\u901A\u8FC7\u8BBE\u7F6E `showSizeChanger` \u4E3A `false` \u6765\u5173\u95ED\u3002"},{level:3,title:"\u56FA\u5B9A\u5217\u7A7F\u900F\u5230\u6700\u4E0A\u5C42\u8BE5\u600E\u4E48\u529E\uFF1F",slug:"\u56FA\u5B9A\u5217\u7A7F\u900F\u5230\u6700\u4E0A\u5C42\u8BE5\u600E\u4E48\u529E\uFF1F",content:"\u56FA\u5B9A\u5217\u901A\u8FC7 `z-index` \u5C5E\u6027\u5C06\u5176\u60AC\u6D6E\u4E8E\u975E\u56FA\u5B9A\u5217\u4E4B\u4E0A\uFF0C\u8FD9\u4F7F\u5F97\u6709\u65F6\u5019\u4F60\u4F1A\u53D1\u73B0\u5728 Table \u4E0A\u653E\u7F6E\u906E\u7F69\u5C42\u65F6\u56FA\u5B9A\u5217\u4F1A\u88AB\u900F\u8FC7\u7684\u60C5\u51B5\u3002\u4E3A\u906E\u7F69\u5C42\u8BBE\u7F6E\u66F4\u9AD8\u7684 `z-index` \u8986\u76D6\u4F4F\u56FA\u5B9A\u5217\u5373\u53EF\u3002"}],relativePath:"components/table/index.zh-CN.md",content:`
5487\u5C55\u793A\u884C\u5217\u6570\u636E\u3002
5488
5489## \u8BBE\u8BA1\u5E08\u4E13\u5C5E
5490
5491\u5B89\u88C5 [Kitchen Sketch \u63D2\u4EF6 \u{1F48E}](https://kitchen.alipay.com/)\uFF0C\u4E24\u6B65\u5C31\u53EF\u4EE5\u81EA\u52A8\u751F\u6210 Ant Design \u8868\u683C\u7EC4\u4EF6\u3002
5492
5493## \u4F55\u65F6\u4F7F\u7528
5494
5495- \u5F53\u6709\u5927\u91CF\u7ED3\u6784\u5316\u7684\u6570\u636E\u9700\u8981\u5C55\u73B0\u65F6\uFF1B
5496- \u5F53\u9700\u8981\u5BF9\u6570\u636E\u8FDB\u884C\u6392\u5E8F\u3001\u641C\u7D22\u3001\u5206\u9875\u3001\u81EA\u5B9A\u4E49\u64CD\u4F5C\u7B49\u590D\u6742\u884C\u4E3A\u65F6\u3002
5497
5498## \u5982\u4F55\u4F7F\u7528
5499
5500\u6307\u5B9A\u8868\u683C\u7684\u6570\u636E\u6E90 \`dataSource\` \u4E3A\u4E00\u4E2A\u6570\u7EC4\u3002
5501
5502\`\`\`html
5503<template>
5504  <a-table :dataSource="dataSource" :columns="columns" />
5505</template>
5506<script>
5507  export default {
5508    setup() {
5509      return {
5510        dataSource: [
5511          {
5512            key: '1',
5513            name: '\u80E1\u5F66\u658C',
5514            age: 32,
5515            address: '\u897F\u6E56\u533A\u6E56\u5E95\u516C\u56ED1\u53F7',
5516          },
5517          {
5518            key: '2',
5519            name: '\u80E1\u5F66\u7956',
5520            age: 42,
5521            address: '\u897F\u6E56\u533A\u6E56\u5E95\u516C\u56ED1\u53F7',
5522          },
5523        ],
5524
5525        columns: [
5526          {
5527            title: '\u59D3\u540D',
5528            dataIndex: 'name',
5529            key: 'name',
5530          },
5531          {
5532            title: '\u5E74\u9F84',
5533            dataIndex: 'age',
5534            key: 'age',
5535          },
5536          {
5537            title: '\u4F4F\u5740',
5538            dataIndex: 'address',
5539            key: 'address',
5540          },
5541        ],
5542      };
5543    },
5544  };
5545</script>
5546\`\`\`
5547
5548## API
5549
5550### Table
5551
5552| \u53C2\u6570 | \u8BF4\u660E | \u7C7B\u578B | \u9ED8\u8BA4\u503C | \u7248\u672C |
5553| --- | --- | --- | --- | --- |
5554| bodyCell | \u4E2A\u6027\u5316\u5355\u5143\u683C | v-slot:bodyCell="{text, record, index, column}" | - | 3.0 |

5555| bordered | \u662F\u5426\u5C55\u793A\u5916\u8FB9\u6846\u548C\u5217\u8FB9\u6846 | boolean | false |  |
5556| childrenColumnName | \u6307\u5B9A\u6811\u5F62\u7ED3\u6784\u7684\u5217\u540D | string | \`children\` |  |
5557| columns | \u8868\u683C\u5217\u7684\u914D\u7F6E\u63CF\u8FF0\uFF0C\u5177\u4F53\u9879\u89C1[\u4E0B\u8868](#column) | array | - |  |
5558| components | \u8986\u76D6\u9ED8\u8BA4\u7684 table \u5143\u7D20 | object | - |  |
5559| customFilterDropdown | \u81EA\u5B9A\u4E49\u7B5B\u9009\u83DC\u5355\uFF0C\u9700\u8981\u914D\u5408 \`column.customFilterDropdown\` \u4F7F\u7528 | v-slot:customFilterDropdown="[FilterDropdownProps](#filterdropdownprops)" | - | 3.0 |
5560| customFilterIcon | \u81EA\u5B9A\u4E49\u7B5B\u9009\u56FE\u6807 | v-slot:customFilterIcon="{filtered, column}" | - | 3.0 |
5561| customHeaderRow | \u8BBE\u7F6E\u5934\u90E8\u884C\u5C5E\u6027 | Function(columns, index) | - |  |
5562| customRow | \u8BBE\u7F6E\u884C\u5C5E\u6027 | Function(record, index) | - |  |
5563| dataSource | \u6570\u636E\u6570\u7EC4 | object\\[] |  |  |
5564| defaultExpandAllRows | \u521D\u59CB\u65F6\uFF0C\u662F\u5426\u5C55\u5F00\u6240\u6709\u884C | boolean | false |  |
5565| defaultExpandedRowKeys | \u9ED8\u8BA4\u5C55\u5F00\u7684\u884C | string\\[] | - |  |
5566| emptyText | \u81EA\u5B9A\u4E49\u7A7A\u6570\u636E\u65F6\u7684\u663E\u793A\u5185\u5BB9 | v-slot:emptyText | - | 3.0 |
5567| expandedRowKeys(v-model) | \u5C55\u5F00\u7684\u884C\uFF0C\u63A7\u5236\u5C5E\u6027 | string\\[] | - |  |
5568| expandedRowRender | \u989D\u5916\u7684\u5C55\u5F00\u884C | Function(record, index, indent, expanded):VNode \\| v-slot:expandedRowRender="{record, index, indent, expanded}" | - |  |
5569| expandFixed | \u63A7\u5236\u5C55\u5F00\u56FE\u6807\u662F\u5426\u56FA\u5B9A\uFF0C\u53EF\u9009 true \`left\` \`right\` | boolean \\| string | false | 3.0 |
5570| expandColumnTitle | \u81EA\u5B9A\u4E49\u5C55\u5F00\u5217\u8868\u5934 | v-slot | - | 4.0.0 |
5571| expandIcon | \u81EA\u5B9A\u4E49\u5C55\u5F00\u56FE\u6807 | Function(props):VNode \\| v-slot:expandIcon="props" | - |  |
5572| expandRowByClick | \u901A\u8FC7\u70B9\u51FB\u884C\u6765\u5C55\u5F00\u5B50\u884C | boolean | \`false\` |  |
5573| footer | \u8868\u683C\u5C3E\u90E8 | Function(currentPageData)\\|v-slot:footer="currentPageData" |  |  |
5574| getPopupContainer | \u8BBE\u7F6E\u8868\u683C\u5185\u5404\u7C7B\u6D6E\u5C42\u7684\u6E32\u67D3\u8282\u70B9\uFF0C\u5982\u7B5B\u9009\u83DC\u5355 | (triggerNode) => HTMLElement | \`() => TableHtmlElement\` | 1.5.0 |
5575| headerCell | \u4E2A\u6027\u5316\u5934\u90E8\u5355\u5143\u683C | v-slot:headerCell="{title, column}" | - | 3.0 |
5576| indentSize | \u5C55\u793A\u6811\u5F62\u6570\u636E\u65F6\uFF0C\u6BCF\u5C42\u7F29\u8FDB\u7684\u5BBD\u5EA6\uFF0C\u4EE5 px \u4E3A\u5355\u4F4D | number | 15 |  |
5577| loading | \u9875\u9762\u662F\u5426\u52A0\u8F7D\u4E2D | boolean\\|[object](/components/spin-cn) | false |  |
5578| locale | \u9ED8\u8BA4\u6587\u6848\u8BBE\u7F6E\uFF0C\u76EE\u524D\u5305\u62EC\u6392\u5E8F\u3001\u8FC7\u6EE4\u3001\u7A7A\u6570\u636E\u6587\u6848 | object | filterConfirm: \`\u786E\u5B9A\` <br> filterReset: \`\u91CD\u7F6E\` <br> emptyText: \`\u6682\u65E0\u6570\u636E\` |  |
5579| pagination | \u5206\u9875\u5668\uFF0C\u53C2\u8003[\u914D\u7F6E\u9879](#pagination)\u6216 [pagination](/components/pagination-cn/)\u6587\u6863\uFF0C\u8BBE\u4E3A false \u65F6\u4E0D\u5C55\u793A\u548C\u8FDB\u884C\u5206\u9875 | object \\| \`false\` |  |  |
5580| rowClassName | \u8868\u683C\u884C\u7684\u7C7B\u540D | Function(record, index):string | - |  |
5581| rowExpandable | \u8BBE\u7F6E\u662F\u5426\u5141\u8BB8\u884C\u5C55\u5F00 | (record) => boolean | - | 3.0 |
5582| rowKey | \u8868\u683C\u884C key \u7684\u53D6\u503C\uFF0C\u53EF\u4EE5\u662F\u5B57\u7B26\u4E32\u6216\u4E00\u4E2A\u51FD\u6570 | string\\|Function(record):string | 'key' |  |
5583| rowSelection | \u5217\u8868\u9879\u662F\u5426\u53EF\u9009\u62E9\uFF0C[\u914D\u7F6E\u9879](#rowselection) | object | null |  |
5584| scroll | \u8868\u683C\u662F\u5426\u53EF\u6EDA\u52A8\uFF0C\u4E5F\u53EF\u4EE5\u6307\u5B9A\u6EDA\u52A8\u533A\u57DF\u7684\u5BBD\u3001\u9AD8\uFF0C[\u914D\u7F6E\u9879](#scroll) | object | - |  |
5585| showExpandColumn | \u8BBE\u7F6E\u662F\u5426\u5C55\u793A\u884C\u5C55\u5F00\u5217 | boolean | true | 3.0 |
5586| showHeader | \u662F\u5426\u663E\u793A\u8868\u5934 | boolean | true |  |
5587| showSorterTooltip | \u8868\u5934\u662F\u5426\u663E\u793A\u4E0B\u4E00\u6B21\u6392\u5E8F\u7684 tooltip \u63D0\u793A\u3002\u5F53\u53C2\u6570\u7C7B\u578B\u4E3A\u5BF9\u8C61\u65F6\uFF0C\u5C06\u88AB\u8BBE\u7F6E\u4E3A Tooltip \u7684\u5C5E\u6027 | boolean \\| [Tooltip props](/components/tooltip/) | true | 3.0 |
5588| size | \u8868\u683C\u5927\u5C0F | \`large\` \\| \`middle\` \\| \`small\` | \`large\` |  |
5589| sortDirections | \u652F\u6301\u7684\u6392\u5E8F\u65B9\u5F0F\uFF0C\u53D6\u503C\u4E3A \`ascend\` \`descend\` | Array | \\[\`ascend\`, \`descend\`] |  |
5590| sticky | \u8BBE\u7F6E\u7C98\u6027\u5934\u90E8\u548C\u6EDA\u52A8\u6761 | boolean \\| \`{offsetHeader?: number, offsetScroll?: number, getContainer?: () => HTMLElement}\` | - | 3.0 |
5591| summary | \u603B\u7ED3\u680F | v-slot:summary | - | 3.0 |
5592| tableLayout | \u8868\u683C\u5143\u7D20\u7684 [table-layout](https://developer.mozilla.org/zh-CN/docs/Web/CSS/table-layout) \u5C5E\u6027\uFF0C\u8BBE\u4E3A \`fixed\` \u8868\u793A\u5185\u5BB9\u4E0D\u4F1A\u5F71\u54CD\u5217\u7684\u5E03\u5C40 | - \\| 'auto' \\| 'fixed' | \u65E0<hr />\u56FA\u5B9A\u8868\u5934/\u5217\u6216\u4F7F\u7528\u4E86 \`column.ellipsis\` \u65F6\uFF0C\u9ED8\u8BA4\u503C\u4E3A \`fixed\` | 1.5.0 |
5593| title | \u8868\u683C\u6807\u9898 | Function(currentPageData)\\|v-slot:title="currentPageData" |  |  |
5594| transformCellText | \u6570\u636E\u6E32\u67D3\u524D\u53EF\u4EE5\u518D\u6B21\u6539\u53D8\uFF0C\u4E00\u822C\u7528\u4E8E\u7A7A\u6570\u636E\u7684\u9ED8\u8BA4\u914D\u7F6E\uFF0C\u53EF\u4EE5\u901A\u8FC7 [ConfigProvider](/components/config-provider-cn/) \u5168\u5C40\u7EDF\u4E00\u914D\u7F6E | Function({ text, column, record, index }) => any\uFF0C\u6B64\u5904\u7684 text \u662F\u7ECF\u8FC7\u5176\u5B83\u5B9A\u4E49\u5355\u5143\u683C api \u5904\u7406\u540E\u7684\u6570\u636E\uFF0C\u6709\u53EF\u80FD\u662F VNode \\| string \\| number \u7C7B\u578B | - | 1.5.4 |
5595
5596### \u4E8B\u4EF6
5597
5598| \u4E8B\u4EF6\u540D\u79F0 | \u8BF4\u660E | \u56DE\u8C03\u53C2\u6570 |
5599| --- | --- | --- |
5600| change | \u5206\u9875\u3001\u6392\u5E8F\u3001\u7B5B\u9009\u53D8\u5316\u65F6\u89E6\u53D1 | Function(pagination, filters, sorter, { action, currentDataSource }) |
5601| expand | \u70B9\u51FB\u5C55\u5F00\u56FE\u6807\u65F6\u89E6\u53D1 | Function(expanded, record) |
5602| expandedRowsChange | \u5C55\u5F00\u7684\u884C\u53D8\u5316\u65F6\u89E6\u53D1 | Function(expandedRows) |
5603| resizeColumn | \u62D6\u52A8\u5217\u65F6\u89E6\u53D1 | Function(width, column) |
5604
5605#### customRow \u7528\u6CD5
5606

5607\u9002\u7528\u4E8E \`customRow\` \`customHeaderRow\` \`customCell\` \`customHeaderCell\`\u3002\u9075\u5FAA[Vue jsx](https://github.com/vuejs/babel-plugin-transform-vue-jsx)\u8BED\u6CD5\u3002
5608
5609\`\`\`jsx
5610<Table
5611  customRow={(record) => {
5612    return {
5613      xxx... //\u5C5E\u6027
5614      onClick: (event) => {},       // \u70B9\u51FB\u884C
5615      onDblclick: (event) => {},
5616      onContextmenu: (event) => {},
5617      onMouseenter: (event) => {},  // \u9F20\u6807\u79FB\u5165\u884C
5618      onMouseleave: (event) => {}
5619    };
5620  }}
5621  customHeaderRow={(columns, index) => {
5622    return {
5623      onClick: () => {},        // \u70B9\u51FB\u8868\u5934\u884C
5624    };
5625  }}
5626/>
5627\`\`\`
5628
5629### Column
5630
5631\u5217\u63CF\u8FF0\u6570\u636E\u5BF9\u8C61\uFF0C\u662F columns \u4E2D\u7684\u4E00\u9879\uFF0CColumn \u4F7F\u7528\u76F8\u540C\u7684 API\u3002
5632
5633| \u53C2\u6570 | \u8BF4\u660E | \u7C7B\u578B | \u9ED8\u8BA4\u503C | \u7248\u672C |
5634| --- | --- | --- | --- | --- |
5635| align | \u8BBE\u7F6E\u5217\u7684\u5BF9\u9F50\u65B9\u5F0F | \`left\` \\| \`right\` \\| \`center\` | \`left\` |  |
5636| colSpan | \u8868\u5934\u5217\u5408\u5E76,\u8BBE\u7F6E\u4E3A 0 \u65F6\uFF0C\u4E0D\u6E32\u67D3 | number |  |  |
5637| customCell | \u8BBE\u7F6E\u5355\u5143\u683C\u5C5E\u6027 | Function(record, rowIndex, column) | - | column add from 3.0 |
5638| customFilterDropdown | \u542F\u7528 v-slot:customFilterDropdown\uFF0C\u4F18\u5148\u7EA7\u4F4E\u4E8E filterDropdown | boolean | false | 3.0 |
5639| customHeaderCell | \u8BBE\u7F6E\u5934\u90E8\u5355\u5143\u683C\u5C5E\u6027 | Function(column) | - |  |
5640| customRender | \u751F\u6210\u590D\u6742\u6570\u636E\u7684\u6E32\u67D3\u51FD\u6570\uFF0C\u53C2\u6570\u5206\u522B\u4E3A\u5F53\u524D\u884C\u7684\u503C\uFF0C\u5F53\u524D\u884C\u6570\u636E\uFF0C\u884C\u7D22\u5F15 | Function({text, record, index, column}) {} | - |  |
5641| dataIndex | \u5217\u6570\u636E\u5728\u6570\u636E\u9879\u4E2D\u5BF9\u5E94\u7684\u8DEF\u5F84\uFF0C\u652F\u6301\u901A\u8FC7\u6570\u7EC4\u67E5\u8BE2\u5D4C\u5957\u8DEF\u5F84 | string \\| string\\[] | - |  |
5642| defaultFilteredValue | \u9ED8\u8BA4\u7B5B\u9009\u503C | string\\[] | - | 1.5.0 |
5643| filterResetToDefaultFilteredValue | \u70B9\u51FB\u91CD\u7F6E\u6309\u94AE\u7684\u65F6\u5019\uFF0C\u662F\u5426\u6062\u590D\u9ED8\u8BA4\u7B5B\u9009\u503C | boolean | false | 3.3.0 |
5644| defaultSortOrder | \u9ED8\u8BA4\u6392\u5E8F\u987A\u5E8F | \`ascend\` \\| \`descend\` | - |  |
5645| ellipsis | \u8D85\u8FC7\u5BBD\u5EA6\u5C06\u81EA\u52A8\u7701\u7565\uFF0C\u6682\u4E0D\u652F\u6301\u548C\u6392\u5E8F\u7B5B\u9009\u4E00\u8D77\u4F7F\u7528\u3002<br />\u8BBE\u7F6E\u4E3A \`true\` \u6216 \`{ showTitle?: boolean }\` \u65F6\uFF0C\u8868\u683C\u5E03\u5C40\u5C06\u53D8\u6210 \`tableLayout="fixed"\`\u3002 | boolean \\| { showTitle?: boolean } | false | 3.0 |
5646| filterDropdown | \u53EF\u4EE5\u81EA\u5B9A\u4E49\u7B5B\u9009\u83DC\u5355\uFF0C\u6B64\u51FD\u6570\u53EA\u8D1F\u8D23\u6E32\u67D3\u56FE\u5C42\uFF0C\u9700\u8981\u81EA\u884C\u7F16\u5199\u5404\u79CD\u4EA4\u4E92 | VNode \\| (props: FilterDropdownProps) => VNode | - |  |
5647| filterDropdownOpen | \u7528\u4E8E\u63A7\u5236\u81EA\u5B9A\u4E49\u7B5B\u9009\u83DC\u5355\u662F\u5426\u53EF\u89C1 | boolean | - |  |
5648| filtered | \u6807\u8BC6\u6570\u636E\u662F\u5426\u7ECF\u8FC7\u8FC7\u6EE4\uFF0C\u7B5B\u9009\u56FE\u6807\u4F1A\u9AD8\u4EAE | boolean | false |  |
5649| filteredValue | \u7B5B\u9009\u7684\u53D7\u63A7\u5C5E\u6027\uFF0C\u5916\u754C\u53EF\u7528\u6B64\u63A7\u5236\u5217\u7684\u7B5B\u9009\u72B6\u6001\uFF0C\u503C\u4E3A\u5DF2\u7B5B\u9009\u7684 value \u6570\u7EC4 | string\\[] | - |  |
5650| filterIcon | \u81EA\u5B9A\u4E49 filter \u56FE\u6807\u3002 | VNode \\| ({filtered: boolean, column: Column}) => vNode | false |  |
5651| filterMode | \u6307\u5B9A\u7B5B\u9009\u83DC\u5355\u7684\u7528\u6237\u754C\u9762 | 'menu' \\| 'tree' | 'menu' | 3.0 |
5652| filterMultiple | \u662F\u5426\u591A\u9009 | boolean | true |  |
5653| filters | \u8868\u5934\u7684\u7B5B\u9009\u83DC\u5355\u9879 | object\\[] | - |  |
5654| filterSearch | \u7B5B\u9009\u83DC\u5355\u9879\u662F\u5426\u53EF\u641C\u7D22 | boolean \\| function(input, filter):boolean | false | boolean:3.0 function:3.3.0 |
5655| fixed | \u5217\u662F\u5426\u56FA\u5B9A\uFF0C\u53EF\u9009 \`true\`(\u7B49\u6548\u4E8E left) \`'left'\` \`'right'\` | boolean\\|string | false |  |
5656| key | Vue \u9700\u8981\u7684 key\uFF0C\u5982\u679C\u5DF2\u7ECF\u8BBE\u7F6E\u4E86\u552F\u4E00\u7684 \`dataIndex\`\uFF0C\u53EF\u4EE5\u5FFD\u7565\u8FD9\u4E2A\u5C5E\u6027 | string | - |  |
5657| maxWidth | \u62D6\u52A8\u5217\u6700\u5927\u5BBD\u5EA6\uFF0C\u4F1A\u53D7\u5230\u8868\u683C\u81EA\u52A8\u8C03\u6574\u5206\u914D\u5BBD\u5EA6\u5F71\u54CD | number | - | 3.0 |
5658| minWidth | \u62D6\u52A8\u5217\u6700\u5C0F\u5BBD\u5EA6\uFF0C\u4F1A\u53D7\u5230\u8868\u683C\u81EA\u52A8\u8C03\u6574\u5206\u914D\u5BBD\u5EA6\u5F71\u54CD | number | 50 | 3.0 |
5659| resizable | \u662F\u5426\u53EF\u62D6\u52A8\u8C03\u6574\u5BBD\u5EA6\uFF0C\u6B64\u65F6 width \u5FC5\u987B\u662F number \u7C7B\u578B | boolean | - | 3.0 |
5660| responsive | \u54CD\u5E94\u5F0F breakpoint \u914D\u7F6E\u5217\u8868\u3002\u672A\u8BBE\u7F6E\u5219\u59CB\u7EC8\u53EF\u89C1\u3002 | [Breakp

5660oint](#breakpoint)\\[] | - | 3.0 |
5661| rowScope | \u8BBE\u7F6E\u5217\u8303\u56F4 | \`row\` \\| \`rowgroup\` | - | 4.0 |
5662| showSorterTooltip | \u8868\u5934\u663E\u793A\u4E0B\u4E00\u6B21\u6392\u5E8F\u7684 tooltip \u63D0\u793A, \u8986\u76D6 table \u4E2D \`showSorterTooltip\` | boolean \\| [Tooltip props](/components/tooltip/#api) | true |  |
5663| sortDirections | \u652F\u6301\u7684\u6392\u5E8F\u65B9\u5F0F\uFF0C\u53D6\u503C\u4E3A \`'ascend'\` \`'descend'\` | Array | \`['ascend', 'descend']\` | 1.5.0 |
5664| sorter | \u6392\u5E8F\u51FD\u6570\uFF0C\u672C\u5730\u6392\u5E8F\u4F7F\u7528\u4E00\u4E2A\u51FD\u6570(\u53C2\u8003 [Array.sort](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort) \u7684 compareFunction)\uFF0C\u9700\u8981\u670D\u52A1\u7AEF\u6392\u5E8F\u53EF\u8BBE\u4E3A true | Function\\|boolean | - |  |
5665| sortOrder | \u6392\u5E8F\u7684\u53D7\u63A7\u5C5E\u6027\uFF0C\u5916\u754C\u53EF\u7528\u6B64\u63A7\u5236\u5217\u7684\u6392\u5E8F\uFF0C\u53EF\u8BBE\u7F6E\u4E3A \`'ascend'\` \`'descend'\` \`null\` | string | - |  |
5666| title | \u5217\u5934\u663E\u793A\u6587\u5B57 | string | - |  |
5667| width | \u5217\u5BBD\u5EA6 | string\\|number | - |  |
5668| onFilter | \u672C\u5730\u6A21\u5F0F\u4E0B\uFF0C\u786E\u5B9A\u7B5B\u9009\u7684\u8FD0\u884C\u51FD\u6570, \u4F7F\u7528 template \u6216 jsx \u65F6\u4F5C\u4E3A\`filter\`\u4E8B\u4EF6\u4F7F\u7528 | Function | - |  |
5669| onFilterDropdownOpenChange | \u81EA\u5B9A\u4E49\u7B5B\u9009\u83DC\u5355\u53EF\u89C1\u53D8\u5316\u65F6\u8C03\u7528\uFF0C\u4F7F\u7528 template \u6216 jsx \u65F6\u4F5C\u4E3A\`filterDropdownOpenChange\`\u4E8B\u4EF6\u4F7F\u7528 | function(open) {} | - | 4.0 |
5670
5671#### Breakpoint
5672
5673\`\`\`ts
5674type Breakpoint = 'xxxl' | 'xxl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs';
5675\`\`\`
5676
5677### ColumnGroup
5678
5679| \u53C2\u6570  | \u8BF4\u660E         | \u7C7B\u578B         | \u9ED8\u8BA4\u503C |
5680| ----- | ------------ | ------------ | ------ |
5681| title | \u5217\u5934\u663E\u793A\u6587\u5B57 | string\\|slot | -      |
5682
5683### pagination
5684
5685\u5206\u9875\u7684\u914D\u7F6E\u9879\u3002
5686
5687| \u53C2\u6570 | \u8BF4\u660E | \u7C7B\u578B | \u9ED8\u8BA4\u503C |
5688| --- | --- | --- | --- |
5689| position | \u6307\u5B9A\u5206\u9875\u663E\u793A\u7684\u4F4D\u7F6E\uFF0C \u53D6\u503C\u4E3A\`topLeft\` \\| \`topCenter\` \\| \`topRight\` \\|\`bottomLeft\` \\| \`bottomCenter\` \\| \`bottomRight\` | Array | \\[\`bottomRight\`] |
5690
5691\u66F4\u591A\u914D\u7F6E\u9879\uFF0C\u8BF7\u67E5\u770B [\`Pagination\`](/components/pagination/)\u3002
5692
5693### rowSelection
5694
5695\u9009\u62E9\u529F\u80FD\u7684\u914D\u7F6E\u3002
5696
5697| \u53C2\u6570 | \u8BF4\u660E | \u7C7B\u578B | \u9ED8\u8BA4\u503C | \u7248\u672C |
5698| --- | --- | --- | --- | --- |
5699| checkStrictly | checkable \u72B6\u6001\u4E0B\u8282\u70B9\u9009\u62E9\u5B8C\u5168\u53D7\u63A7\uFF08\u7236\u5B50\u6570\u636E\u9009\u4E2D\u72B6\u6001\u4E0D\u518D\u5173\u8054\uFF09 | boolean | true | 3.0 |
5700| columnTitle | \u81EA\u5B9A\u4E49\u5217\u8868\u9009\u62E9\u6846\u6807\u9898 | string\\|VNode | - |  |
5701| columnWidth | \u81EA\u5B9A\u4E49\u5217\u8868\u9009\u62E9\u6846\u5BBD\u5EA6 | string\\|number | - |  |
5702| fixed | \u628A\u9009\u62E9\u6846\u5217\u56FA\u5B9A\u5728\u5DE6\u8FB9 | boolean | - |  |
5703| getCheckboxProps | \u9009\u62E9\u6846\u7684\u9ED8\u8BA4\u5C5E\u6027\u914D\u7F6E | Function(record) | - |  |
5704| hideDefaultSelections | \u53BB\u6389\u300E\u5168\u9009\u300F\u300E\u53CD\u9009\u300F\u4E24\u4E2A\u9ED8\u8BA4\u9009\u9879 | boolean | false |  |
5705| hideSelectAll | \u9690\u85CF\u5168\u9009\u52FE\u9009\u6846\u4E0E\u81EA\u5B9A\u4E49\u9009\u62E9\u9879 | boolean | false | 3.0 |
5706| preserveSelectedRowKeys | \u5F53\u6570\u636E\u88AB\u5220\u9664\u65F6\u4ECD\u7136\u4FDD\u7559\u9009\u9879\u7684 \`key\` | boolean | - | 3.0 |
5707| selectedRowKeys | \u6307\u5B9A\u9009\u4E2D\u9879\u7684 key \u6570\u7EC4\uFF0C\u9700\u8981\u548C onChange \u8FDB\u884C\u914D\u5408 | string\\[] | \\[] |  |
5708| selections | \u81EA\u5B9A\u4E49\u9009\u62E9\u9879 [\u914D\u7F6E\u9879](#selection), \u8BBE\u4E3A \`true\` \u65F6\u4F7F\u7528\u9ED8\u8BA4\u9009\u62E9\u9879 | object\\[] \\| boolean | true |  |
5709| type | \u591A\u9009/\u5355\u9009\uFF0C\`checkbox\` or \`radio\` | string | \`checkbox\` |  |

5710| onChange | \u9009\u4E2D\u9879\u53D1\u751F\u53D8\u5316\u65F6\u7684\u56DE\u8C03 | Function(selectedRowKeys, selectedRows) | - |  |
5711| onSelect | \u7528\u6237\u624B\u52A8\u9009\u62E9/\u53D6\u6D88\u9009\u62E9\u67D0\u5217\u7684\u56DE\u8C03 | Function(record, selected, selectedRows, nativeEvent) | - |  |
5712| onSelectAll | \u7528\u6237\u624B\u52A8\u9009\u62E9/\u53D6\u6D88\u9009\u62E9\u6240\u6709\u5217\u7684\u56DE\u8C03 | Function(selected, selectedRows, changeRows) | - |  |
5713| onSelectInvert | \u7528\u6237\u624B\u52A8\u9009\u62E9\u53CD\u9009\u7684\u56DE\u8C03 | Function(selectedRows) | - |  |
5714| onSelectNone | \u7528\u6237\u6E05\u7A7A\u9009\u62E9\u7684\u56DE\u8C03 | function() | - | 3.0 |
5715
5716### scroll
5717
5718| \u53C2\u6570 | \u8BF4\u660E | \u7C7B\u578B | \u9ED8\u8BA4\u503C |
5719| --- | --- | --- | --- |
5720| scrollToFirstRowOnChange | \u5F53\u5206\u9875\u3001\u6392\u5E8F\u3001\u7B5B\u9009\u53D8\u5316\u540E\u662F\u5426\u6EDA\u52A8\u5230\u8868\u683C\u9876\u90E8 | boolean | - |
5721| x | \u8BBE\u7F6E\u6A2A\u5411\u6EDA\u52A8\uFF0C\u4E5F\u53EF\u7528\u4E8E\u6307\u5B9A\u6EDA\u52A8\u533A\u57DF\u7684\u5BBD\uFF0C\u53EF\u4EE5\u8BBE\u7F6E\u4E3A\u50CF\u7D20\u503C\uFF0C\u767E\u5206\u6BD4\uFF0Ctrue \u548C ['max-content'](https://developer.mozilla.org/zh-CN/docs/Web/CSS/width#max-content) | string \\| number \\| true | - |
5722| y | \u8BBE\u7F6E\u7EB5\u5411\u6EDA\u52A8\uFF0C\u4E5F\u53EF\u7528\u4E8E\u6307\u5B9A\u6EDA\u52A8\u533A\u57DF\u7684\u9AD8\uFF0C\u53EF\u4EE5\u8BBE\u7F6E\u4E3A\u50CF\u7D20\u503C | string \\| number | - |
5723
5724### selection
5725
5726\u81EA\u5B9A\u4E49\u9009\u62E9\u914D\u7F6E\u9879
5727
5728| \u53C2\u6570     | \u8BF4\u660E                     | \u7C7B\u578B                        | \u9ED8\u8BA4\u503C |
5729| -------- | ------------------------ | --------------------------- | ------ |
5730| key      | Vue \u9700\u8981\u7684 key\uFF0C\u5EFA\u8BAE\u8BBE\u7F6E | string                      | -      |
5731| text     | \u9009\u62E9\u9879\u663E\u793A\u7684\u6587\u5B57         | string\\|VNode               | -      |
5732| onSelect | \u9009\u62E9\u9879\u70B9\u51FB\u56DE\u8C03           | Function(changeableRowKeys) | -      |
5733
5734### FilterDropdownProps
5735
5736\`\`\`ts
5737interface FilterDropdownProps {
5738  prefixCls: string;
5739  setSelectedKeys: (selectedKeys: Key[]) => void;
5740  selectedKeys: Key[];
5741  confirm: (param?: FilterConfirmProps) => void;
5742  clearFilters?: (param?: FilterResetProps) => void;
5743  filters?: ColumnFilterItem[];
5744  visible: boolean;
5745  column: ColumnType;
5746}
5747
5748interface FilterConfirmProps {
5749  closeDropdown: boolean;
5750}
5751
5752interface FilterResetProps {
5753  confirm?: boolean;
5754  closeDropdown?: boolean;
5755}
5756\`\`\`
5757
5758## \u6CE8\u610F
5759
5760\u5728 Table \u4E2D\uFF0C\`dataSource\` \u548C \`columns\` \u91CC\u7684\u6570\u636E\u503C\u90FD\u9700\u8981\u6307\u5B9A \`key\` \u503C\u3002\u5BF9\u4E8E \`dataSource\` \u9ED8\u8BA4\u5C06\u6BCF\u5217\u6570\u636E\u7684 \`key\` \u5C5E\u6027\u4F5C\u4E3A\u552F\u4E00\u7684\u6807\u8BC6\u3002
5761
5762\u5982\u679C\u4F60\u7684\u6570\u636E\u6CA1\u6709\u8FD9\u4E2A\u5C5E\u6027\uFF0C\u52A1\u5FC5\u4F7F\u7528 \`rowKey\` \u6765\u6307\u5B9A\u6570\u636E\u5217\u7684\u4E3B\u952E\u3002\u82E5\u6CA1\u6709\u6307\u5B9A\uFF0C\u63A7\u5236\u53F0\u4F1A\u51FA\u73B0\u7F3A\u5C11 key \u7684\u63D0\u793A\uFF0C\u8868\u683C\u7EC4\u4EF6\u4E5F\u4F1A\u51FA\u73B0\u5404\u7C7B\u5947\u602A\u7684\u9519\u8BEF\u3002
5763
5764\`\`\`jsx
5765// \u6BD4\u5982\u4F60\u7684\u6570\u636E\u4E3B\u952E\u662F uid
5766return <Table rowKey="uid" />;
5767// \u6216
5768return <Table rowKey={record => record.uid} />;
5769\`\`\`
5770
5771## FAQ
5772
5773### \u5982\u4F55\u5728\u6CA1\u6709\u6570\u636E\u6216\u53EA\u6709\u4E00\u9875\u6570\u636E\u65F6\u9690\u85CF\u5206\u9875\u680F
5774
5775\u4F60\u53EF\u4EE5\u8BBE\u7F6E \`pagination\` \u7684 \`hideOnSinglePage\` \u5C5E\u6027\u4E3A \`true\`\u3002
5776
5777### \u8868\u683C\u8FC7\u6EE4\u65F6\u4F1A\u56DE\u5230\u7B2C\u4E00\u9875\uFF1F
5778
5779\u524D\u7AEF\u8FC7\u6EE4\u65F6\u901A\u5E38\u6761\u76EE\u603B\u6570\u4F1A\u51CF\u5C11\uFF0C\u4ECE\u800C\u5BFC\u81F4\u603B\u9875\u6570\u5C0F\u4E8E\u7B5B\u9009\u524D\u7684\u5F53\u524D\u9875\u6570\uFF0C\u4E3A\u4E86\u9632\u6B62\u5F53\u524D\u9875\u9762\u6CA1\u6709\u6570\u636E\uFF0C\u6211\u4EEC\u9ED8\u8BA4\u4F1A\u8FD4\u56DE\u7B2C\u4E00\u9875\u3002
5780
5781\u5982\u679C\u4F60\u5728\u4F7F\u7528\u8FDC\u7A0B\u5206\u9875\uFF0C\u5F88\u53EF\u80FD\u9700\u8981\u4FDD\u6301\u5F53\u524D\u9875\u9762\uFF0C\u4F60\u53EF\u4EE5\u624B\u52A8\u63A7\u5236\u5F53\u524D\u9875\u9762\u4E0D\u53D8\u3002
5782
5783### \u8868\u683C\u5206\u9875\u4E3A\u4F55\u4F1A\u51FA\u73B0 size \u5207\u6362\u5668\uFF1F
5784
5785\u81EA \`3.0\` \u8D77\uFF0CPagination \u5728 \`total\` \u5927\u4E8E 50 \u6761\u65F6\u4F1A\u9ED8\u8BA4\u663E\u793A size \u5207\u6362\u5668\u4EE5\u63D0\u5347\u7528\u6237\u4EA4\u4E92\u4F53\u9A8C\u3002\u5982\u679C\u4F60\u4E0D\u9700\u8981\u8BE5\u529F\u80FD\uFF0C\u53EF\u4EE5\u901A\u8FC7\u8BBE\u7F6E \`showSizeChanger\` \u4E3A \`false\` \u6765\u5173\u95ED\u3002
5786
5787### \u56FA\u5B9A\u5217\u7A7F\u900F\u5230\u6700\u4E0A\u5C42\u8BE5\u600E\u4E48\u529E\uFF1F
5788
5789\u56FA\u5B9A\u5217\u901A\u8FC7 \`z-index\` \u5C5E\u6027\u5C06\u5176\u60AC\u6D6E\u4E8E\u975E\u56FA\u5B9A\u5217\u4E4B\u4E0A\uFF0C\u8FD9\u4F7F\u5F97\u6709\u65F6\u5019\u4F60\u4F1A\u53D1\u73B0\u5728 Table \u4E0A\u653E\u7F6E\u906E\u7F69\u5C42\u65F6\u56FA\u5B9A\u5217\u4F1A\u88AB\u900F\u8FC7\u7684\u60C5\u51B5\u3002\u4E3A\u906E\u7F69\u5C42\u8BBE\u7F6E\u66F4\u9AD8\u7684 \`z-index\` \u8986\u76D6\u4F4F\u56FA\u5B9A\u5217\u5373\u53EF\u3002
5790`,html:`<p>\u5C55\u793A\u884C\u5217\u6570\u636E\u3002</p>
5791<h2 id="\u8BBE\u8BA1\u5E08\u4E13\u5C5E">\u8BBE\u8BA1\u5E08\u4E13\u5C5E <a class="header-anchor" href="#\u8BBE\u8BA1\u5E08\u4E13\u5C5E">

5792          <span aria-hidden="true" class="anchor">#</span>
5793        </a></h2>
5794<p>\u5B89\u88C5 <a href="https://kitchen.alipay.com/" target="_blank" rel="noopener noreferrer">Kitchen Sketch \u63D2\u4EF6 \u{1F48E}</a>\uFF0C\u4E24\u6B65\u5C31\u53EF\u4EE5\u81EA\u52A8\u751F\u6210 Ant Design \u8868\u683C\u7EC4\u4EF6\u3002</p>
5795<h2 id="\u4F55\u65F6\u4F7F\u7528">\u4F55\u65F6\u4F7F\u7528 <a class="header-anchor" href="#\u4F55\u65F6\u4F7F\u7528">
5796          <span aria-hidden="true" class="anchor">#</span>
5797        </a></h2>
5798<ul>
5799<li>\u5F53\u6709\u5927\u91CF\u7ED3\u6784\u5316\u7684\u6570\u636E\u9700\u8981\u5C55\u73B0\u65F6\uFF1B</li>
5800<li>\u5F53\u9700\u8981\u5BF9\u6570\u636E\u8FDB\u884C\u6392\u5E8F\u3001\u641C\u7D22\u3001\u5206\u9875\u3001\u81EA\u5B9A\u4E49\u64CD\u4F5C\u7B49\u590D\u6742\u884C\u4E3A\u65F6\u3002</li>
5801</ul>
5802<h2 id="\u5982\u4F55\u4F7F\u7528">\u5982\u4F55\u4F7F\u7528 <a class="header-anchor" href="#\u5982\u4F55\u4F7F\u7528">
5803          <span aria-hidden="true" class="anchor">#</span>
5804        </a></h2>
5805<p>\u6307\u5B9A\u8868\u683C\u7684\u6570\u636E\u6E90 <code>dataSource</code> \u4E3A\u4E00\u4E2A\u6570\u7EC4\u3002</p>
5806<pre class="language-html" v-pre><code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>template</span><span class="token punctuation">></span></span>
5807  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-table</span> <span class="token attr-name">:dataSource</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>dataSource<span class="token punctuation">"</span></span> <span class="token attr-name">:columns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>columns<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
5808<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>template</span><span class="token punctuation">></span></span>
5809<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">
5810  <span class="token keyword">export</span> <span class="token keyword">default</span> <span class="token punctuation">{</span>
5811    <span class="token function">setup</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
5812      <span class="token keyword">return</span> <span class="token punctuation">{</span>
5813        <span class="token literal-property property">dataSource</span><span class="token operator">:</span> <span class="token punctuation">[</span>
5814          <span class="token punctuation">{</span>
5815            <span class="token literal-property property">key</span><span class="token operator">:</span> <span class="token string">'1'</span><span class="token punctuation">,</span>
5816            <span class="token literal-property property">name</span><span class="token operator">:</span> <span class="token string">'\u80E1\u5F66\u658C'</span><span class="token punctuation">,</span>
5817            <span class="token literal-property property">age</span><span class="token operator">:</span> <span class="token number">32</span><span class="token punctuation">,</span>
5818            <span class="token literal-property property">address</span><span class="token operator">:</span> <span class="token string">'\u897F\u6E56\u533A\u6E56\u5E95\u516C\u56ED1\u53F7'</span><span class="token punctuation">,</span>
5819          <span class="token punctuation">}</span><span class="token punctuation">,</span>
5820          <span class="token punctuation">{</span>
5821            <span class="token literal-property property">key</span><span class="token operator">:</span> <span class="token string">'2'</span><span class="token punctuation">,</span>
5822            <span class="token literal-property property">name</span><span class="token operator">:</span> <span class="token string">'\u80E1\u5F66\u7956'</span><span class="token punctuation">,</span>

5823            <span class="token literal-property property">age</span><span class="token operator">:</span> <span class="token number">42</span><span class="token punctuation">,</span>
5824            <span class="token literal-property property">address</span><span class="token operator">:</span> <span class="token string">'\u897F\u6E56\u533A\u6E56\u5E95\u516C\u56ED1\u53F7'</span><span class="token punctuation">,</span>
5825          <span class="token punctuation">}</span><span class="token punctuation">,</span>
5826        <span class="token punctuation">]</span><span class="token punctuation">,</span>
5827
5828        <span class="token literal-property property">columns</span><span class="token operator">:</span> <span class="token punctuation">[</span>
5829          <span class="token punctuation">{</span>
5830            <span class="token literal-property property">title</span><span class="token operator">:</span> <span class="token string">'\u59D3\u540D'</span><span class="token punctuation">,</span>
5831            <span class="token literal-property property">dataIndex</span><span class="token operator">:</span> <span class="token string">'name'</span><span class="token punctuation">,</span>
5832            <span class="token literal-property property">key</span><span class="token operator">:</span> <span class="token string">'name'</span><span class="token punctuation">,</span>
5833          <span class="token punctuation">}</span><span class="token punctuation">,</span>
5834          <span class="token punctuation">{</span>
5835            <span class="token literal-property property">title</span><span class="token operator">:</span> <span class="token string">'\u5E74\u9F84'</span><span class="token punctuation">,</span>
5836            <span class="token literal-property property">dataIndex</span><span class="token operator">:</span> <span class="token string">'age'</span><span class="token punctuation">,</span>
5837            <span class="token literal-property property">key</span><span class="token operator">:</span> <span class="token string">'age'</span><span class="token punctuation">,</span>
5838          <span class="token punctuation">}</span><span class="token punctuation">,</span>
5839          <span class="token punctuation">{</span>
5840            <span class="token literal-property property">title</span><span class="token operator">:</span> <span class="token string">'\u4F4F\u5740'</span><span class="token punctuation">,</span>
5841            <span class="token literal-property property">dataIndex</span><span class="token operator">:</span> <span class="token string">'address'</span><span class="token punctuation">,</span>
5842            <span class="token literal-property property">key</span><span class="token operator">:</span> <span class="token string">'address'</span><span class="token punctuation">,</span>
5843          <span class="token punctuation">}</span><span class="token punctuation">,</span>
5844        <span class="token punctuation">]</span><span class="token punctuation">,</span>
5845      <span class="token punctuation">}</span><span class="token punctuation">;</span>
5846    <span class="token punctuation">}</span><span class="token punctuation">,</span>
5847  <span class="token punctuation">}</span><span class="token punctuation">;</span>
5848</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>
5849</code></pre>
5850<h2 id="api">API <a class="header-anchor" href="#api">
5851          <span aria-hidden="true" class="anchor">#</span>
5852        </a></h2>
5853<h3 id="table">Table <a class="header-anchor" href="#table">
5854          <span aria-hidden="true" class="anchor">#</span>
5855        </a></h3>
5856<table>
5857<thead>
5858<tr>
5859<th>\u53C2\u6570</th>
5860<th>\u8BF4\u660E</th>
5861<th>\u7C7B\u578B</th>
5862<th>\u9ED8\u8BA4\u503C</th>
5863<th>\u7248\u672C</th>
5864</tr>
5865</thead>
5866<tbody>
5867<tr>
5868<td>bodyCell</td>
5869<td>\u4E2A\u6027\u5316\u5355\u5143\u683C</td>
5870<td>v-slot:bodyCell=&quot;{text, record, index, column}&quot;</td>
5871<td>-</td>
5872<td>3.0</td>
5873</tr>
5874<tr>
5875<td>bordered</td>
5876<td>

5876\u662F\u5426\u5C55\u793A\u5916\u8FB9\u6846\u548C\u5217\u8FB9\u6846</td>
5877<td>boolean</td>
5878<td>false</td>
5879<td></td>
5880</tr>
5881<tr>
5882<td>childrenColumnName</td>
5883<td>\u6307\u5B9A\u6811\u5F62\u7ED3\u6784\u7684\u5217\u540D</td>
5884<td>string</td>
5885<td><code>children</code></td>
5886<td></td>
5887</tr>
5888<tr>
5889<td>columns</td>
5890<td>\u8868\u683C\u5217\u7684\u914D\u7F6E\u63CF\u8FF0\uFF0C\u5177\u4F53\u9879\u89C1<a href="#column">\u4E0B\u8868</a></td>
5891<td>array</td>
5892<td>-</td>
5893<td></td>
5894</tr>
5895<tr>
5896<td>components</td>
5897<td>\u8986\u76D6\u9ED8\u8BA4\u7684 table \u5143\u7D20</td>
5898<td>object</td>
5899<td>-</td>
5900<td></td>
5901</tr>
5902<tr>
5903<td>customFilterDropdown</td>
5904<td>\u81EA\u5B9A\u4E49\u7B5B\u9009\u83DC\u5355\uFF0C\u9700\u8981\u914D\u5408 <code>column.customFilterDropdown</code> \u4F7F\u7528</td>
5905<td>v-slot:customFilterDropdown=&quot;<a href="#filterdropdownprops">FilterDropdownProps</a>&quot;</td>
5906<td>-</td>
5907<td>3.0</td>
5908</tr>
5909<tr>
5910<td>customFilterIcon</td>
5911<td>\u81EA\u5B9A\u4E49\u7B5B\u9009\u56FE\u6807</td>
5912<td>v-slot:customFilterIcon=&quot;{filtered, column}&quot;</td>
5913<td>-</td>
5914<td>3.0</td>
5915</tr>
5916<tr>
5917<td>customHeaderRow</td>
5918<td>\u8BBE\u7F6E\u5934\u90E8\u884C\u5C5E\u6027</td>
5919<td>Function(columns, index)</td>
5920<td>-</td>
5921<td></td>
5922</tr>
5923<tr>
5924<td>customRow</td>
5925<td>\u8BBE\u7F6E\u884C\u5C5E\u6027</td>
5926<td>Function(record, index)</td>
5927<td>-</td>
5928<td></td>
5929</tr>
5930<tr>
5931<td>dataSource</td>
5932<td>\u6570\u636E\u6570\u7EC4</td>
5933<td>object[]</td>
5934<td></td>
5935<td></td>
5936</tr>
5937<tr>
5938<td>defaultExpandAllRows</td>
5939<td>\u521D\u59CB\u65F6\uFF0C\u662F\u5426\u5C55\u5F00\u6240\u6709\u884C</td>
5940<td>boolean</td>
5941<td>false</td>
5942<td></td>
5943</tr>
5944<tr>
5945<td>defaultExpandedRowKeys</td>
5946<td>\u9ED8\u8BA4\u5C55\u5F00\u7684\u884C</td>
5947<td>string[]</td>
5948<td>-</td>
5949<td></td>
5950</tr>
5951<tr>
5952<td>emptyText</td>
5953<td>\u81EA\u5B9A\u4E49\u7A7A\u6570\u636E\u65F6\u7684\u663E\u793A\u5185\u5BB9</td>
5954<td>v-slot:emptyText</td>
5955<td>-</td>
5956<td>3.0</td>
5957</tr>
5958<tr>
5959<td>expandedRowKeys(v-model)</td>
5960<td>\u5C55\u5F00\u7684\u884C\uFF0C\u63A7\u5236\u5C5E\u6027</td>
5961<td>string[]</td>
5962<td>-</td>
5963<td></td>
5964</tr>
5965<tr>
5966<td>expandedRowRender</td>
5967<td>\u989D\u5916\u7684\u5C55\u5F00\u884C</td>
5968<td>Function(record, index, indent, expanded):VNode | v-slot:expandedRowRender=&quot;{record, index, indent, expanded}&quot;</td>
5969<td>-</td>
5970<td></td>
5971</tr>
5972<tr>
5973<td>expandFixed</td>
5974<td>\u63A7\u5236\u5C55\u5F00\u56FE\u6807\u662F\u5426\u56FA\u5B9A\uFF0C\u53EF\u9009 true <code>left</code> <code>right</code></td>
5975<td>boolean | string</td>
5976<td>false</td>
5977<td>3.0</td>
5978</tr>
5979<tr>
5980<td>expandColumnTitle</td>
5981<td>\u81EA\u5B9A\u4E49\u5C55\u5F00\u5217\u8868\u5934</td>
5982<td>v-slot</td>
5983<td>-</td>
5984<td>4.0.0</td>
5985</tr>
5986<tr>
5987<td>expandIcon</td>
5988<td>\u81EA\u5B9A\u4E49\u5C55\u5F00\u56FE\u6807</td>
5989<td>Function(props):VNode | v-slot:expandIcon=&quot;props&quot;</td>
5990<td>-</td>
5991<td></td>
5992</tr>
5993<tr>
5994<td>expandRowByClick</td>
5995<td>\u901A\u8FC7\u70B9\u51FB\u884C\u6765\u5C55\u5F00\u5B50\u884C</td>
5996<td>boolean</td>
5997<td><code>false</code></td>
5998<td></td>
5999</tr>
6000<tr>
6001<td>footer</td>
6002<td>\u8868\u683C\u5C3E\u90E8</td>
6003<td>Function(currentPageData)|v-slot:footer=&quot;currentPageData&quot;</td>
6004<td></td>
6005<td></td>
6006</tr>
6007<tr>
6008<td>getPopupContainer</td>
6009<td>\u8BBE\u7F6E\u8868\u683C\u5185\u5404\u7C7B\u6D6E\u5C42\u7684\u6E32\u67D3\u8282\u70B9\uFF0C\u5982\u7B5B\u9009\u83DC\u5355</td>
6010<td>(triggerNode) =&gt; HTMLElement</td>
6011<td><code>() =&gt; TableHtmlElement</code></td>
6012<td>1.5.0</td>
6013</tr>
6014<tr>
6015<td>headerCell</td>
6016<td>\u4E2A\u6027\u5316\u5934\u90E8\u5355\u5143\u683C</td>
6017<td>v-slot:headerCell=&quot;{title, column}&quot;</td>
6018<td>-</td>
6019<td>3.0</td>
6020</tr>
6021<tr>
6022<td>indentSize</td>
6023<td>\u5C55\u793A\u6811\u5F62\u6570\u636E\u65F6\uFF0C\u6BCF\u5C42\u7F29\u8FDB\u7684\u5BBD\u5EA6\uFF0C\u4EE5 px \u4E3A\u5355\u4F4D</td>
6024<td>number</td>
6025<td>15</td>
6026<td></td>
6027</tr>
6028<tr>
6029<td>loading</td>
6030<td>\u9875\u9762\u662F\u5426\u52A0\u8F7D\u4E2D</td>
6031<td>boolean|<a href="/components/spin-cn">object</a></td>
6032<td>false</td>
6033<td></td>
6034</tr>
6035<tr>
6036<td>locale</td>
6037<td>\u9ED8\u8BA4\u6587\u6848\u8BBE\u7F6E\uFF0C\u76EE\u524D\u5305\u62EC\u6392\u5E8F\u3001\u8FC7\u6EE4\u3001\u7A7A\u6570\u636E\u6587\u6848</td>
6038<td>object</td>
6039<td>filterConfirm: <code>\u786E\u5B9A</code> <br> filterReset: <code>\u91CD\u7F6E</code> <br> emptyText: <code>\u6682\u65E0\u6570\u636E</code></td>
6040<td></td>
6041</tr>
6042<tr>
6043<td>pagination</td>
6044<td>\u5206\u9875\u5668\uFF0C\u53C2\u8003<a href="#pagination">\u914D\u7F6E\u9879</a>\u6216 <a href="/components/pagination-cn/">pagination</a>\u6587\u6863\uFF0C\u8BBE\u4E3A false \u65F6\u4E0D\u5C55\u793A\u548C\u8FDB\u884C\u5206\u9875</td>
6045<td>object | <code>false</code></td>
6046<td></td>
6047<td></td>
6048</tr>
6049<tr>
6050<td>rowClassName</td>
6051<td>\u8868\u683C\u884C\u7684\u7C7B\u540D</td>
6052<td>Function(record, index):string</td>
6053<td>-</td>
6054<td></td>
6055</tr>
6056<tr>
6057<td>rowExpandable</td>
6058<td>\u8BBE\u7F6E\u662F\u5426\u5141\u8BB8\u884C\u5C55\u5F00</td>
6059<td>(record) =&gt; boolean</td>
6060<td>-</td>
6061<td>3.0</td>
6062</tr>
6063<tr>
6064<td>rowKey</td>
6065<td>\u8868\u683C\u884C key \u7684\u53D6\u503C\uFF0C\u53EF\u4EE5\u662F\u5B57\u7B26\u4E32\u6216\u4E00\u4E2A\u51FD\u6570</td>
6066<td>string|Function(record):string</td>
6067<td>'key'</td>
6068<td></td>
6069</tr>
6070<tr>
6071<td>rowSelection</td>
6072<td>\u5217\u8868\u9879\u662F\u5426\u53EF\u9009\u62E9\uFF0C<a href="#rowselection">\u914D\u7F6E\u9879</a></td>
6073<td>object</td>
6074<td>null</td>
6075<td></td>
6076</tr>
6077<tr>
6078<td>scroll</td>
6079<td>\u8868\u683C\u662F\u5426\u53EF\u6EDA\u52A8\uFF0C\u4E5F\u53EF\u4EE5\u6307\u5B9A\u6EDA\u52A8\u533A\u57DF\u7684\u5BBD\u3001\u9AD8\uFF0C<a href="#scroll">\u914D\u7F6E\u9879</a></td>
6080<td>object</td>
6081<td>-</td>
6082<td></td>
6083</tr>
6084<tr>
6085<td>showExpandColumn</td>
6086<td>\u8BBE\u7F6E\u662F\u5426\u5C55\u793A\u884C\u5C55\u5F00\u5217</td>
6087<td>boolean</td>
6088<td>true</td>
6089<td>3.0</td>
6090</tr>
6091<tr>
6092<td>showHeader</td>
6093<td>\u662F\u5426\u663E\u793A\u8868\u5934</td>
6094<td>boolean</td>
6095<td>true</td>
6096<td></td>
6097</tr>
6098<tr>
6099<td>showSorterTooltip</td>
6100<td>\u8868\u5934\u662F\u5426\u663E\u793A\u4E0B\u4E00\u6B21\u6392\u5E8F\u7684 tooltip \u63D0\u793A\u3002\u5F53\u53C2\u6570\u7C7B\u578B\u4E3A\u5BF9\u8C61\u65F6\uFF0C\u5C06\u88AB\u8BBE\u7F6E\u4E3A Tooltip \u7684\u5C5E\u6027</td>
6101<td>boolean | <a href="/components/tooltip/">Tooltip props</a></td>
6102<td>true</td>
6103<td>3.0</td>
6104</tr>
6105<tr>
6106<td>size</td>
6107<td>\u8868\u683C\u5927\u5C0F</td>
6108<td><code>large</code> | <code>

6108middle</code> | <code>small</code></td>
6109<td><code>large</code></td>
6110<td></td>
6111</tr>
6112<tr>
6113<td>sortDirections</td>
6114<td>\u652F\u6301\u7684\u6392\u5E8F\u65B9\u5F0F\uFF0C\u53D6\u503C\u4E3A <code>ascend</code> <code>descend</code></td>
6115<td>Array</td>
6116<td>[<code>ascend</code>, <code>descend</code>]</td>
6117<td></td>
6118</tr>
6119<tr>
6120<td>sticky</td>
6121<td>\u8BBE\u7F6E\u7C98\u6027\u5934\u90E8\u548C\u6EDA\u52A8\u6761</td>
6122<td>boolean | <code>{offsetHeader?: number, offsetScroll?: number, getContainer?: () =&gt; HTMLElement}</code></td>
6123<td>-</td>
6124<td>3.0</td>
6125</tr>
6126<tr>
6127<td>summary</td>
6128<td>\u603B\u7ED3\u680F</td>
6129<td>v-slot:summary</td>
6130<td>-</td>
6131<td>3.0</td>
6132</tr>
6133<tr>
6134<td>tableLayout</td>
6135<td>\u8868\u683C\u5143\u7D20\u7684 <a href="https://developer.mozilla.org/zh-CN/docs/Web/CSS/table-layout" target="_blank" rel="noopener noreferrer">table-layout</a> \u5C5E\u6027\uFF0C\u8BBE\u4E3A <code>fixed</code> \u8868\u793A\u5185\u5BB9\u4E0D\u4F1A\u5F71\u54CD\u5217\u7684\u5E03\u5C40</td>
6136<td>- | 'auto' | 'fixed'</td>
6137<td>\u65E0<hr />\u56FA\u5B9A\u8868\u5934/\u5217\u6216\u4F7F\u7528\u4E86 <code>column.ellipsis</code> \u65F6\uFF0C\u9ED8\u8BA4\u503C\u4E3A <code>fixed</code></td>
6138<td>1.5.0</td>
6139</tr>
6140<tr>
6141<td>title</td>
6142<td>\u8868\u683C\u6807\u9898</td>
6143<td>Function(currentPageData)|v-slot:title=&quot;currentPageData&quot;</td>
6144<td></td>
6145<td></td>
6146</tr>
6147<tr>
6148<td>transformCellText</td>
6149<td>\u6570\u636E\u6E32\u67D3\u524D\u53EF\u4EE5\u518D\u6B21\u6539\u53D8\uFF0C\u4E00\u822C\u7528\u4E8E\u7A7A\u6570\u636E\u7684\u9ED8\u8BA4\u914D\u7F6E\uFF0C\u53EF\u4EE5\u901A\u8FC7 <a href="/components/config-provider-cn/">ConfigProvider</a> \u5168\u5C40\u7EDF\u4E00\u914D\u7F6E</td>
6150<td>Function({ text, column, record, index }) =&gt; any\uFF0C\u6B64\u5904\u7684 text \u662F\u7ECF\u8FC7\u5176\u5B83\u5B9A\u4E49\u5355\u5143\u683C api \u5904\u7406\u540E\u7684\u6570\u636E\uFF0C\u6709\u53EF\u80FD\u662F VNode | string | number \u7C7B\u578B</td>
6151<td>-</td>
6152<td>1.5.4</td>
6153</tr>
6154</tbody>
6155</table>
6156<h3 id="\u4E8B\u4EF6">\u4E8B\u4EF6 <a class="header-anchor" href="#\u4E8B\u4EF6">
6157          <span aria-hidden="true" class="anchor">#</span>
6158        </a></h3>
6159<table>
6160<thead>
6161<tr>
6162<th>\u4E8B\u4EF6\u540D\u79F0</th>
6163<th>\u8BF4\u660E</th>
6164<th>\u56DE\u8C03\u53C2\u6570</th>
6165</tr>
6166</thead>
6167<tbody>
6168<tr>
6169<td>change</td>
6170<td>\u5206\u9875\u3001\u6392\u5E8F\u3001\u7B5B\u9009\u53D8\u5316\u65F6\u89E6\u53D1</td>
6171<td>Function(pagination, filters, sorter, { action, currentDataSource })</td>
6172</tr>
6173<tr>
6174<td>expand</td>
6175<td>\u70B9\u51FB\u5C55\u5F00\u56FE\u6807\u65F6\u89E6\u53D1</td>
6176<td>Function(expanded, record)</td>
6177</tr>
6178<tr>
6179<td>expandedRowsChange</td>
6180<td>\u5C55\u5F00\u7684\u884C\u53D8\u5316\u65F6\u89E6\u53D1</td>
6181<td>Function(expandedRows)</td>
6182</tr>
6183<tr>
6184<td>resizeColumn</td>
6185<td>\u62D6\u52A8\u5217\u65F6\u89E6\u53D1</td>
6186<td>Function(width, column)</td>
6187</tr>
6188</tbody>
6189</table>
6190<h4 id="customrow-\u7528\u6CD5">customRow \u7528\u6CD5 <a class="header-anchor" href="#customrow-\u7528\u6CD5">
6191          <span aria-hidden="true" class="anchor">#</span>
6192        </a></h4>
6193<p>\u9002\u7528\u4E8E <code>customRow</code> <code>customHeaderRow</code> <code>customCell</code> <code>customHeaderCell</code>\u3002\u9075\u5FAA<a href="https://github.com/vuejs/babel-plugin-transform-vue-jsx" target="_blank" rel="noopener noreferrer">Vue jsx</a>\u8BED\u6CD5\u3002</p>
6194<pre class="language-jsx" v-pre><code><span class="token operator">&lt;</span>Table
6195  customRow<span class="token operator">=</span><span class="token punctuation">{</span><span class="token punctuation">(</span><span class="token parameter">record</span><span class="token punctuation">)</span> <span class="token operator">=></span> <span class="token punctuation">{</span>
6196    <span class="token keyword">return</span> <span class="token punctuation">{</span>
6197      xxx<span class="token operator">...</span> <span class="token comment">//\u5C5E\u6027</span>
6198      <span class="token function-variable function">onClick</span><span class="token operator">:</span> <span class="token punctuation">(</span><span class="token parameter">event</span><span class="token punctuation">)</span> <span class="token operator">=></span> <span class="token punctuation">{</span><span class="token punctuation">}</span><span class="token punctuation">,</span>

6198       <span class="token comment">// \u70B9\u51FB\u884C</span>
6199      <span class="token function-variable function">onDblclick</span><span class="token operator">:</span> <span class="token punctuation">(</span><span class="token parameter">event</span><span class="token punctuation">)</span> <span class="token operator">=></span> <span class="token punctuation">{</span><span class="token punctuation">}</span><span class="token punctuation">,</span>
6200      <span class="token function-variable function">onContextmenu</span><span class="token operator">:</span> <span class="token punctuation">(</span><span class="token parameter">event</span><span class="token punctuation">)</span> <span class="token operator">=></span> <span class="token punctuation">{</span><span class="token punctuation">}</span><span class="token punctuation">,</span>
6201      <span class="token function-variable function">onMouseenter</span><span class="token operator">:</span> <span class="token punctuation">(</span><span class="token parameter">event</span><span class="token punctuation">)</span> <span class="token operator">=></span> <span class="token punctuation">{</span><span class="token punctuation">}</span><span class="token punctuation">,</span>  <span class="token comment">// \u9F20\u6807\u79FB\u5165\u884C</span>
6202      <span class="token function-variable function">onMouseleave</span><span class="token operator">:</span> <span class="token punctuation">(</span><span class="token parameter">event</span><span class="token punctuation">)</span> <span class="token operator">=></span> <span class="token punctuation">{</span><span class="token punctuation">}</span>
6203    <span class="token punctuation">}</span><span class="token punctuation">;</span>
6204  <span class="token punctuation">}</span><span class="token punctuation">}</span>
6205  customHeaderRow<span class="token operator">=</span><span class="token punctuation">{</span><span class="token punctuation">(</span><span class="token parameter">columns<span class="token punctuation">,</span> index</span><span class="token punctuation">)</span> <span class="token operator">=></span> <span class="token punctuation">{</span>
6206    <span class="token keyword">return</span> <span class="token punctuation">{</span>
6207      <span class="token function-variable function">onClick</span><span class="token operator">:</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=></span> <span class="token punctuation">{</span><span class="token punctuation">}</span><span class="token punctuation">,</span>        <span class="token comment">// \u70B9\u51FB\u8868\u5934\u884C</span>
6208    <span class="token punctuation">}</span><span class="token punctuation">;</span>
6209  <span class="token punctuation">}</span><span class="token punctuation">}</span>
6210<span class="token operator">/</span><span class="token operator">></span>
6211</code></pre>
6212<h3 id="column">Column <a class="header-anchor" href="#column">
6213          <span aria-hidden="true" class="anchor">#</span>
6214        </a></h3>
6215<p>\u5217\u63CF\u8FF0\u6570\u636E\u5BF9\u8C61\uFF0C\u662F columns \u4E2D\u7684\u4E00\u9879\uFF0CColumn \u4F7F\u7528\u76F8\u540C\u7684 API\u3002</p>
6216<table>
6217<thead>
6218<tr>
6219<th>\u53C2\u6570</th>
6220<th>\u8BF4\u660E</th>
6221<th>\u7C7B\u578B</th>
6222<th>\u9ED8\u8BA4\u503C</th>
6223<th>\u7248\u672C</th>
6224</tr>
6225</thead>
6226<tbody>
6227<tr>
6228<td>align</td>
6229<td>\u8BBE\u7F6E\u5217\u7684\u5BF9\u9F50\u65B9\u5F0F</td>
6230<td><code>left</code> | <code>right</code> | <code>center</code></td>
6231<td><code>left</code></td>
6232<td></td>
6233</tr>
6234<tr>
6235<td>colSpan</td>
6236<td>\u8868\u5934\u5217\u5408\u5E76,\u8BBE\u7F6E\u4E3A 0 \u65F6\uFF0C\u4E0D\u6E32\u67D3</td>
6237<td>number</td>
6238<td></td>
6239<td></td>
6240</tr>
6241<tr>
6242<td>customCell</td>
6243<td>\u8BBE\u7F6E\u5355\u5143\u683C\u5C5E\u6027</td>
6244<td>Function(record, rowIndex, column)</td>
6245<td>-</td>
6246<td>column add from 3.0</td>
6247</tr>
6248<tr>
6249<td>customFilterDropdown</td>
6250<td>\u542F\u7528 v-slot:customFilterDropdown\uFF0C\u4F18\u5148\u7EA7\u4F4E\u4E8E filterDropdown</td>
6251<td>boolean</td>
6252<td>false</td>
6253<td>3.0</td>
6254</tr>
6255<tr>
6256<td>customHeaderCell</td>
6257<td>\u8BBE\u7F6E\u5934\u90E8\u5355\u5143\u683C\u5C5E\u6027</td>
6258<td>Function(column)</td>
6259<td>-</td>
6260<td></td>
6261</tr>
6262<tr>
6263<td>customRender</td>
6264<td>\u751F\u6210\u590D\u6742\u6570\u636E\u7684\u6E32\u67D3\u51FD\u6570\uFF0C\u53C2\u6570\u5206\u522B\u4E3A\u5F53\u524D\u884C\u7684\u503C\uFF0C\u5F53\u524D\u884C\u6570\u636E\uFF0C\u884C\u7D22\u5F15</td>
6265<td>Function({text, record, index, column}) {}</td>
6266<td>-</td>
6267<td></td>
6268</tr>
6269<tr>
6270<td>dataIndex</td>
6271<td>\u5217\u6570\u636E\u5728\u6570\u636E\u9879\u4E2D\u5BF9\u5E94\u7684\u8DEF\u5F84\uFF0C\u652F\u6301\u901A\u8FC7\u6570\u7EC4\u67E5\u8BE2\u5D4C\u5957\u8DEF\u5F84</td>
6272<td>string | string[]</td>
6273<td>-</td>
6274<td></td>
6275</tr>
6276<tr>
6277<td>defaultFilteredValue</td>
6278<td>\u9ED8\u8BA4\u7B5B\u9009\u503C</td>
6279<td>string[]</td>
6280<td>-</td>
6281<td>1.5.0</td>
6282</tr>
6283<tr>
6284<td>filterResetToDefaultFilteredValue</td>
6285<td>\u70B9\u51FB\u91CD\u7F6E\u6309\u94AE\u7684\u65F6\u5019\uFF0C\u662F\u5426\u6062\u590D\u9ED8\u8BA4\u7B5B\u9009\u503C</td>
6286<td>boolean</td>
6287<td>false</td>
6288<td>3.3.0</td>
6289</tr>
6290<tr>
6291<td>defaultSortOrder</td>
6292<td>\u9ED8\u8BA4\u6392\u5E8F\u987A\u5E8F</td>
6293<td><code>ascend</code> | <code>descend</code></td>
6294<td>-</td>
6295<td></td>
6296</tr>
6297<tr>
6298<td>ellipsis</td>
6299<td>\u8D85\u8FC7\u5BBD\u5EA6\u5C06\u81EA\u52A8\u7701\u7565\uFF0C\u6682\u4E0D\u652F\u6301\u548C\u6392\u5E8F\u7B5B\u9009\u4E00\u8D77\u4F7F\u7528\u3002<br />\u8BBE\u7F6E\u4E3A <code>true</code> \u6216 <code>{ showTitle?: boolean }</code> \u65F6\uFF0C\u8868\u683C\u5E03\u5C40\u5C06\u53D8\u6210 <code>tableLayout=&quot;fixed&quot;</code>\u3002</td>
6300<td>boolean | { showTitle?: boolean }</td>
6301<td>false</td>
6302<td>3.0</td>
6303</tr>
6304<tr>
6305<td>filterDropdown</td>
6306<td>\u53EF\u4EE5\u81EA\u5B9A\u4E49\u7B5B\u9009\u83DC\u5355\uFF0C\u6B64\u51FD\u6570\u53EA\u8D1F\u8D23\u6E32\u67D3\u56FE\u5C42\uFF0C\u9700\u8981\u81EA\u884C\u7F16\u5199\u5404\u79CD\u4EA4\u4E92</td>
6307<td>VNode | (props: FilterDropdownProps) =&gt; VNode</td>
6308<td>-</td>
6309<td></td>
6310</tr>
6311<tr>
6312<td>filterDropdownOpen</td>
6313<td>\u7528\u4E8E\u63A7\u5236\u81EA\u5B9A\u4E49\u7B5B\u9009\u83DC\u5355\u662F\u5426\u53EF\u89C1</td>
6314<td>boolean</td>
6315<td>-</td>
6316<td></td>
6317</tr>
6318<tr>
6319<td>filtered</td>
6320<td>\u6807\u8BC6\u6570\u636E\u662F\u5426\u7ECF\u8FC7\u8FC7\u6EE4\uFF0C\u7B5B\u9009\u56FE\u6807\u4F1A\u9AD8\u4EAE</td>
6321<td>boolean</td>
6322<td>false</td>
6323<td></td>
6324</tr>
6325<tr>
6326<td>filteredValue</td>
6327<td>\u7B5B\u9009\u7684\u53D7\u63A7\u5C5E\u6027\uFF0C\u5916\u754C\u53EF\u7528\u6B64\u63A7\u5236\u5217\u7684\u7B5B\u9009\u72B6\u6001\uFF0C\u503C\u4E3A\u5DF2\u7B5B\u9009\u7684 value \u6570\u7EC4</td>
6328<td>string[]</td>
6329<td>-</td>
6330<td></td>
6331</tr>
6332<tr>
6333<td>filterIcon</td>
6334<td>\u81EA\u5B9A\u4E49 filter \u56FE\u6807\u3002</td>
6335<td>VNode | ({filtered: boolean, column: Column}) =&gt; vNode</td>
6336<td>false</td>
6337<td></td>
6338</tr>
6339<tr>
6340<td>filterMode</td>
6341<td>\u6307\u5B9A\u7B5B\u9009\u83DC\u5355\u7684\u7528\u6237\u754C\u9762</td>
6342<td>'menu' | 'tree'</td>
6343<td>'menu'</td>
6344<td>3.0</td>
6345</tr>
6346<tr>
6347<td>filterMultiple</td>
6348<td>\u662F\u5426\u591A\u9009</td>
6349<td>boolean</td>
6350<td>true</td>
6351<td></td>
6352</tr>
6353<tr>
6354<td>filters</td>
6355<td>\u8868\u5934\u7684\u7B5B\u9009\u83DC\u5355\u9879</td>
6356<td>object[]</td>
6357<td>-</td>
6358<td></td>
6359</tr>
6360<tr>
6361<td>filterSearch</td>
6362<td>\u7B5B\u9009\u83DC\u5355\u9879\u662F\u5426\u53EF\u641C\u7D22</td>
6363<td>boolean | function(input, filter):boolean</td>
6364<td>false</td>
6365<td>boolean:3.0 function:3.3.0</td>
6366</tr>
6367<tr>
6368<td>fixed</td>
6369<td>\u5217\u662F\u5426\u56FA\u5B9A\uFF0C\u53EF\u9009 <code>true</code>(\u7B49\u6548\u4E8E left) <code>'left'</code> <code>'right'</code></td>
6370<td>boolean|string</td>
6371<td>false</td>
6372<td></td>
6373</tr>
6374<tr>
6375<td>key</td>
6376<td>Vue \u9700\u8981\u7684 key\uFF0C\u5982\u679C\u5DF2\u7ECF\u8BBE\u7F6E\u4E86\u552F\u4E00\u7684 <code>dataIndex</code>\uFF0C\u53EF\u4EE5\u5FFD\u7565\u8FD9\u4E2A\u5C5E\u6027</td>
6377<td>string</td>
6378<td>-</td>
6379<td></td>
6380</tr>
6381<tr>
6382<td>maxWidth</td>
6383<td>\u62D6\u52A8\u5217\u6700\u5927\u5BBD\u5EA6\uFF0C\u4F1A\u53D7\u5230\u8868\u683C\u81EA\u52A8\u8C03\u6574\u5206\u914D\u5BBD\u5EA6\u5F71\u54CD</td>
6384<td>number</td>
6385<td>-</td>
6386<td>3.0</td>
6387</tr>
6388<tr>
6389<td>minWidth</td>
6390<td>\u62D6\u52A8\u5217\u6700\u5C0F\u5BBD\u5EA6\uFF0C\u4F1A\u53D7\u5230\u8868\u683C\u81EA\u52A8\u8C03\u6574\u5206\u914D\u5BBD\u5EA6\u5F71\u54CD</td>
6391<td>number</td>
6392<td>50</td>
6393<td>3.0</td>
6394</tr>
6395<tr>
6396<td>resizable</td>
6397<td>\u662F\u5426\u53EF\u62D6\u52A8\u8C03\u6574\u5BBD\u5EA6\uFF0C\u6B64\u65F6 width \u5FC5\u987B\u662F number \u7C7B\u578B</td>
6398<td>boolean</td>
6399<td>-</td>
6400<td>3.0</td>
6401</tr>
6402<tr>
6403<td>responsive</td>
6404<td>\u54CD\u5E94\u5F0F breakpoint \u914D\u7F6E\u5217\u8868\u3002\u672A\u8BBE\u7F6E\u5219\u59CB\u7EC8\u53EF\u89C1\u3002</td>
6405<td><a href="#breakpoint">Breakpoint</a>[]</td>
6406<td>-</td>
6407<td>3.0</td>
6408</tr>
6409<tr>
6410<td>rowScope</td>
6411<td>\u8BBE\u7F6E\u5217\u8303\u56F4</td>
6412<td><code>row</code> | <code>rowgroup</code></td>
6413<td>-</td>
6414<td>4.0</td>
6415</tr>
6416<tr>
6417<td>showSorterTooltip</td>
6418<td>\u8868\u5934\u663E\u793A\u4E0B\u4E00\u6B21\u6392\u5E8F\u7684 tooltip \u63D0\u793A, \u8986\u76D6 table \u4E2D <code>showSorterTooltip</code></td>
6419<td>boolean | <a href="/components/tooltip/#api">Tooltip props</a></td>
6420<td>true</td>
6421<td></td>
6422</tr>
6423<tr>
6424<td>sortDirections</td>
6425<td>\u652F\u6301\u7684\u6392\u5E8F\u65B9\u5F0F\uFF0C\u53D6\u503C\u4E3A <code>'ascend'</code> <code>'descend'</code></td>
6426<td>Array</td>
6427<td><code>

6427['ascend', 'descend']</code></td>
6428<td>1.5.0</td>
6429</tr>
6430<tr>
6431<td>sorter</td>
6432<td>\u6392\u5E8F\u51FD\u6570\uFF0C\u672C\u5730\u6392\u5E8F\u4F7F\u7528\u4E00\u4E2A\u51FD\u6570(\u53C2\u8003 <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort" target="_blank" rel="noopener noreferrer">Array.sort</a> \u7684 compareFunction)\uFF0C\u9700\u8981\u670D\u52A1\u7AEF\u6392\u5E8F\u53EF\u8BBE\u4E3A true</td>
6433<td>Function|boolean</td>
6434<td>-</td>
6435<td></td>
6436</tr>
6437<tr>
6438<td>sortOrder</td>
6439<td>\u6392\u5E8F\u7684\u53D7\u63A7\u5C5E\u6027\uFF0C\u5916\u754C\u53EF\u7528\u6B64\u63A7\u5236\u5217\u7684\u6392\u5E8F\uFF0C\u53EF\u8BBE\u7F6E\u4E3A <code>'ascend'</code> <code>'descend'</code> <code>null</code></td>
6440<td>string</td>
6441<td>-</td>
6442<td></td>
6443</tr>
6444<tr>
6445<td>title</td>
6446<td>\u5217\u5934\u663E\u793A\u6587\u5B57</td>
6447<td>string</td>
6448<td>-</td>
6449<td></td>
6450</tr>
6451<tr>
6452<td>width</td>
6453<td>\u5217\u5BBD\u5EA6</td>
6454<td>string|number</td>
6455<td>-</td>
6456<td></td>
6457</tr>
6458<tr>
6459<td>onFilter</td>
6460<td>\u672C\u5730\u6A21\u5F0F\u4E0B\uFF0C\u786E\u5B9A\u7B5B\u9009\u7684\u8FD0\u884C\u51FD\u6570, \u4F7F\u7528 template \u6216 jsx \u65F6\u4F5C\u4E3A<code>filter</code>\u4E8B\u4EF6\u4F7F\u7528</td>
6461<td>Function</td>
6462<td>-</td>
6463<td></td>
6464</tr>
6465<tr>
6466<td>onFilterDropdownOpenChange</td>
6467<td>\u81EA\u5B9A\u4E49\u7B5B\u9009\u83DC\u5355\u53EF\u89C1\u53D8\u5316\u65F6\u8C03\u7528\uFF0C\u4F7F\u7528 template \u6216 jsx \u65F6\u4F5C\u4E3A<code>filterDropdownOpenChange</code>\u4E8B\u4EF6\u4F7F\u7528</td>
6468<td>function(open) {}</td>
6469<td>-</td>
6470<td>4.0</td>
6471</tr>
6472</tbody>
6473</table>
6474<h4 id="breakpoint">Breakpoint <a class="header-anchor" href="#breakpoint">
6475          <span aria-hidden="true" class="anchor">#</span>
6476        </a></h4>
6477<pre class="language-ts" v-pre><code><span class="token keyword">type</span> <span class="token class-name">Breakpoint</span> <span class="token operator">=</span> <span class="token string">'xxxl'</span> <span class="token operator">|</span> <span class="token string">'xxl'</span> <span class="token operator">|</span> <span class="token string">'xl'</span> <span class="token operator">|</span> <span class="token string">'lg'</span> <span class="token operator">|</span> <span class="token string">'md'</span> <span class="token operator">|</span> <span class="token string">'sm'</span> <span class="token operator">|</span> <span class="token string">'xs'</span><span class="token punctuation">;</span>
6478</code></pre>
6479<h3 id="columngroup">ColumnGroup <a class="header-anchor" href="#columngroup">
6480          <span aria-hidden="true" class="anchor">#</span>
6481        </a></h3>
6482<table>
6483<thead>
6484<tr>
6485<th>\u53C2\u6570</th>
6486<th>\u8BF4\u660E</th>
6487<th>\u7C7B\u578B</th>
6488<th>\u9ED8\u8BA4\u503C</th>
6489</tr>
6490</thead>
6491<tbody>
6492<tr>
6493<td>title</td>
6494<td>\u5217\u5934\u663E\u793A\u6587\u5B57</td>
6495<td>string|slot</td>
6496<td>-</td>
6497</tr>
6498</tbody>
6499</table>
6500<h3 id="pagination">pagination <a class="header-anchor" href="#pagination">
6501          <span aria-hidden="true" class="anchor">#</span>
6502        </a></h3>
6503<p>\u5206\u9875\u7684\u914D\u7F6E\u9879\u3002</p>
6504<table>
6505<thead>
6506<tr>
6507<th>\u53C2\u6570</th>
6508<th>\u8BF4\u660E</th>
6509<th>\u7C7B\u578B</th>
6510<th>\u9ED8\u8BA4\u503C</th>
6511</tr>
6512</thead>
6513<tbody>
6514<tr>
6515<td>position</td>
6516<td>\u6307\u5B9A\u5206\u9875\u663E\u793A\u7684\u4F4D\u7F6E\uFF0C \u53D6\u503C\u4E3A<code>topLeft</code> | <code>topCenter</code> | <code>topRight</code> |<code>bottomLeft</code> | <code>bottomCenter</code> | <code>bottomRight</code></td>
6517<td>Array</td>
6518<td>[<code>bottomRight</code>]</td>
6519</tr>
6520</tbody>
6521</table>
6522<p>\u66F4\u591A\u914D\u7F6E\u9879\uFF0C\u8BF7\u67E5\u770B <a href="/components/pagination/"><code>Pagination</code></a>\u3002</p>
6523<h3 id="rowselection">rowSelection <a class="header-anchor" href="#rowselection">
6524          <span aria-hidden="true" class="anchor">#</span>
6525        </a></h3>
6526<p>\u9009\u62E9\u529F\u80FD\u7684\u914D\u7F6E\u3002</p>
6527<table>
6528<thead>
6529<tr>
6530<th>\u53C2\u6570</th>
6531<th>\u8BF4\u660E</th>
6532<th>\u7C7B\u578B</th>
6533<th>\u9ED8\u8BA4\u503C</th>
6534<th>\u7248\u672C</th>
6535</tr>
6536</thead>
6537<tbody>
6538<tr>
6539<td>checkStrictly</td>
6540<td>checkable \u72B6\u6001\u4E0B\u8282\u70B9\u9009\u62E9\u5B8C\u5168\u53D7\u63A7\uFF08\u7236\u5B50\u6570\u636E\u9009\u4E2D\u72B6\u6001\u4E0D\u518D\u5173\u8054\uFF09</td>
6541<td>boolean</td>
6542<td>true</td>
6543<td>3.0</td>
6544</tr>
6545<tr>
6546<td>columnTitle</td>
6547<td>\u81EA\u5B9A\u4E49\u5217\u8868\u9009\u62E9\u6846\u6807\u9898</td>
6548<td>string|VNode</td>
6549<td>-</td>
6550<td></td>
6551</tr>
6552<tr>
6553<td>columnWidth</td>
6554<td>\u81EA\u5B9A\u4E49\u5217\u8868\u9009\u62E9\u6846\u5BBD\u5EA6</td>
6555<td>string|number</td>
6556<td>-</td>
6557<td></td>
6558</tr>
6559<tr>
6560<td>fixed</td>
6561<td>\u628A\u9009\u62E9\u6846\u5217\u56FA\u5B9A\u5728\u5DE6\u8FB9</td>
6562<td>boolean</td>
6563<td>-</td>
6564<td></td>
6565</tr>
6566<tr>
6567<td>getCheckboxProps</td>
6568<td>\u9009\u62E9\u6846\u7684\u9ED8\u8BA4\u5C5E\u6027\u914D\u7F6E</td>
6569<td>Function(record)</td>
6570<td>-</td>
6571<td></td>
6572</tr>
6573<tr>
6574<td>hideDefaultSelections</td>
6575<td>\u53BB\u6389\u300E\u5168\u9009\u300F\u300E\u53CD\u9009\u300F\u4E24\u4E2A\u9ED8\u8BA4\u9009\u9879</td>
6576<td>boolean</td>
6577<td>false</td>
6578<td></td>
6579</tr>
6580<tr>
6581<td>hideSelectAll</td>
6582<td>\u9690\u85CF\u5168\u9009\u52FE\u9009\u6846\u4E0E\u81EA\u5B9A\u4E49\u9009\u62E9\u9879</td>
6583<td>boolean</td>
6584<td>false</td>
6585<td>3.0</td>
6586</tr>
6587<tr>
6588<td>preserveSelectedRowKeys</td>
6589<td>\u5F53\u6570\u636E\u88AB\u5220\u9664\u65F6\u4ECD\u7136\u4FDD\u7559\u9009\u9879\u7684 <code>key</code></td>
6590<td>boolean</td>
6591<td>-</td>
6592<td>3.0</td>
6593</tr>
6594<tr>
6595<td>selectedRowKeys</td>
6596<td>\u6307\u5B9A\u9009\u4E2D\u9879\u7684 key \u6570\u7EC4\uFF0C\u9700\u8981\u548C onChange \u8FDB\u884C\u914D\u5408</td>
6597<td>string[]</td>
6598<td>[]</td>
6599<td></td>
6600</tr>
6601<tr>
6602<td>selections</td>
6603<td>\u81EA\u5B9A\u4E49\u9009\u62E9\u9879 <a href="#selection">\u914D\u7F6E\u9879</a>, \u8BBE\u4E3A <code>true</code> \u65F6\u4F7F\u7528\u9ED8\u8BA4\u9009\u62E9\u9879</td>
6604<td>object[] | boolean</td>
6605<td>true</td>
6606<td></td>
6607</tr>
6608<tr>
6609<td>type</td>
6610<td>\u591A\u9009/\u5355\u9009\uFF0C<code>checkbox</code> or <code>radio</code></td>
6611<td>string</td>
6612<td><code>checkbox</code></td>
6613<td></td>
6614</tr>
6615<tr>
6616<td>

6616onChange</td>
6617<td>\u9009\u4E2D\u9879\u53D1\u751F\u53D8\u5316\u65F6\u7684\u56DE\u8C03</td>
6618<td>Function(selectedRowKeys, selectedRows)</td>
6619<td>-</td>
6620<td></td>
6621</tr>
6622<tr>
6623<td>onSelect</td>
6624<td>\u7528\u6237\u624B\u52A8\u9009\u62E9/\u53D6\u6D88\u9009\u62E9\u67D0\u5217\u7684\u56DE\u8C03</td>
6625<td>Function(record, selected, selectedRows, nativeEvent)</td>
6626<td>-</td>
6627<td></td>
6628</tr>
6629<tr>
6630<td>onSelectAll</td>
6631<td>\u7528\u6237\u624B\u52A8\u9009\u62E9/\u53D6\u6D88\u9009\u62E9\u6240\u6709\u5217\u7684\u56DE\u8C03</td>
6632<td>Function(selected, selectedRows, changeRows)</td>
6633<td>-</td>
6634<td></td>
6635</tr>
6636<tr>
6637<td>onSelectInvert</td>
6638<td>\u7528\u6237\u624B\u52A8\u9009\u62E9\u53CD\u9009\u7684\u56DE\u8C03</td>
6639<td>Function(selectedRows)</td>
6640<td>-</td>
6641<td></td>
6642</tr>
6643<tr>
6644<td>onSelectNone</td>
6645<td>\u7528\u6237\u6E05\u7A7A\u9009\u62E9\u7684\u56DE\u8C03</td>
6646<td>function()</td>
6647<td>-</td>
6648<td>3.0</td>
6649</tr>
6650</tbody>
6651</table>
6652<h3 id="scroll">scroll <a class="header-anchor" href="#scroll">
6653          <span aria-hidden="true" class="anchor">#</span>
6654        </a></h3>
6655<table>
6656<thead>
6657<tr>
6658<th>\u53C2\u6570</th>
6659<th>\u8BF4\u660E</th>
6660<th>\u7C7B\u578B</th>
6661<th>\u9ED8\u8BA4\u503C</th>
6662</tr>
6663</thead>
6664<tbody>
6665<tr>
6666<td>scrollToFirstRowOnChange</td>
6667<td>\u5F53\u5206\u9875\u3001\u6392\u5E8F\u3001\u7B5B\u9009\u53D8\u5316\u540E\u662F\u5426\u6EDA\u52A8\u5230\u8868\u683C\u9876\u90E8</td>
6668<td>boolean</td>
6669<td>-</td>
6670</tr>
6671<tr>
6672<td>x</td>
6673<td>\u8BBE\u7F6E\u6A2A\u5411\u6EDA\u52A8\uFF0C\u4E5F\u53EF\u7528\u4E8E\u6307\u5B9A\u6EDA\u52A8\u533A\u57DF\u7684\u5BBD\uFF0C\u53EF\u4EE5\u8BBE\u7F6E\u4E3A\u50CF\u7D20\u503C\uFF0C\u767E\u5206\u6BD4\uFF0Ctrue \u548C <a href="https://developer.mozilla.org/zh-CN/docs/Web/CSS/width#max-content" target="_blank" rel="noopener noreferrer">'max-content'</a></td>
6674<td>string | number | true</td>
6675<td>-</td>
6676</tr>
6677<tr>
6678<td>y</td>
6679<td>\u8BBE\u7F6E\u7EB5\u5411\u6EDA\u52A8\uFF0C\u4E5F\u53EF\u7528\u4E8E\u6307\u5B9A\u6EDA\u52A8\u533A\u57DF\u7684\u9AD8\uFF0C\u53EF\u4EE5\u8BBE\u7F6E\u4E3A\u50CF\u7D20\u503C</td>
6680<td>string | number</td>
6681<td>-</td>
6682</tr>
6683</tbody>
6684</table>
6685<h3 id="selection">selection <a class="header-anchor" href="#selection">
6686          <span aria-hidden="true" class="anchor">#</span>
6687        </a></h3>
6688<p>\u81EA\u5B9A\u4E49\u9009\u62E9\u914D\u7F6E\u9879</p>
6689<table>
6690<thead>
6691<tr>
6692<th>\u53C2\u6570</th>
6693<th>\u8BF4\u660E</th>
6694<th>\u7C7B\u578B</th>
6695<th>\u9ED8\u8BA4\u503C</th>
6696</tr>
6697</thead>
6698<tbody>
6699<tr>
6700<td>key</td>
6701<td>Vue \u9700\u8981\u7684 key\uFF0C\u5EFA\u8BAE\u8BBE\u7F6E</td>
6702<td>string</td>
6703<td>-</td>
6704</tr>
6705<tr>
6706<td>text</td>
6707<td>\u9009\u62E9\u9879\u663E\u793A\u7684\u6587\u5B57</td>
6708<td>string|VNode</td>
6709<td>-</td>
6710</tr>
6711<tr>
6712<td>onSelect</td>
6713<td>\u9009\u62E9\u9879\u70B9\u51FB\u56DE\u8C03</td>
6714<td>Function(changeableRowKeys)</td>
6715<td>-</td>
6716</tr>
6717</tbody>
6718</table>
6719<h3 id="filterdropdownprops">FilterDropdownProps <a class="header-anchor" href="#filterdropdownprops">
6720          <span aria-hidden="true" class="anchor">#</span>
6721        </a></h3>
6722<pre class="language-ts" v-pre><code><span class="token keyword">interface</span> <span class="token class-name">FilterDropdownProps</span> <span class="token punctuation">{</span>
6723  prefixCls<span class="token operator">:</span> <span class="token builtin">string</span><span class="token punctuation">;</span>
6724  <span class="token function-variable function">setSelectedKeys</span><span class="token operator">:</span> <span class="token punctuation">(</span>selectedKeys<span class="token operator">:</span> Key<span class="token punctuation">[</span><span class="token punctuation">]</span><span class="token punctuation">)</span> <span class="token operator">=></span> <span class="token keyword">void</span><span class="token punctuation">;</span>
6725  selectedKeys<span class="token operator">:</span> Key<span class="token punctuation">[</span><span class="token punctuation">]</span><span class="token punctuation">;</span>
6726  <span class="token function-variable function">confirm</span><span class="token operator">:</span> <span class="token punctuation">(</span>param<span class="token operator">?</span><span class="token operator">:</span> FilterConfirmProps<span class="token punctuation">)</span> <span class="token operator">=></span> <span class="token keyword">void</span><span class="token punctuation">;</span>
6727  clearFilters<span class="token operator">?</span><span class="token operator">:</span> <span class="token punctuation">(</span>param<span class="token operator">?</span><span class="token operator">:</span> FilterResetProps<span class="token punctuation">)</span> <span class="token operator">=></span> <span class="token keyword">void</span><span class="token punctuation">;</span>
6728  filters<span class="token operator">?</span><span class="token operator">:</span> ColumnFilterItem<span class="token punctuation">[</span><span class="token punctuation">]</span><span class="token punctuation">;</span>
6729  visible<span class="token operator">:</span> <span class="token builtin">boolean</span><span class="token punctuation">;</span>
6730  column<span class="token operator">:</span> ColumnType<span class="token punctuation">;</span>
6731<span class="token punctuation">}</span>
6732
6733<span class="token keyword">interface</span> <span class="token class-name">FilterConfirmProps</span> <span class="token punctuation">{</span>
6734  closeDropdown<span class="token operator">:</span> <span class="token builtin">boolean</span><span class="token punctuation">;</span>
6735<span class="token punctuation">}</span>
6736
6737<span class="token keyword">interface</span> <span class="token class-name">FilterResetProps</span> <span class="token punctuation">{</span>
6738  confirm<span class="token operator">?</span><span class="token operator">:</span> <span class="token builtin">boolean</span><span class="token punctuation">;</span>
6739  closeDropdown<span class="token operator">?</span><span class="token operator">:</span> <span class="token builtin">boolean</span><span class="token punctuation">;</span>
6740<span class="token punctuation">}</span>
6741</code></pre>
6742<h2 id="\u6CE8\u610F">\u6CE8\u610F <a class="header-anchor" href="#\u6CE8\u610F">

6743          <span aria-hidden="true" class="anchor">#</span>
6744        </a></h2>
6745<p>\u5728 Table \u4E2D\uFF0C<code>dataSource</code> \u548C <code>columns</code> \u91CC\u7684\u6570\u636E\u503C\u90FD\u9700\u8981\u6307\u5B9A <code>key</code> \u503C\u3002\u5BF9\u4E8E <code>dataSource</code> \u9ED8\u8BA4\u5C06\u6BCF\u5217\u6570\u636E\u7684 <code>key</code> \u5C5E\u6027\u4F5C\u4E3A\u552F\u4E00\u7684\u6807\u8BC6\u3002</p>
6746<p>\u5982\u679C\u4F60\u7684\u6570\u636E\u6CA1\u6709\u8FD9\u4E2A\u5C5E\u6027\uFF0C\u52A1\u5FC5\u4F7F\u7528 <code>rowKey</code> \u6765\u6307\u5B9A\u6570\u636E\u5217\u7684\u4E3B\u952E\u3002\u82E5\u6CA1\u6709\u6307\u5B9A\uFF0C\u63A7\u5236\u53F0\u4F1A\u51FA\u73B0\u7F3A\u5C11 key \u7684\u63D0\u793A\uFF0C\u8868\u683C\u7EC4\u4EF6\u4E5F\u4F1A\u51FA\u73B0\u5404\u7C7B\u5947\u602A\u7684\u9519\u8BEF\u3002</p>
6747<pre class="language-jsx" v-pre><code><span class="token comment">// \u6BD4\u5982\u4F60\u7684\u6570\u636E\u4E3B\u952E\u662F uid</span>
6748<span class="token keyword">return</span> <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span><span class="token class-name">Table</span></span> <span class="token attr-name">rowKey</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>uid<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span><span class="token punctuation">;</span>
6749<span class="token comment">// \u6216</span>
6750<span class="token keyword">return</span> <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span><span class="token class-name">Table</span></span> <span class="token attr-name">rowKey</span><span class="token script language-javascript"><span class="token script-punctuation punctuation">=</span><span class="token punctuation">{</span><span class="token parameter">record</span> <span class="token operator">=></span> record<span class="token punctuation">.</span>uid<span class="token punctuation">}</span></span> <span class="token punctuation">/></span></span><span class="token punctuation">;</span>
6751</code></pre>
6752<h2 id="faq">FAQ <a class="header-anchor" href="#faq">
6753          <span aria-hidden="true" class="anchor">#</span>
6754        </a></h2>
6755<h3 id="\u5982\u4F55\u5728\u6CA1\u6709\u6570\u636E\u6216\u53EA\u6709\u4E00\u9875\u6570\u636E\u65F6\u9690\u85CF\u5206\u9875\u680F">\u5982\u4F55\u5728\u6CA1\u6709\u6570\u636E\u6216\u53EA\u6709\u4E00\u9875\u6570\u636E\u65F6\u9690\u85CF\u5206\u9875\u680F <a class="header-anchor" href="#\u5982\u4F55\u5728\u6CA1\u6709\u6570\u636E\u6216\u53EA\u6709\u4E00\u9875\u6570\u636E\u65F6\u9690\u85CF\u5206\u9875\u680F">
6756          <span aria-hidden="true" class="anchor">#</span>
6757        </a></h3>
6758<p>\u4F60\u53EF\u4EE5\u8BBE\u7F6E <code>pagination</code> \u7684 <code>hideOnSinglePage</code> \u5C5E\u6027\u4E3A <code>true</code>\u3002</p>
6759<h3 id="\u8868\u683C\u8FC7\u6EE4\u65F6\u4F1A\u56DE\u5230\u7B2C\u4E00\u9875\uFF1F">\u8868\u683C\u8FC7\u6EE4\u65F6\u4F1A\u56DE\u5230\u7B2C\u4E00\u9875\uFF1F <a class="header-anchor" href="#\u8868\u683C\u8FC7\u6EE4\u65F6\u4F1A\u56DE\u5230\u7B2C\u4E00\u9875\uFF1F">
6760          <span aria-hidden="true" class="anchor">#</span>
6761        </a></h3>
6762<p>\u524D\u7AEF\u8FC7\u6EE4\u65F6\u901A\u5E38\u6761\u76EE\u603B\u6570\u4F1A\u51CF\u5C11\uFF0C\u4ECE\u800C\u5BFC\u81F4\u603B\u9875\u6570\u5C0F\u4E8E\u7B5B\u9009\u524D\u7684\u5F53\u524D\u9875\u6570\uFF0C\u4E3A\u4E86\u9632\u6B62\u5F53\u524D\u9875\u9762\u6CA1\u6709\u6570\u636E\uFF0C\u6211\u4EEC\u9ED8\u8BA4\u4F1A\u8FD4\u56DE\u7B2C\u4E00\u9875\u3002</p>
6763<p>\u5982\u679C\u4F60\u5728\u4F7F\u7528\u8FDC\u7A0B\u5206\u9875\uFF0C\u5F88\u53EF\u80FD\u9700\u8981\u4FDD\u6301\u5F53\u524D\u9875\u9762\uFF0C\u4F60\u53EF\u4EE5\u624B\u52A8\u63A7\u5236\u5F53\u524D\u9875\u9762\u4E0D\u53D8\u3002</p>
6764<h3 id="\u8868\u683C\u5206\u9875\u4E3A\u4F55\u4F1A\u51FA\u73B0-size-\u5207\u6362\u5668\uFF1F">\u8868\u683C\u5206\u9875\u4E3A\u4F55\u4F1A\u51FA\u73B0 size \u5207\u6362\u5668\uFF1F <a class="header-anchor" href="#\u8868\u683C\u5206\u9875\u4E3A\u4F55\u4F1A\u51FA\u73B0-size-\u5207\u6362\u5668\uFF1F">

6765          <span aria-hidden="true" class="anchor">#</span>
6766        </a></h3>
6767<p>\u81EA <code>3.0</code> \u8D77\uFF0CPagination \u5728 <code>total</code> \u5927\u4E8E 50 \u6761\u65F6\u4F1A\u9ED8\u8BA4\u663E\u793A size \u5207\u6362\u5668\u4EE5\u63D0\u5347\u7528\u6237\u4EA4\u4E92\u4F53\u9A8C\u3002\u5982\u679C\u4F60\u4E0D\u9700\u8981\u8BE5\u529F\u80FD\uFF0C\u53EF\u4EE5\u901A\u8FC7\u8BBE\u7F6E <code>showSizeChanger</code> \u4E3A <code>false</code> \u6765\u5173\u95ED\u3002</p>
6768<h3 id="\u56FA\u5B9A\u5217\u7A7F\u900F\u5230\u6700\u4E0A\u5C42\u8BE5\u600E\u4E48\u529E\uFF1F">\u56FA\u5B9A\u5217\u7A7F\u900F\u5230\u6700\u4E0A\u5C42\u8BE5\u600E\u4E48\u529E\uFF1F <a class="header-anchor" href="#\u56FA\u5B9A\u5217\u7A7F\u900F\u5230\u6700\u4E0A\u5C42\u8BE5\u600E\u4E48\u529E\uFF1F">
6769          <span aria-hidden="true" class="anchor">#</span>
6770        </a></h3>
6771<p>\u56FA\u5B9A\u5217\u901A\u8FC7 <code>z-index</code> \u5C5E\u6027\u5C06\u5176\u60AC\u6D6E\u4E8E\u975E\u56FA\u5B9A\u5217\u4E4B\u4E0A\uFF0C\u8FD9\u4F7F\u5F97\u6709\u65F6\u5019\u4F60\u4F1A\u53D1\u73B0\u5728 Table \u4E0A\u653E\u7F6E\u906E\u7F69\u5C42\u65F6\u56FA\u5B9A\u5217\u4F1A\u88AB\u900F\u8FC7\u7684\u60C5\u51B5\u3002\u4E3A\u906E\u7F69\u5C42\u8BBE\u7F6E\u66F4\u9AD8\u7684 <code>z-index</code> \u8986\u76D6\u4F4F\u56FA\u5B9A\u5217\u5373\u53EF\u3002</p>
6772`,lastUpdated:1784881770208}},se={class:"markdown"};function te(t,o,p,c,s,e){return m(),W("article",se,[...o[0]||(o[0]=[Wa(`<p>\u5C55\u793A\u884C\u5217\u6570\u636E\u3002</p><h2 id="\u8BBE\u8BA1\u5E08\u4E13\u5C5E">\u8BBE\u8BA1\u5E08\u4E13\u5C5E <a class="header-anchor" href="#\u8BBE\u8BA1\u5E08\u4E13\u5C5E"><span aria-hidden="true" class="anchor">#</span></a></h2><p>\u5B89\u88C5 <a href="https://kitchen.alipay.com/" target="_blank" rel="noopener noreferrer">Kitchen Sketch \u63D2\u4EF6 \u{1F48E}</a>\uFF0C\u4E24\u6B65\u5C31\u53EF\u4EE5\u81EA\u52A8\u751F\u6210 Ant Design \u8868\u683C\u7EC4\u4EF6\u3002</p><h2 id="\u4F55\u65F6\u4F7F\u7528">\u4F55\u65F6\u4F7F\u7528 <a class="header-anchor" href="#\u4F55\u65F6\u4F7F\u7528"><span aria-hidden="true" class="anchor">#</span></a></h2><ul><li>\u5F53\u6709\u5927\u91CF\u7ED3\u6784\u5316\u7684\u6570\u636E\u9700\u8981\u5C55\u73B0\u65F6\uFF1B</li><li>\u5F53\u9700\u8981\u5BF9\u6570\u636E\u8FDB\u884C\u6392\u5E8F\u3001\u641C\u7D22\u3001\u5206\u9875\u3001\u81EA\u5B9A\u4E49\u64CD\u4F5C\u7B49\u590D\u6742\u884C\u4E3A\u65F6\u3002</li></ul><h2 id="\u5982\u4F55\u4F7F\u7528">\u5982\u4F55\u4F7F\u7528 <a class="header-anchor" href="#\u5982\u4F55\u4F7F\u7528"><span aria-hidden="true" class="anchor">#</span></a></h2><p>\u6307\u5B9A\u8868\u683C\u7684\u6570\u636E\u6E90 <code>dataSource</code> \u4E3A\u4E00\u4E2A\u6570\u7EC4\u3002</p><pre class="language-html"><code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>template</span><span class="token punctuation">&gt;</span></span>
6773  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-table</span> <span class="token attr-name">:dataSource</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>dataSource<span class="token punctuation">&quot;</span></span> <span class="token attr-name">:columns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>columns<span class="token punctuation">&quot;</span></span> <span class="token punctuation">/&gt;</span></span>
6774<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>template</span><span class="token punctuation">&gt;</span></span>
6775<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">&gt;</span></span><span class="token script"><span class="token language-javascript">
6776  <span class="token keyword">export</span> <span class="token keyword">default</span> <span class="token punctuation">{</span>
6777    <span class="token function">setup</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>

6778      <span class="token keyword">return</span> <span class="token punctuation">{</span>
6779        <span class="token literal-property property">dataSource</span><span class="token operator">:</span> <span class="token punctuation">[</span>
6780          <span class="token punctuation">{</span>
6781            <span class="token literal-property property">key</span><span class="token operator">:</span> <span class="token string">&#39;1&#39;</span><span class="token punctuation">,</span>
6782            <span class="token literal-property property">name</span><span class="token operator">:</span> <span class="token string">&#39;\u80E1\u5F66\u658C&#39;</span><span class="token punctuation">,</span>
6783            <span class="token literal-property property">age</span><span class="token operator">:</span> <span class="token number">32</span><span class="token punctuation">,</span>
6784            <span class="token literal-property property">address</span><span class="token operator">:</span> <span class="token string">&#39;\u897F\u6E56\u533A\u6E56\u5E95\u516C\u56ED1\u53F7&#39;</span><span class="token punctuation">,</span>
6785          <span class="token punctuation">}</span><span class="token punctuation">,</span>
6786          <span class="token punctuation">{</span>
6787            <span class="token literal-property property">key</span><span class="token operator">:</span> <span class="token string">&#39;2&#39;</span><span class="token punctuation">,</span>
6788            <span class="token literal-property property">name</span><span class="token operator">:</span> <span class="token string">&#39;\u80E1\u5F66\u7956&#39;</span><span class="token punctuation">,</span>
6789            <span class="token literal-property property">age</span><span class="token operator">:</span> <span class="token number">42</span><span class="token punctuation">,</span>
6790            <span class="token literal-property property">address</span><span class="token operator">:</span> <span class="token string">&#39;\u897F\u6E56\u533A\u6E56\u5E95\u516C\u56ED1\u53F7&#39;</span><span class="token punctuation">,</span>
6791          <span class="token punctuation">}</span><span class="token punctuation">,</span>
6792        <span class="token punctuation">]</span><span class="token punctuation">,</span>
6793
6794        <span class="token literal-property property">columns</span><span class="token operator">:</span> <span class="token punctuation">[</span>
6795          <span class="token punctuation">{</span>
6796            <span class="token literal-property property">title</span><span class="token operator">:</span> <span class="token string">&#39;\u59D3\u540D&#39;</span><span class="token punctuation">,</span>
6797            <span class="token literal-property property">dataIndex</span><span class="token operator">:</span> <span class="token string">&#39;name&#39;</span><span class="token punctuation">,</span>
6798            <span class="token literal-property property">key</span><span class="token operator">:</span> <span class="token string">&#39;name&#39;</span><span class="token punctuation">,</span>
6799          <span class="token punctuation">}</span><span class="token punctuation">,</span>
6800          <span class="token punctuation">{</span>
6801            <span class="token literal-property property">title</span><span class="token operator">:</span> <span class="token string">&#39;\u5E74\u9F84&#39;</span><span class="token punctuation">,</span>
6802            <span class="token literal-property property">dataIndex</span><span class="token operator">:</span> <span class="token string">&#39;age&#39;</span><span class="token punctuation">,</span>
6803            <span class="token literal-property property">key</span><span class="token operator">:</span> <span class="token string">&#39;age&#39;</span><span class="token punctuation">,</span>
6804          <span class="token punctuation">}</span><span class="token punctuation">,</span>
6805          <span class="token punctuation">{</span>
6806            <span class="token literal-property property">title</span><span class="token operator">:</span> <span class="token string">&#39;\u4F4F\u5740&#39;</span><span class="token punctuation">,</span>

6807            <span class="token literal-property property">dataIndex</span><span class="token operator">:</span> <span class="token string">&#39;address&#39;</span><span class="token punctuation">,</span>
6808            <span class="token literal-property property">key</span><span class="token operator">:</span> <span class="token string">&#39;address&#39;</span><span class="token punctuation">,</span>
6809          <span class="token punctuation">}</span><span class="token punctuation">,</span>
6810        <span class="token punctuation">]</span><span class="token punctuation">,</span>
6811      <span class="token punctuation">}</span><span class="token punctuation">;</span>
6812    <span class="token punctuation">}</span><span class="token punctuation">,</span>
6813  <span class="token punctuation">}</span><span class="token punctuation">;</span>
6814</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">&gt;</span></span>
6815</code></pre><h2 id="api">API <a class="header-anchor" href="#api"><span aria-hidden="true" class="anchor">#</span></a></h2><h3 id="table">Table <a class="header-anchor" href="#table"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>\u53C2\u6570</th><th>\u8BF4\u660E</th><th>\u7C7B\u578B</th><th>\u9ED8\u8BA4\u503C</th><th>\u7248\u672C</th></tr></thead><tbody><tr><td>bodyCell</td><td>\u4E2A\u6027\u5316\u5355\u5143\u683C</td><td>v-slot:bodyCell=&quot;{text, record, index, column}&quot;</td><td>-</td><td>3.0</td></tr><tr><td>bordered</td><td>\u662F\u5426\u5C55\u793A\u5916\u8FB9\u6846\u548C\u5217\u8FB9\u6846</td><td>boolean</td><td>false</td><td></td></tr><tr><td>childrenColumnName</td><td>\u6307\u5B9A\u6811\u5F62\u7ED3\u6784\u7684\u5217\u540D</td><td>string</td><td><code>children</code></td><td></td></tr><tr><td>columns</td><td>\u8868\u683C\u5217\u7684\u914D\u7F6E\u63CF\u8FF0\uFF0C\u5177\u4F53\u9879\u89C1<a href="#column">\u4E0B\u8868</a></td><td>array</td><td>-</td><td></td></tr><tr><td>components</td><td>\u8986\u76D6\u9ED8\u8BA4\u7684 table \u5143\u7D20</td><td>object</td><td>-</td><td></td></tr><tr><td>customFilterDropdown</td><td>\u81EA\u5B9A\u4E49\u7B5B\u9009\u83DC\u5355\uFF0C\u9700\u8981\u914D\u5408 <code>column.customFilterDropdown</code> \u4F7F\u7528</td><td>v-slot:customFilterDropdown=&quot;<a href="#filterdropdownprops">FilterDropdownProps</a>&quot;</td><td>-</td><td>3.0</td></tr><tr><td>customFilterIcon</td><td>\u81EA\u5B9A\u4E49\u7B5B\u9009\u56FE\u6807</td><td>v-slot:customFilterIcon=&quot;{filtered, column}&quot;</td><td>-</td><td>3.0</td></tr><tr><td>customHeaderRow</td><td>\u8BBE\u7F6E\u5934\u90E8\u884C\u5C5E\u6027</td><td>Function(columns, index)</td><td>-</td><td></td></tr><tr><td>customRow</td><td>\u8BBE\u7F6E\u884C\u5C5E\u6027</td><td>Function(record, index)</td><td>-</td><td></td></tr><tr><td>dataSource</td><td>\u6570\u636E\u6570\u7EC4</td><td>object[]</td><td></td><td></td></tr><tr><td>defaultExpandAllRows</td><td>\u521D\u59CB\u65F6\uFF0C\u662F\u5426\u5C55\u5F00\u6240\u6709\u884C</td><td>boolean</td><td>false</td><td></td></tr><tr><td>defaultExpandedRowKeys</td><td>\u9ED8\u8BA4\u5C55\u5F00\u7684\u884C</td><td>string[]</td><td>-</td><td></td></tr><tr><td>emptyText</td><td>\u81EA\u5B9A\u4E49\u7A7A\u6570\u636E\u65F6\u7684\u663E\u793A\u5185\u5BB9</td><td>v-slot:emptyText</td><td>-</td><td>3.0</td></tr><tr><td>expandedRowKeys(v-model)</td><td>\u5C55\u5F00\u7684\u884C\uFF0C\u63A7\u5236\u5C5E\u6027</td><td>string[]</td><td>-</td><td></td></tr><tr><td>expandedRowRender</td><td>\u989D\u5916\u7684\u5C55\u5F00\u884C</td><td>Function(record, index, indent, expanded):VNode | v-slot:expandedRowRender=&quot;{record, index, indent, expanded}&quot;</td><td>-</td><td></td></tr><tr><td>expandFixed</td><td>\u63A7\u5236\u5C55\u5F00\u56FE\u6807\u662F\u5426\u56FA\u5B9A\uFF0C\u53EF\u9009 true <code>left</code> <code>right</code></td><td>boolean | string</td><td>false</td><td>3.0</td></tr><tr><td>expandColumnTitle</td><td>\u81EA\u5B9A\u4E49\u5C55\u5F00\u5217\u8868\u5934</td><td>v-slot</td><td>-</td><td>4.0.0</td></tr><tr><td>expandIcon</td><td>\u81EA\u5B9A\u4E49\u5C55\u5F00\u56FE\u6807</td><td>Function(props):VNode | v-slot:expandIcon=&quot;props&quot;</td><td>-</td><td></td></tr><tr><td>expandRowByClick</td><td>\u901A\u8FC7\u70B9\u51FB\u884C\u6765\u5C55\u5F00\u5B50\u884C</td><td>boolean</td><td><code>false</code></td><td></td></tr><tr><td>footer</td><td>\u8868\u683C\u5C3E\u90E8</td><td>Function(currentPageData)|v-slot:footer=&quot;currentPageData&quot;</td><td></td><td></td></tr><tr><td>getPopupContainer</td><td>\u8BBE\u7F6E\u8868\u683C\u5185\u5404\u7C7B\u6D6E\u5C42\u7684\u6E32\u67D3\u8282\u70B9\uFF0C\u5982\u7B5B\u9009\u83DC\u5355</td><td>(triggerNode) =&gt; HTMLElement</td><td><code>() =&gt; TableHtmlElement</code></td><td>1.5.0</td></tr><tr><td>headerCell</td><td>\u4E2A\u6027\u5316\u5934\u90E8\u5355\u5143\u683C</td><td>v-slot:headerCell=&quot;{title, column}&quot;</td><td>-</td><td>3.0</td></tr><tr><td>indentSize</td><td>\u5C55\u793A\u6811\u5F62\u6570\u636E\u65F6\uFF0C\u6BCF\u5C42\u7F29\u8FDB\u7684\u5BBD\u5EA6\uFF0C\u4EE5 px \u4E3A\u5355\u4F4D</td><td>number</td><td>15</td><td></td></tr><tr><td>loading</td><td>\u9875\u9762\u662F\u5426\u52A0\u8F7D\u4E2D</td><td>boolean|<a href="/components/spin-cn">object</a></td><td>false</td><td></td></tr><tr><td>locale</td><td>\u9ED8\u8BA4\u6587\u6848\u8BBE\u7F6E\uFF0C\u76EE\u524D\u5305\u62EC\u6392\u5E8F\u3001\u8FC7\u6EE4\u3001\u7A7A\u6570\u636E\u6587\u6848</td><td>object</td><td>filterConfirm: <code>\u786E\u5B9A</code> <br> filterReset: <code>\u91CD\u7F6E</code> <br> emptyText: <code>\u6682\u65E0\u6570\u636E</code></td><td></td></tr><tr><td>pagination</td><td>\u5206\u9875\u5668\uFF0C\u53C2\u8003<a href="#pagination">\u914D\u7F6E\u9879</a>\u6216 <a href="/components/pagination-cn/">pagination</a>\u6587\u6863\uFF0C\u8BBE\u4E3A false \u65F6\u4E0D\u5C55\u793A\u548C\u8FDB\u884C\u5206\u9875</td><td>object | <code>false</code></td><td></td><td></td></tr><tr><td>rowClassName</td><td>\u8868\u683C\u884C\u7684\u7C7B\u540D</td><td>Function(record, index):string</td><td>-</td><td></td></tr><tr><td>rowExpandable</td><td>\u8BBE\u7F6E\u662F\u5426\u5141\u8BB8\u884C\u5C55\u5F00</td><td>(record) =&gt; boolean</td><td>-</td><td>3.0</td></tr><tr><td>rowKey</td><td>\u8868\u683C\u884C key \u7684\u53D6\u503C\uFF0C\u53EF\u4EE5\u662F\u5B57\u7B26\u4E32\u6216\u4E00\u4E2A\u51FD\u6570</td><td>string|Function(record):string</td><td>&#39;key&#39;</td><td></td></tr><tr><td>rowSelection</td><td>\u5217\u8868\u9879\u662F\u5426\u53EF\u9009\u62E9\uFF0C<a href="#rowselection">\u914D\u7F6E\u9879</a></td><td>object</td><td>null</td><td></td></tr><tr><td>scroll</td><td>\u8868\u683C\u662F\u5426\u53EF\u6EDA\u52A8\uFF0C\u4E5F\u53EF\u4EE5\u6307\u5B9A\u6EDA\u52A8\u533A\u57DF\u7684\u5BBD\u3001\u9AD8\uFF0C<a href="#scroll">\u914D\u7F6E\u9879</a></td><td>object</td><td>-</td><td></td></tr><tr><td>showExpandColumn</td><td>\u8BBE\u7F6E\u662F\u5426\u5C55\u793A\u884C\u5C55\u5F00\u5217</td><td>boolean</td><td>true</td><td>3.0</td></tr><tr><td>showHeader</td><td>\u662F\u5426\u663E\u793A\u8868\u5934</td><td>boolean</td><td>true</td><td></td></tr><tr><td>showSorterTooltip</td><td>\u8868\u5934\u662F\u5426\u663E\u793A\u4E0B\u4E00\u6B21\u6392\u5E8F\u7684 tooltip \u63D0\u793A\u3002\u5F53\u53C2\u6570\u7C7B\u578B\u4E3A\u5BF9\u8C61\u65F6\uFF0C\u5C06\u88AB\u8BBE\u7F6E\u4E3A Tooltip \u7684\u5C5E\u6027</td><td>boolean | <a href="/components/tooltip/">Tooltip props</a></td><td>true</td><td>3.0</td></tr><tr><td>size</td><td>\u8868\u683C\u5927\u5C0F</td><td><code>large</code> | <code>

6815middle</code> | <code>small</code></td><td><code>large</code></td><td></td></tr><tr><td>sortDirections</td><td>\u652F\u6301\u7684\u6392\u5E8F\u65B9\u5F0F\uFF0C\u53D6\u503C\u4E3A <code>ascend</code> <code>descend</code></td><td>Array</td><td>[<code>ascend</code>, <code>descend</code>]</td><td></td></tr><tr><td>sticky</td><td>\u8BBE\u7F6E\u7C98\u6027\u5934\u90E8\u548C\u6EDA\u52A8\u6761</td><td>boolean | <code>{offsetHeader?: number, offsetScroll?: number, getContainer?: () =&gt; HTMLElement}</code></td><td>-</td><td>3.0</td></tr><tr><td>summary</td><td>\u603B\u7ED3\u680F</td><td>v-slot:summary</td><td>-</td><td>3.0</td></tr><tr><td>tableLayout</td><td>\u8868\u683C\u5143\u7D20\u7684 <a href="https://developer.mozilla.org/zh-CN/docs/Web/CSS/table-layout" target="_blank" rel="noopener noreferrer">table-layout</a> \u5C5E\u6027\uFF0C\u8BBE\u4E3A <code>fixed</code> \u8868\u793A\u5185\u5BB9\u4E0D\u4F1A\u5F71\u54CD\u5217\u7684\u5E03\u5C40</td><td>- | &#39;auto&#39; | &#39;fixed&#39;</td><td>\u65E0<hr>\u56FA\u5B9A\u8868\u5934/\u5217\u6216\u4F7F\u7528\u4E86 <code>column.ellipsis</code> \u65F6\uFF0C\u9ED8\u8BA4\u503C\u4E3A <code>fixed</code></td><td>1.5.0</td></tr><tr><td>title</td><td>\u8868\u683C\u6807\u9898</td><td>Function(currentPageData)|v-slot:title=&quot;currentPageData&quot;</td><td></td><td></td></tr><tr><td>transformCellText</td><td>\u6570\u636E\u6E32\u67D3\u524D\u53EF\u4EE5\u518D\u6B21\u6539\u53D8\uFF0C\u4E00\u822C\u7528\u4E8E\u7A7A\u6570\u636E\u7684\u9ED8\u8BA4\u914D\u7F6E\uFF0C\u53EF\u4EE5\u901A\u8FC7 <a href="/components/config-provider-cn/">ConfigProvider</a> \u5168\u5C40\u7EDF\u4E00\u914D\u7F6E</td><td>Function({ text, column, record, index }) =&gt; any\uFF0C\u6B64\u5904\u7684 text \u662F\u7ECF\u8FC7\u5176\u5B83\u5B9A\u4E49\u5355\u5143\u683C api \u5904\u7406\u540E\u7684\u6570\u636E\uFF0C\u6709\u53EF\u80FD\u662F VNode | string | number \u7C7B\u578B</td><td>-</td><td>1.5.4</td></tr></tbody></table><h3 id="\u4E8B\u4EF6">\u4E8B\u4EF6 <a class="header-anchor" href="#\u4E8B\u4EF6"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>\u4E8B\u4EF6\u540D\u79F0</th><th>\u8BF4\u660E</th><th>\u56DE\u8C03\u53C2\u6570</th></tr></thead><tbody><tr><td>change</td><td>\u5206\u9875\u3001\u6392\u5E8F\u3001\u7B5B\u9009\u53D8\u5316\u65F6\u89E6\u53D1</td><td>Function(pagination, filters, sorter, { action, currentDataSource })</td></tr><tr><td>expand</td><td>\u70B9\u51FB\u5C55\u5F00\u56FE\u6807\u65F6\u89E6\u53D1</td><td>Function(expanded, record)</td></tr><tr><td>expandedRowsChange</td><td>\u5C55\u5F00\u7684\u884C\u53D8\u5316\u65F6\u89E6\u53D1</td><td>Function(expandedRows)</td></tr><tr><td>resizeColumn</td><td>\u62D6\u52A8\u5217\u65F6\u89E6\u53D1</td><td>Function(width, column)</td></tr></tbody></table><h4 id="customrow-\u7528\u6CD5">customRow \u7528\u6CD5 <a class="header-anchor" href="#customrow-\u7528\u6CD5"><span aria-hidden="true" class="anchor">#</span></a></h4><p>\u9002\u7528\u4E8E <code>customRow</code> <code>customHeaderRow</code> <code>customCell</code> <code>customHeaderCell</code>\u3002\u9075\u5FAA<a href="https://github.com/vuejs/babel-plugin-transform-vue-jsx" target="_blank" rel="noopener noreferrer">Vue jsx</a>\u8BED\u6CD5\u3002</p><pre class="language-jsx"><code><span class="token operator">&lt;</span>Table
6816  customRow<span class="token operator">=</span><span class="token punctuation">{</span><span class="token punctuation">(</span><span class="token parameter">record</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
6817    <span class="token keyword">return</span> <span class="token punctuation">{</span>
6818      xxx<span class="token operator">...</span> <span class="token comment">//\u5C5E\u6027</span>
6819      <span class="token function-variable function">onClick</span><span class="token operator">:</span> <span class="token punctuation">(</span><span class="token parameter">event</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span><span class="token punctuation">}</span><span class="token punctuation">,</span>

6819       <span class="token comment">// \u70B9\u51FB\u884C</span>
6820      <span class="token function-variable function">onDblclick</span><span class="token operator">:</span> <span class="token punctuation">(</span><span class="token parameter">event</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span><span class="token punctuation">}</span><span class="token punctuation">,</span>
6821      <span class="token function-variable function">onContextmenu</span><span class="token operator">:</span> <span class="token punctuation">(</span><span class="token parameter">event</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span><span class="token punctuation">}</span><span class="token punctuation">,</span>
6822      <span class="token function-variable function">onMouseenter</span><span class="token operator">:</span> <span class="token punctuation">(</span><span class="token parameter">event</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span><span class="token punctuation">}</span><span class="token punctuation">,</span>  <span class="token comment">// \u9F20\u6807\u79FB\u5165\u884C</span>
6823      <span class="token function-variable function">onMouseleave</span><span class="token operator">:</span> <span class="token punctuation">(</span><span class="token parameter">event</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span><span class="token punctuation">}</span>
6824    <span class="token punctuation">}</span><span class="token punctuation">;</span>
6825  <span class="token punctuation">}</span><span class="token punctuation">}</span>
6826  customHeaderRow<span class="token operator">=</span><span class="token punctuation">{</span><span class="token punctuation">(</span><span class="token parameter">columns<span class="token punctuation">,</span> index</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
6827    <span class="token keyword">return</span> <span class="token punctuation">{</span>
6828      <span class="token function-variable function">onClick</span><span class="token operator">:</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span><span class="token punctuation">}</span><span class="token punctuation">,</span>        <span class="token comment">// \u70B9\u51FB\u8868\u5934\u884C</span>
6829    <span class="token punctuation">}</span><span class="token punctuation">;</span>
6830  <span class="token punctuation">}</span><span class="token punctuation">}</span>
6831<span class="token operator">/</span><span class="token operator">&gt;</span>
6832</code></pre><h3 id="column">Column <a class="header-anchor" href="#column"><span aria-hidden="true" class="anchor">#</span></a></h3><p>\u5217\u63CF\u8FF0\u6570\u636E\u5BF9\u8C61\uFF0C\u662F columns \u4E2D\u7684\u4E00\u9879\uFF0CColumn \u4F7F\u7528\u76F8\u540C\u7684 API\u3002</p><table><thead><tr><th>\u53C2\u6570</th><th>\u8BF4\u660E</th><th>\u7C7B\u578B</th><th>\u9ED8\u8BA4\u503C</th><th>\u7248\u672C</th></tr></thead><tbody><tr><td>align</td><td>\u8BBE\u7F6E\u5217\u7684\u5BF9\u9F50\u65B9\u5F0F</td><td><code>left</code> | <code>right</code> | <code>center</code></td><td><code>left</code></td><td></td></tr><tr><td>colSpan</td><td>\u8868\u5934\u5217\u5408\u5E76,\u8BBE\u7F6E\u4E3A 0 \u65F6\uFF0C\u4E0D\u6E32\u67D3</td><td>number</td><td></td><td></td></tr><tr><td>customCell</td><td>\u8BBE\u7F6E\u5355\u5143\u683C\u5C5E\u6027</td><td>Function(record, rowIndex, column)</td><td>-</td><td>column add from 3.0</td></tr><tr><td>customFilterDropdown</td><td>\u542F\u7528 v-slot:customFilterDropdown\uFF0C\u4F18\u5148\u7EA7\u4F4E\u4E8E filterDropdown</td><td>boolean</td><td>false</td><td>3.0</td></tr><tr><td>customHeaderCell</td><td>\u8BBE\u7F6E\u5934\u90E8\u5355\u5143\u683C\u5C5E\u6027</td><td>Function(column)</td><td>-</td><td></td></tr><tr><td>customRender</td><td>\u751F\u6210\u590D\u6742\u6570\u636E\u7684\u6E32\u67D3\u51FD\u6570\uFF0C\u53C2\u6570\u5206\u522B\u4E3A\u5F53\u524D\u884C\u7684\u503C\uFF0C\u5F53\u524D\u884C\u6570\u636E\uFF0C\u884C\u7D22\u5F15</td><td>Function({text, record, index, column}) {}</td><td>-</td><td></td></tr><tr><td>dataIndex</td><td>\u5217\u6570\u636E\u5728\u6570\u636E\u9879\u4E2D\u5BF9\u5E94\u7684\u8DEF\u5F84\uFF0C\u652F\u6301\u901A\u8FC7\u6570\u7EC4\u67E5\u8BE2\u5D4C\u5957\u8DEF\u5F84</td><td>string | string[]</td><td>-</td><td></td></tr><tr><td>defaultFilteredValue</td><td>\u9ED8\u8BA4\u7B5B\u9009\u503C</td><td>string[]</td><td>-</td><td>1.5.0</td></tr><tr><td>filterResetToDefaultFilteredValue</td><td>\u70B9\u51FB\u91CD\u7F6E\u6309\u94AE\u7684\u65F6\u5019\uFF0C\u662F\u5426\u6062\u590D\u9ED8\u8BA4\u7B5B\u9009\u503C</td><td>boolean</td><td>false</td><td>3.3.0</td></tr><tr><td>defaultSortOrder</td><td>\u9ED8\u8BA4\u6392\u5E8F\u987A\u5E8F</td><td><code>ascend</code> | <code>descend</code></td><td>-</td><td></td></tr><tr><td>ellipsis</td><td>\u8D85\u8FC7\u5BBD\u5EA6\u5C06\u81EA\u52A8\u7701\u7565\uFF0C\u6682\u4E0D\u652F\u6301\u548C\u6392\u5E8F\u7B5B\u9009\u4E00\u8D77\u4F7F\u7528\u3002<br>\u8BBE\u7F6E\u4E3A <code>true</code> \u6216 <code>{ showTitle?: boolean }</code> \u65F6\uFF0C\u8868\u683C\u5E03\u5C40\u5C06\u53D8\u6210 <code>tableLayout=&quot;fixed&quot;</code>\u3002</td><td>boolean | { showTitle?: boolean }</td><td>false</td><td>3.0</td></tr><tr><td>filterDropdown</td><td>\u53EF\u4EE5\u81EA\u5B9A\u4E49\u7B5B\u9009\u83DC\u5355\uFF0C\u6B64\u51FD\u6570\u53EA\u8D1F\u8D23\u6E32\u67D3\u56FE\u5C42\uFF0C\u9700\u8981\u81EA\u884C\u7F16\u5199\u5404\u79CD\u4EA4\u4E92</td><td>VNode | (props: FilterDropdownProps) =&gt; VNode</td><td>-</td><td></td></tr><tr><td>filterDropdownOpen</td><td>\u7528\u4E8E\u63A7\u5236\u81EA\u5B9A\u4E49\u7B5B\u9009\u83DC\u5355\u662F\u5426\u53EF\u89C1</td><td>boolean</td><td>-</td><td></td></tr><tr><td>filtered</td><td>\u6807\u8BC6\u6570\u636E\u662F\u5426\u7ECF\u8FC7\u8FC7\u6EE4\uFF0C\u7B5B\u9009\u56FE\u6807\u4F1A\u9AD8\u4EAE</td><td>boolean</td><td>false</td><td></td></tr><tr><td>filteredValue</td><td>\u7B5B\u9009\u7684\u53D7\u63A7\u5C5E\u6027\uFF0C\u5916\u754C\u53EF\u7528\u6B64\u63A7\u5236\u5217\u7684\u7B5B\u9009\u72B6\u6001\uFF0C\u503C\u4E3A\u5DF2\u7B5B\u9009\u7684 value \u6570\u7EC4</td><td>string[]</td><td>-</td><td></td></tr><tr><td>filterIcon</td><td>\u81EA\u5B9A\u4E49 filter \u56FE\u6807\u3002</td><td>VNode | ({filtered: boolean, column: Column}) =&gt; vNode</td><td>false</td><td></td></tr><tr><td>filterMode</td><td>\u6307\u5B9A\u7B5B\u9009\u83DC\u5355\u7684\u7528\u6237\u754C\u9762</td><td>&#39;menu&#39; | &#39;tree&#39;</td><td>&#39;menu&#39;</td><td>3.0</td></tr><tr><td>filterMultiple</td><td>\u662F\u5426\u591A\u9009</td><td>boolean</td><td>true</td><td></td></tr><tr><td>filters</td><td>\u8868\u5934\u7684\u7B5B\u9009\u83DC\u5355\u9879</td><td>object[]</td><td>-</td><td></td></tr><tr><td>filterSearch</td><td>\u7B5B\u9009\u83DC\u5355\u9879\u662F\u5426\u53EF\u641C\u7D22</td><td>boolean | function(input, filter):boolean</td><td>false</td><td>boolean:3.0 function:3.3.0</td></tr><tr><td>fixed</td><td>\u5217\u662F\u5426\u56FA\u5B9A\uFF0C\u53EF\u9009 <code>true</code>(\u7B49\u6548\u4E8E left) <code>&#39;left&#39;</code> <code>&#39;right&#39;</code></td><td>boolean|string</td><td>false</td><td></td></tr><tr><td>key</td><td>Vue \u9700\u8981\u7684 key\uFF0C\u5982\u679C\u5DF2\u7ECF\u8BBE\u7F6E\u4E86\u552F\u4E00\u7684 <code>dataIndex</code>\uFF0C\u53EF\u4EE5\u5FFD\u7565\u8FD9\u4E2A\u5C5E\u6027</td><td>string</td><td>-</td><td></td></tr><tr><td>maxWidth</td><td>\u62D6\u52A8\u5217\u6700\u5927\u5BBD\u5EA6\uFF0C\u4F1A\u53D7\u5230\u8868\u683C\u81EA\u52A8\u8C03\u6574\u5206\u914D\u5BBD\u5EA6\u5F71\u54CD</td><td>number</td><td>-</td><td>3.0</td></tr><tr><td>minWidth</td><td>\u62D6\u52A8\u5217\u6700\u5C0F\u5BBD\u5EA6\uFF0C\u4F1A\u53D7\u5230\u8868\u683C\u81EA\u52A8\u8C03\u6574\u5206\u914D\u5BBD\u5EA6\u5F71\u54CD</td><td>number</td><td>50</td><td>3.0</td></tr><tr><td>resizable</td><td>\u662F\u5426\u53EF\u62D6\u52A8\u8C03\u6574\u5BBD\u5EA6\uFF0C\u6B64\u65F6 width \u5FC5\u987B\u662F number \u7C7B\u578B</td><td>boolean</td><td>-</td><td>3.0</td></tr><tr><td>responsive</td><td>\u54CD\u5E94\u5F0F breakpoint \u914D\u7F6E\u5217\u8868\u3002\u672A\u8BBE\u7F6E\u5219\u59CB\u7EC8\u53EF\u89C1\u3002</td><td><a href="#breakpoint">Breakpoint</a>[]</td><td>-</td><td>3.0</td></tr><tr><td>rowScope</td><td>\u8BBE\u7F6E\u5217\u8303\u56F4</td><td><code>row</code> | <code>rowgroup</code></td><td>-</td><td>4.0</td></tr><tr><td>showSorterTooltip</td><td>\u8868\u5934\u663E\u793A\u4E0B\u4E00\u6B21\u6392\u5E8F\u7684 tooltip \u63D0\u793A, \u8986\u76D6 table \u4E2D <code>showSorterTooltip</code></td><td>boolean | <a href="/components/tooltip/#api">Tooltip props</a></td><td>true</td><td></td></tr><tr><td>sortDirections</td><td>\u652F\u6301\u7684\u6392\u5E8F\u65B9\u5F0F\uFF0C\u53D6\u503C\u4E3A <code>&#39;ascend&#39;</code> <code>&#39;descend&#39;</code></td><td>Array</td><td><code>[&#39;ascend&#39;, &#39;descend&#39;]</code></td><td>1.5.0</td></tr><tr><td>sorter</td><td>\u6392\u5E8F\u51FD\u6570\uFF0C\u672C\u5730\u6392\u5E8F\u4F7F\u7528\u4E00\u4E2A\u51FD\u6570(\u53C2\u8003 <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort" target="_blank" rel="noopener noreferrer">

6832Array.sort</a> \u7684 compareFunction)\uFF0C\u9700\u8981\u670D\u52A1\u7AEF\u6392\u5E8F\u53EF\u8BBE\u4E3A true</td><td>Function|boolean</td><td>-</td><td></td></tr><tr><td>sortOrder</td><td>\u6392\u5E8F\u7684\u53D7\u63A7\u5C5E\u6027\uFF0C\u5916\u754C\u53EF\u7528\u6B64\u63A7\u5236\u5217\u7684\u6392\u5E8F\uFF0C\u53EF\u8BBE\u7F6E\u4E3A <code>&#39;ascend&#39;</code> <code>&#39;descend&#39;</code> <code>null</code></td><td>string</td><td>-</td><td></td></tr><tr><td>title</td><td>\u5217\u5934\u663E\u793A\u6587\u5B57</td><td>string</td><td>-</td><td></td></tr><tr><td>width</td><td>\u5217\u5BBD\u5EA6</td><td>string|number</td><td>-</td><td></td></tr><tr><td>onFilter</td><td>\u672C\u5730\u6A21\u5F0F\u4E0B\uFF0C\u786E\u5B9A\u7B5B\u9009\u7684\u8FD0\u884C\u51FD\u6570, \u4F7F\u7528 template \u6216 jsx \u65F6\u4F5C\u4E3A<code>filter</code>\u4E8B\u4EF6\u4F7F\u7528</td><td>Function</td><td>-</td><td></td></tr><tr><td>onFilterDropdownOpenChange</td><td>\u81EA\u5B9A\u4E49\u7B5B\u9009\u83DC\u5355\u53EF\u89C1\u53D8\u5316\u65F6\u8C03\u7528\uFF0C\u4F7F\u7528 template \u6216 jsx \u65F6\u4F5C\u4E3A<code>filterDropdownOpenChange</code>\u4E8B\u4EF6\u4F7F\u7528</td><td>function(open) {}</td><td>-</td><td>4.0</td></tr></tbody></table><h4 id="breakpoint">Breakpoint <a class="header-anchor" href="#breakpoint"><span aria-hidden="true" class="anchor">#</span></a></h4><pre class="language-ts"><code><span class="token keyword">type</span> <span class="token class-name">Breakpoint</span> <span class="token operator">=</span> <span class="token string">&#39;xxxl&#39;</span> <span class="token operator">|</span> <span class="token string">&#39;xxl&#39;</span> <span class="token operator">|</span> <span class="token string">&#39;xl&#39;</span> <span class="token operator">|</span> <span class="token string">&#39;lg&#39;</span> <span class="token operator">|</span> <span class="token string">&#39;md&#39;</span> <span class="token operator">|</span> <span class="token string">&#39;sm&#39;</span> <span class="token operator">|</span> <span class="token string">&#39;xs&#39;</span><span class="token punctuation">;</span>
6833</code></pre><h3 id="columngroup">ColumnGroup <a class="header-anchor" href="#columngroup"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>\u53C2\u6570</th><th>\u8BF4\u660E</th><th>\u7C7B\u578B</th><th>\u9ED8\u8BA4\u503C</th></tr></thead><tbody><tr><td>title</td><td>\u5217\u5934\u663E\u793A\u6587\u5B57</td><td>string|slot</td><td>-</td></tr></tbody></table><h3 id="pagination">pagination <a class="header-anchor" href="#pagination"><span aria-hidden="true" class="anchor">#</span></a></h3><p>\u5206\u9875\u7684\u914D\u7F6E\u9879\u3002</p><table><thead><tr><th>\u53C2\u6570</th><th>\u8BF4\u660E</th><th>\u7C7B\u578B</th><th>\u9ED8\u8BA4\u503C</th></tr></thead><tbody><tr><td>position</td><td>\u6307\u5B9A\u5206\u9875\u663E\u793A\u7684\u4F4D\u7F6E\uFF0C \u53D6\u503C\u4E3A<code>topLeft</code> | <code>topCenter</code> | <code>topRight</code> |<code>bottomLeft</code> | <code>bottomCenter</code> | <code>bottomRight</code></td><td>Array</td><td>[<code>bottomRight</code>]</td></tr></tbody></table><p>\u66F4\u591A\u914D\u7F6E\u9879\uFF0C\u8BF7\u67E5\u770B <a href="/components/pagination/"><code>Pagination</code></a>\u3002</p><h3 id="rowselection">rowSelection <a class="header-anchor" href="#rowselection"><span aria-hidden="true" class="anchor">#</span></a></h3><p>\u9009\u62E9\u529F\u80FD\u7684\u914D\u7F6E\u3002</p><table><thead><tr><th>\u53C2\u6570</th><th>\u8BF4\u660E</th><th>\u7C7B\u578B</th><th>\u9ED8\u8BA4\u503C</th><th>\u7248\u672C</th></tr></thead><tbody><tr><td>checkStrictly</td><td>checkable \u72B6\u6001\u4E0B\u8282\u70B9\u9009\u62E9\u5B8C\u5168\u53D7\u63A7\uFF08\u7236\u5B50\u6570\u636E\u9009\u4E2D\u72B6\u6001\u4E0D\u518D\u5173\u8054\uFF09</td><td>boolean</td><td>true</td><td>3.0</td></tr><tr><td>columnTitle</td><td>\u81EA\u5B9A\u4E49\u5217\u8868\u9009\u62E9\u6846\u6807\u9898</td><td>string|VNode</td><td>-</td><td></td></tr><tr><td>columnWidth</td><td>\u81EA\u5B9A\u4E49\u5217\u8868\u9009\u62E9\u6846\u5BBD\u5EA6</td><td>string|number</td><td>-</td><td></td></tr><tr><td>fixed</td><td>\u628A\u9009\u62E9\u6846\u5217\u56FA\u5B9A\u5728\u5DE6\u8FB9</td><td>boolean</td><td>-</td><td></td></tr><tr><td>getCheckboxProps</td><td>\u9009\u62E9\u6846\u7684\u9ED8\u8BA4\u5C5E\u6027\u914D\u7F6E</td><td>Function(record)</td><td>-</td><td></td></tr><tr><td>hideDefaultSelections</td><td>\u53BB\u6389\u300E\u5168\u9009\u300F\u300E\u53CD\u9009\u300F\u4E24\u4E2A\u9ED8\u8BA4\u9009\u9879</td><td>boolean</td><td>false</td><td></td></tr><tr><td>hideSelectAll</td><td>\u9690\u85CF\u5168\u9009\u52FE\u9009\u6846\u4E0E\u81EA\u5B9A\u4E49\u9009\u62E9\u9879</td><td>boolean</td><td>false</td><td>3.0</td></tr><tr><td>preserveSelectedRowKeys</td><td>\u5F53\u6570\u636E\u88AB\u5220\u9664\u65F6\u4ECD\u7136\u4FDD\u7559\u9009\u9879\u7684 <code>key</code></td><td>boolean</td><td>-</td><td>3.0</td></tr><tr><td>selectedRowKeys</td><td>\u6307\u5B9A\u9009\u4E2D\u9879\u7684 key \u6570\u7EC4\uFF0C\u9700\u8981\u548C onChange \u8FDB\u884C\u914D\u5408</td><td>string[]</td><td>[]</td><td></td></tr><tr><td>selections</td><td>\u81EA\u5B9A\u4E49\u9009\u62E9\u9879 <a href="#selection">\u914D\u7F6E\u9879</a>, \u8BBE\u4E3A <code>true</code> \u65F6\u4F7F\u7528\u9ED8\u8BA4\u9009\u62E9\u9879</td><td>object[] | boolean</td><td>true</td><td></td></tr><tr><td>type</td><td>\u591A\u9009/\u5355\u9009\uFF0C<code>checkbox</code> or <code>radio</code></td><td>string</td><td><code>checkbox</code></td><td></td></tr><tr><td>onChange</td><td>\u9009\u4E2D\u9879\u53D1\u751F\u53D8\u5316\u65F6\u7684\u56DE\u8C03</td><td>Function(selectedRowKeys, selectedRows)</td><td>-</td><td></td></tr><tr><td>onSelect</td><td>\u7528\u6237\u624B\u52A8\u9009\u62E9/\u53D6\u6D88\u9009\u62E9\u67D0\u5217\u7684\u56DE\u8C03</td><td>Function(record, selected, selectedRows, nativeEvent)</td><td>-</td><td></td></tr><tr><td>onSelectAll</td><td>\u7528\u6237\u624B\u52A8\u9009\u62E9/\u53D6\u6D88\u9009\u62E9\u6240\u6709\u5217\u7684\u56DE\u8C03</td><td>Function(selected, selectedRows, changeRows)</td><td>-</td><td></td></tr><tr><td>onSelectInvert</td><td>\u7528\u6237\u624B\u52A8\u9009\u62E9\u53CD\u9009\u7684\u56DE\u8C03</td><td>Function(selectedRows)</td><td>-</td><td></td></tr><tr><td>onSelectNone</td><td>\u7528\u6237\u6E05\u7A7A\u9009\u62E9\u7684\u56DE\u8C03</td><td>function()</td><td>-</td><td>3.0</td></tr></tbody></table><h3 id="scroll">scroll <a class="header-anchor" href="#scroll"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>

6833\u53C2\u6570</th><th>\u8BF4\u660E</th><th>\u7C7B\u578B</th><th>\u9ED8\u8BA4\u503C</th></tr></thead><tbody><tr><td>scrollToFirstRowOnChange</td><td>\u5F53\u5206\u9875\u3001\u6392\u5E8F\u3001\u7B5B\u9009\u53D8\u5316\u540E\u662F\u5426\u6EDA\u52A8\u5230\u8868\u683C\u9876\u90E8</td><td>boolean</td><td>-</td></tr><tr><td>x</td><td>\u8BBE\u7F6E\u6A2A\u5411\u6EDA\u52A8\uFF0C\u4E5F\u53EF\u7528\u4E8E\u6307\u5B9A\u6EDA\u52A8\u533A\u57DF\u7684\u5BBD\uFF0C\u53EF\u4EE5\u8BBE\u7F6E\u4E3A\u50CF\u7D20\u503C\uFF0C\u767E\u5206\u6BD4\uFF0Ctrue \u548C <a href="https://developer.mozilla.org/zh-CN/docs/Web/CSS/width#max-content" target="_blank" rel="noopener noreferrer">&#39;max-content&#39;</a></td><td>string | number | true</td><td>-</td></tr><tr><td>y</td><td>\u8BBE\u7F6E\u7EB5\u5411\u6EDA\u52A8\uFF0C\u4E5F\u53EF\u7528\u4E8E\u6307\u5B9A\u6EDA\u52A8\u533A\u57DF\u7684\u9AD8\uFF0C\u53EF\u4EE5\u8BBE\u7F6E\u4E3A\u50CF\u7D20\u503C</td><td>string | number</td><td>-</td></tr></tbody></table><h3 id="selection">selection <a class="header-anchor" href="#selection"><span aria-hidden="true" class="anchor">#</span></a></h3><p>\u81EA\u5B9A\u4E49\u9009\u62E9\u914D\u7F6E\u9879</p><table><thead><tr><th>\u53C2\u6570</th><th>\u8BF4\u660E</th><th>\u7C7B\u578B</th><th>\u9ED8\u8BA4\u503C</th></tr></thead><tbody><tr><td>key</td><td>Vue \u9700\u8981\u7684 key\uFF0C\u5EFA\u8BAE\u8BBE\u7F6E</td><td>string</td><td>-</td></tr><tr><td>text</td><td>\u9009\u62E9\u9879\u663E\u793A\u7684\u6587\u5B57</td><td>string|VNode</td><td>-</td></tr><tr><td>onSelect</td><td>\u9009\u62E9\u9879\u70B9\u51FB\u56DE\u8C03</td><td>Function(changeableRowKeys)</td><td>-</td></tr></tbody></table><h3 id="filterdropdownprops">FilterDropdownProps <a class="header-anchor" href="#filterdropdownprops"><span aria-hidden="true" class="anchor">#</span></a></h3><pre class="language-ts"><code><span class="token keyword">interface</span> <span class="token class-name">FilterDropdownProps</span> <span class="token punctuation">{</span>
6834  prefixCls<span class="token operator">:</span> <span class="token builtin">string</span><span class="token punctuation">;</span>
6835  <span class="token function-variable function">setSelectedKeys</span><span class="token operator">:</span> <span class="token punctuation">(</span>selectedKeys<span class="token operator">:</span> Key<span class="token punctuation">[</span><span class="token punctuation">]</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token keyword">void</span><span class="token punctuation">;</span>
6836  selectedKeys<span class="token operator">:</span> Key<span class="token punctuation">[</span><span class="token punctuation">]</span><span class="token punctuation">;</span>
6837  <span class="token function-variable function">confirm</span><span class="token operator">:</span> <span class="token punctuation">(</span>param<span class="token operator">?</span><span class="token operator">:</span> FilterConfirmProps<span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token keyword">void</span><span class="token punctuation">;</span>
6838  clearFilters<span class="token operator">?</span><span class="token operator">:</span> <span class="token punctuation">(</span>param<span class="token operator">?</span><span class="token operator">:</span> FilterResetProps<span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token keyword">void</span><span class="token punctuation">;</span>
6839  filters<span class="token operator">?</span><span class="token operator">:</span> ColumnFilterItem<span class="token punctuation">[</span><span class="token punctuation">]</span><span class="token punctuation">;</span>
6840  visible<span class="token operator">:</span> <span class="token builtin">boolean</span><span class="token punctuation">;</span>
6841  column<span class="token operator">:</span> ColumnType<span class="token punctuation">;</span>
6842<span class="token punctuation">}</span>
6843
6844<span class="token keyword">interface</span> <span class="token class-name">FilterConfirmProps</span> <span class="token punctuation">{</span>
6845  closeDropdown<span class="token operator">:</span> <span class="token builtin">boolean</span><span class="token punctuation">;</span>
6846<span class="token punctuation">}</span>
6847
6848<span class="token keyword">interface</span> <span class="token class-name">FilterResetProps</span> <span class="token punctuation">{</span>
6849  confirm<span class="token operator">?</span><span class="token operator">:</span> <span class="token builtin">boolean</span><span class="token punctuation">;</span>
6850  closeDropdown<span class="token operator">?</span><span class="token operator">:</span> <span class="token builtin">boolean</span><span class="token punctuation">;</span>
6851<span class="token punctuation">}</span>
6852</code></pre><h2 id="\u6CE8\u610F">\u6CE8\u610F <a class="header-anchor" href="#\u6CE8\u610F"><span aria-hidden="true" class="anchor">#</span></a></h2><p>\u5728 Table \u4E2D\uFF0C<code>dataSource</code> \u548C <code>columns</code> \u91CC\u7684\u6570\u636E\u503C\u90FD\u9700\u8981\u6307\u5B9A <code>key</code> \u503C\u3002\u5BF9\u4E8E <code>dataSource</code> \u9ED8\u8BA4\u5C06\u6BCF\u5217\u6570\u636E\u7684 <code>key</code> \u5C5E\u6027\u4F5C\u4E3A\u552F\u4E00\u7684\u6807\u8BC6\u3002</p><p>\u5982\u679C\u4F60\u7684\u6570\u636E\u6CA1\u6709\u8FD9\u4E2A\u5C5E\u6027\uFF0C\u52A1\u5FC5\u4F7F\u7528 <code>rowKey</code> \u6765\u6307\u5B9A\u6570\u636E\u5217\u7684\u4E3B\u952E\u3002\u82E5\u6CA1\u6709\u6307\u5B9A\uFF0C\u63A7\u5236\u53F0\u4F1A\u51FA\u73B0\u7F3A\u5C11 key \u7684\u63D0\u793A\uFF0C\u8868\u683C\u7EC4\u4EF6\u4E5F\u4F1A\u51FA\u73B0\u5404\u7C7B\u5947\u602A\u7684\u9519\u8BEF\u3002</p><pre class="language-jsx"><code><span class="token comment">// \u6BD4\u5982\u4F60\u7684\u6570\u636E\u4E3B\u952E\u662F uid</span>
6853<span class="token keyword">return</span> <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span><span class="token class-name">Table</span></span> <span class="token attr-name">rowKey</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>uid<span class="token punctuation">&quot;</span></span> <span class="token punctuation">/&gt;</span></span><span class="token punctuation">;</span>
6854<span class="token comment">// \u6216</span>
6855<span class="token keyword">return</span> <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span><span class="token class-name">Table</span></span> <span class="token attr-name">rowKey</span><span class="token script language-javascript"><span class="token script-punctuation punctuation">=</span><span class="token punctuation">{</span><span class="token parameter">record</span> <span class="token operator">=&gt;</span> record<span class="token punctuation">.</span>uid<span class="token punctuation">}</span></span> <span class="token punctuation">/&gt;</span></span><span class="token punctuation">;</span>
6856</code></pre><h2 id="faq">FAQ <a class="header-anchor" href="#faq"><span aria-hidden="true" class="anchor">#</span></a></h2>

6856<h3 id="\u5982\u4F55\u5728\u6CA1\u6709\u6570\u636E\u6216\u53EA\u6709\u4E00\u9875\u6570\u636E\u65F6\u9690\u85CF\u5206\u9875\u680F">\u5982\u4F55\u5728\u6CA1\u6709\u6570\u636E\u6216\u53EA\u6709\u4E00\u9875\u6570\u636E\u65F6\u9690\u85CF\u5206\u9875\u680F <a class="header-anchor" href="#\u5982\u4F55\u5728\u6CA1\u6709\u6570\u636E\u6216\u53EA\u6709\u4E00\u9875\u6570\u636E\u65F6\u9690\u85CF\u5206\u9875\u680F"><span aria-hidden="true" class="anchor">#</span></a></h3><p>\u4F60\u53EF\u4EE5\u8BBE\u7F6E <code>pagination</code> \u7684 <code>hideOnSinglePage</code> \u5C5E\u6027\u4E3A <code>true</code>\u3002</p><h3 id="\u8868\u683C\u8FC7\u6EE4\u65F6\u4F1A\u56DE\u5230\u7B2C\u4E00\u9875\uFF1F">\u8868\u683C\u8FC7\u6EE4\u65F6\u4F1A\u56DE\u5230\u7B2C\u4E00\u9875\uFF1F <a class="header-anchor" href="#\u8868\u683C\u8FC7\u6EE4\u65F6\u4F1A\u56DE\u5230\u7B2C\u4E00\u9875\uFF1F"><span aria-hidden="true" class="anchor">#</span></a></h3><p>\u524D\u7AEF\u8FC7\u6EE4\u65F6\u901A\u5E38\u6761\u76EE\u603B\u6570\u4F1A\u51CF\u5C11\uFF0C\u4ECE\u800C\u5BFC\u81F4\u603B\u9875\u6570\u5C0F\u4E8E\u7B5B\u9009\u524D\u7684\u5F53\u524D\u9875\u6570\uFF0C\u4E3A\u4E86\u9632\u6B62\u5F53\u524D\u9875\u9762\u6CA1\u6709\u6570\u636E\uFF0C\u6211\u4EEC\u9ED8\u8BA4\u4F1A\u8FD4\u56DE\u7B2C\u4E00\u9875\u3002</p><p>\u5982\u679C\u4F60\u5728\u4F7F\u7528\u8FDC\u7A0B\u5206\u9875\uFF0C\u5F88\u53EF\u80FD\u9700\u8981\u4FDD\u6301\u5F53\u524D\u9875\u9762\uFF0C\u4F60\u53EF\u4EE5\u624B\u52A8\u63A7\u5236\u5F53\u524D\u9875\u9762\u4E0D\u53D8\u3002</p><h3 id="\u8868\u683C\u5206\u9875\u4E3A\u4F55\u4F1A\u51FA\u73B0-size-\u5207\u6362\u5668\uFF1F">\u8868\u683C\u5206\u9875\u4E3A\u4F55\u4F1A\u51FA\u73B0 size \u5207\u6362\u5668\uFF1F <a class="header-anchor" href="#\u8868\u683C\u5206\u9875\u4E3A\u4F55\u4F1A\u51FA\u73B0-size-\u5207\u6362\u5668\uFF1F"><span aria-hidden="true" class="anchor">#</span></a></h3><p>\u81EA <code>3.0</code> \u8D77\uFF0CPagination \u5728 <code>total</code> \u5927\u4E8E 50 \u6761\u65F6\u4F1A\u9ED8\u8BA4\u663E\u793A size \u5207\u6362\u5668\u4EE5\u63D0\u5347\u7528\u6237\u4EA4\u4E92\u4F53\u9A8C\u3002\u5982\u679C\u4F60\u4E0D\u9700\u8981\u8BE5\u529F\u80FD\uFF0C\u53EF\u4EE5\u901A\u8FC7\u8BBE\u7F6E <code>showSizeChanger</code> \u4E3A <code>false</code> \u6765\u5173\u95ED\u3002</p><h3 id="\u56FA\u5B9A\u5217\u7A7F\u900F\u5230\u6700\u4E0A\u5C42\u8BE5\u600E\u4E48\u529E\uFF1F">\u56FA\u5B9A\u5217\u7A7F\u900F\u5230\u6700\u4E0A\u5C42\u8BE5\u600E\u4E48\u529E\uFF1F <a class="header-anchor" href="#\u56FA\u5B9A\u5217\u7A7F\u900F\u5230\u6700\u4E0A\u5C42\u8BE5\u600E\u4E48\u529E\uFF1F"><span aria-hidden="true" class="anchor">#</span></a></h3><p>\u56FA\u5B9A\u5217\u901A\u8FC7 <code>z-index</code> \u5C5E\u6027\u5C06\u5176\u60AC\u6D6E\u4E8E\u975E\u56FA\u5B9A\u5217\u4E4B\u4E0A\uFF0C\u8FD9\u4F7F\u5F97\u6709\u65F6\u5019\u4F60\u4F1A\u53D1\u73B0\u5728 Table \u4E0A\u653E\u7F6E\u906E\u7F69\u5C42\u65F6\u56FA\u5B9A\u5217\u4F1A\u88AB\u900F\u8FC7\u7684\u60C5\u51B5\u3002\u4E3A\u906E\u7F69\u5C42\u8BBE\u7F6E\u66F4\u9AD8\u7684 <code>z-index</code> \u8986\u76D6\u4F4F\u56FA\u5B9A\u5217\u5373\u53EF\u3002</p>`,51)])])}const oe=M(ae,[["render",te]]),ee={components:{ColorChunk:xa,TokenTable:Fa,ComponentTokenTable:Sa},pageData:{title:"Table",description:"",frontmatter:{category:"Components",cols:1,type:"Data Display",title:"Table",cover:"https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*3yz3QqMlShYAAAAAAAAAAAAADrJ8AQ/original",coverDark:"https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*Sv8XQ50NB40AAAAAAAAAAAAADrJ8AQ/original"},headers:[{level:2,title:"When To Use",slug:"when-to-use",content:""},{level:2,title:"How To Use",slug:"how-to-use",content:"Specify `dataSource` of Table as an array of data."},{level:2,title:"API",slug:"api",content:"Table"},{level:3,title:"Table",slug:"table",content:""},{level:3,title:"Events",slug:"events",content:""},{level:3,title:"Column",slug:"column",content:"One of the Table `columns` prop for describing the table's columns, Column has the same API."},{level:3,title:"ColumnGroup",slug:"columngroup",content:""},{level:3,title:"pagination",slug:"pagination",content:"Properties for pagination."},{level:3,title:"rowSelection",slug:"rowselection",content:"Properties for row selection."},{level:3,title:"scroll",slug:"scroll",content:""},{level:3,title:"selection",slug:"selection",content:"Custom selection config"},{level:3,title:"FilterDropdownProps",slug:"filterdropdownprops",content:""},{level:2,title:"Note",slug:"note",content:"The values inside `dataSource` and `columns` should follow this in Table, and `dataSource[i].key` would be treated as key value default for `dataSource`."},{level:2,title:"FAQ",slug:"faq",content:"How to hide pagination when single page or no data?"},{level:3,title:"How to hide pagination when single page or no data?",slug:"how-to-hide-pagination-when-single-page-or-no-data",content:"You can set `hideOnSinglePage` with `pagination` prop."},{level:3,title:"Table will return to first page when filter data.",slug:"table-will-return-to-first-page-when-filter-data",content:"Table total page count usually reduce after filter data, we defaultly return to first page in case of current page is out of filtered results."},{level:3,title:"Why Table pagination show size changer?",slug:"why-table-pagination-show-size-changer",content:"In order to improve user experience, Pagination show size changer by default when `total > 50` since `3.0`. You can set `showSizeChanger=false` to disable this feature."},{level:3,title:"How to handle fixed column display over the mask layout?",slug:"how-to-handle-fixed-column-display-over-the-mask-layout",content:"Fixed column use `z-index` to make it over other columns. You will find sometime fixed columns also over your mask layout. You can set `z-index` on your mask layout to resolve."}],relativePath:"components/table/index.en-US.md",content:`
6857A table displays rows of data.
6858
6859## When To Use
6860
6861- To display a collection of structured data.
6862- To sort, search, paginate, filter data.
6863
6864## How To Use
6865
6866Specify \`dataSource\` of Table as an array of data.
6867
6868\`\`\`html
6869&lt;template&gt;
6870  &lt;a-table :dataSource=&quot;dataSource&quot; :columns=&quot;columns&quot; /&gt;
6871&lt;/template&gt;
6872&lt;script&gt;
6873  export default {
6874    setup() {
6875      return {
6876        dataSource: [
6877          {
6878            key: &#39;1&#39;,
6879            name: &#39;Mike&#39;,
6880            age: 32,
6881            address: &#39;10 Downing Street&#39;,
6882          },
6883          {
6884            key: &#39;2&#39;,
6885            name: &#39;John&#39;,
6886            age: 42,
6887            address: &#39;10 Downing Street&#39;,
6888          },
6889        ],
6890
6891        columns: [
6892          {
6893            title: &#39;Name&#39;,
6894            dataIndex: &#39;name&#39;,
6895            key: &#39;name&#39;,
6896          },
6897          {
6898            title: &#39;Age&#39;,
6899            dataIndex: &#39;age&#39;,
6900            key: &#39;age&#39;,
6901          },
6902          {
6903            title: &#39;Address&#39;,
6904            dataIndex: &#39;address&#39;,
6905            key: &#39;address&#39;,
6906          },
6907        ],
6908      };
6909    },
6910  };
6911&lt;/script&gt;
6912\`\`\`
6913
6914## API
6915
6916### Table
6917
6918| Property | Description | Type | Default | Version |
6919| --- | --- | --- | --- | --- |
6920| bodyCell | custom body cell by slot | v-slot:bodyCell=&quot;{text, record, index, column}&quot; | - | 3.0 |
6921| bordered | Whether to show all table borders | boolean | \`false\` |  |
6922| childrenColumnName | The column contains children to display | string | \`children\` |  |

6923| columns | Columns of table [config](#column) | array | - |  |
6924| components | Override default table elements | object | - |  |
6925| customFilterDropdown | Customized filter overlay, need set \`column.customFilterDropdown\` | v-slot:customFilterDropdown="[FilterDropdownProps](#filterdropdownprops)" | - | 3.0 |
6926| customFilterIcon | Customized filter icon | v-slot:customFilterIcon="{filtered, column}" | - | 3.0 |
6927| customHeaderRow | Set props on per header row | Function(columns, index) | - |  |
6928| customRow | Set props on per row | Function(record, index) | - |  |
6929| dataSource | Data record array to be displayed | any\\[] | - |  |
6930| defaultExpandAllRows | Expand all rows initially | boolean | \`false\` |  |
6931| defaultExpandedRowKeys | Initial expanded row keys | string\\[] | - |  |
6932| emptyText | Customize the display content when empty data | v-slot:emptyText | - | 3.0 |
6933| expandedRowKeys(v-model) | Current expanded row keys | string\\[] | - |  |
6934| expandedRowRender | Expanded container render for each row | Function({record, index, indent, expanded}):VNode\\|v-slot | - |  |
6935| expandFixed | Set column to be fixed: \`true\`(same as left) \`'left'\` \`'right'\` | boolean \\| string | false | 3.0 |
6936| expandColumnTitle | Set the title of the expand column | v-slot | - | 4.0.0 |
6937| expandIcon | Customize row expand Icon. | Function(props):VNode \\| v-slot:expandIcon="props" | - |  |
6938| expandRowByClick | Whether to expand row by clicking anywhere in the whole row | boolean | \`false\` |  |
6939| footer | Table footer renderer | Function(currentPageData)\\| v-slot:footer="currentPageData" |  |  |
6940| getPopupContainer | the render container of dropdowns in table | (triggerNode) => HTMLElement | \`() => TableHtmlElement\` | 1.5.0 |
6941| headerCell | custom head cell by slot | v-slot:headerCell="{title, column}" | - | 3.0 |
6942| indentSize | Indent size in pixels of tree data | number | 15 |  |
6943| loading | Loading status of table | boolean\\|[object](/components/spin) | \`false\` |  |
6944| locale | i18n text including filter, sort, empty text, etc | object | filterConfirm: 'Ok' <br /> filterReset: 'Reset' <br /> emptyText: 'No Data' |  |
6945| pagination | Config of pagination. You can ref table pagination [config](#pagination) or full [\`pagination\`](/components/pagination/) document, hide it by setting it to \`false\` | object \\| \`false\` |  |  |
6946| rowClassName | Row's className | Function(record, index):string | - |  |
6947| rowExpandable | Enable row can be expandable | (record) => boolean | - |  |
6948| rowKey | Row's unique key, could be a string or function that returns a string | string\\|Function(record, index):string | \`key\` |  |
6949| rowSelection | Row selection [config](#rowselection) | object | null |  |
6950| scroll | Whether the table can be scrollable, [config](#scroll) | object | - |  |
6951| showExpandColumn | Show expand column | boolean | true | 3.0 |
6952| showHeader | Whether to show table header | boolean | \`true\` |  |
6953| showSorterTooltip | The header show next sorter direction tooltip. It will be set as the property of Tooltip if its type is object | boolean \\| [Tooltip props](/components/tooltip/#api) | true | 3.0 |
6954| size | Size of table | \`middle\` \\| \`small\` \\| \`large\` | \`large\` |  |
6955| sortDirections | Supported sort way, could be \`ascend\`, \`descend\` | Array | \\[\`ascend\`, \`descend\`] | 3.0 |
6956| sticky | Set sticky header and scroll bar | boolean \\| \`{offsetHeader?: number, offsetScroll?: number, getContainer?: () => HTMLElement}\` | - | 3.0 |
6957| summary | Summary content | v-slot:summary | - | 3.0 |
6958| tableLayout | [table-layout](https://developer.mozilla.org/en-US/docs/Web/CSS/table-layout) attribute of table element | - \\| 'auto' \\| 'fixed' | -<hr />\`fixed\` when header/columns are fixed, or using \`column.ellipsis\` | 1.5.0 |
6959| title | Table title renderer | Function(currentPageData)\\| v-slot:title="currentPageData" |  |  |
6960| transformCellText | The data can be changed again before rendering, generally used for the default configuration of empty data. You can configured globally through [ConfigProvider](/components/config-provider-cn/) | Function({ text, column, record, index }) => any, The \`text\` here is the data processed by other defined cell api, and it may be of type VNode \\| string \\| number | - | 1.5.4 \uFF5C |
6961
6962### Events
6963
6964| Events Name | Description | Arguments |  |
6965| --- | --- | --- | --- |
6966| change | Callback executed when pagination, filters or sorter is changed | Function(pagination, filters, sorter, { action, currentDataSource }) |  |
6967| expand | Callback executed when the row expand icon is clicked | Function(expanded, record) |  |

6968| expandedRowsChange | Callback executed when the expanded rows change | Function(expandedRows) |  |
6969| resizeColumn | Triggered when the column is dragged | Function(width, column) |  |
6970
6971#### customRow usage
6972
6973Same as \`customRow\` \`customHeaderRow\` \`customCell\` \`customHeaderCell\`. Follow [Vue jsx](https://github.com/vuejs/babel-plugin-transform-vue-jsx) syntax\u3002
6974
6975\`\`\`jsx
6976<Table
6977  customRow={(record) => {
6978    return {
6979      xxx, // props
6980      onClick: (event) => {},       // click row
6981      onDblclick: (event) => {}, // double click row
6982      onContextmenu: (event) => {}  // right button click row
6983      onMouseenter: (event) => {}   // mouse enter row
6984      onMouseleave: (event) => {}   // mouse leave row
6985    };
6986  }}
6987  customHeaderRow={(columns, index) => {
6988    return {
6989      onClick: () => {},        // click header row
6990    };
6991  }}
6992/>
6993\`\`\`
6994
6995### Column
6996
6997One of the Table \`columns\` prop for describing the table's columns, Column has the same API.
6998
6999| Property | Description | Type | Default | Version |
7000| --- | --- | --- | --- | --- |
7001| align | specify how content is aligned | 'left' \\| 'right' \\| 'center' | 'left' |  |
7002| colSpan | Span of this column's title | number |  |  |
7003| customCell | Set props on per cell | Function(record, rowIndex, column) | - | column add from 3.0 |
7004| customFilterDropdown | use v-slot:customFilterDropdown, Priority is lower than filterDropdown | boolean | false | 3.0 |
7005| customHeaderCell | Set props on per header cell | Function(column) | - |  |
7006| customRender | Renderer of the table cell. The return value should be a VNode | Function({text, record, index}) {} | - |  |
7007| dataIndex | Display field of the data record, support nest path by string array | string \\| string\\[] | - |  |
7008| defaultFilteredValue | Default filtered values | string\\[] | - | 1.5.0 |
7009| filterResetToDefaultFilteredValue | click the reset button, whether to restore the default filter | boolean | false | 3.3.0 |
7010| defaultSortOrder | Default order of sorted values: \`'ascend'\` \`'descend'\` \`null\` | string | - |  |
7011| ellipsis | ellipsize cell content, not working with sorter and filters for now.<br />tableLayout would be \`fixed\` when \`ellipsis\` is true. | boolean | false | 1.5.0 |
7012| ellipsis | The ellipsis cell content, not working with sorter and filters for now.<br />tableLayout would be \`fixed\` when \`ellipsis\` is \`true\` or \`{ showTitle?: boolean }\` | boolean \\| {showTitle?: boolean } | false | 3.0 |
7013| filterDropdown | Customized filter overlay | VNode \\| (props: FilterDropdownProps) => VNode | - |  |
7014| filterDropdownOpen | Whether \`filterDropdown\` is open | boolean | - | 4.0 |
7015| filtered | Whether the \`dataSource\` is filtered | boolean | \`false\` |  |
7016| filteredValue | Controlled filtered value, filter icon will highlight | string\\[] | - |  |
7017| filterIcon | Customized filter icon | ({filtered: boolean, column: Column}) | \`false\` |  |
7018| filterMode | To specify the filter interface | 'menu' \\| 'tree' | 'menu' | 3.0 |
7019| filterMultiple | Whether multiple filters can be selected | boolean | \`true\` |  |
7020| filters | Filter menu config | object\\[] | - |  |
7021| filterSearch | Whether to be searchable for filter menu | boolean \\| function(input, filter):boolean | false | boolean: 3.0 function: 3.3.0 |
7022| fixed | Set column to be fixed: \`true\`(same as left) \`'left'\` \`'right'\` | boolean\\|string | \`false\` |  |
7023| key | Unique key of this column, you can ignore this prop if you've set a unique \`dataIndex\` | string | - |  |
7024| maxWidth | Drag the maximum width of the column, it will be affected by the automatic adjustment and distribution of the table width | number | - | 3.0 |
7025| minWidth | Drag the minimum width of the column, it will be affected by the automatic adjustment and distribution of the table width | number | 50 | 3.0 |
7026| resizable | Whether the width can be adjusted by dragging, at this time width must be number type | boolean | - | 3.0 |
7027| responsive | The list of breakpoints at which to display this column. Always visible if not set. | [Breakp

7027oint](#breakpoint)\\[] | - | 3.0 |
7028| rowScope | Set scope attribute for all cells in this column | \`row\` \\| \`rowgroup\` | - | 4.0 |
7029| sortDirections | supported sort way, could be \`'ascend'\`, \`'descend'\` | Array | \`['ascend', 'descend']\` | 1.5.0 |
7030| sorter | Sort function for local sort, see [Array.sort](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort)'s compareFunction. If you need sort buttons only, set to \`true\` | Function\\|boolean | - |  |
7031| sortOrder | Order of sorted values: \`'ascend'\` \`'descend'\` \`null\` | string | - |  |
7032| title | Title of this column | string | - |  |
7033| width | Width of this column | string\\|number | - |  |
7034| onFilter | Callback executed when the confirm filter button is clicked, Use as a \`filter\` event when using template or jsx | Function | - |  |
7035| onFilterDropdownOpenChange | Callback executed when \`filterDropdownOpen\` is changed, Use as a \`filterDropdownOpen\` event when using template or jsx | function(open) {} | - | 4.0 |
7036
7037#### Breakpoint
7038
7039\`\`\`ts
7040type Breakpoint = 'xxxl' | 'xxl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs';
7041\`\`\`
7042
7043### ColumnGroup
7044
7045| Property | Description               | Type         | Default |
7046| -------- | ------------------------- | ------------ | ------- |
7047| title    | Title of the column group | string\\|slot | -       |
7048
7049### pagination
7050
7051Properties for pagination.
7052
7053| Property | Description | Type | Default |
7054| --- | --- | --- | --- |
7055| position | Specify the position of \`Pagination\`, could be\`topLeft\` \\| \`topCenter\` \\| \`topRight\` \\|\`bottomLeft\` \\| \`bottomCenter\` \\| \`bottomRight\` | Array | \\[\`bottomRight\`] |
7056
7057More about pagination, please check [\`Pagination\`](/components/pagination/).
7058
7059### rowSelection
7060
7061Properties for row selection.
7062
7063| Property | Description | Type | Default | Version |
7064| --- | --- | --- | --- | --- |
7065| checkStrictly | Check table row precisely; parent row and children rows are not associated | boolean | true | 3.0 |
7066| columnTitle | Set the title of the selection column | string\\|VNode | - |  |
7067| columnWidth | Set the width of the selection column | string\\|number | - |  |
7068| fixed | Fixed selection column on the left | boolean | - |  |
7069| getCheckboxProps | Get Checkbox or Radio props | Function(record) | - |  |
7070| hideDefaultSelections | Remove the default \`Select All\` and \`Select Invert\` selections | boolean | \`false\` |  |
7071| hideSelectAll | Hide the selectAll checkbox and custom selection | boolean | false | 3.0 |
7072| preserveSelectedRowKeys | Keep selection \`key\` even when it removed from \`dataSource\` | boolean | - | 3.0 |
7073| selectedRowKeys | Controlled selected row keys | string\\[] | \\[] |  |
7074| selections | Custom selection [config](#rowselection), only displays default selections when set to \`true\` | object\\[] \\| boolean | - |  |
7075| type | \`checkbox\` or \`radio\` | \`checkbox\` \\| \`radio\` | \`checkbox\` |  |
7076| onChange | Callback executed when selected rows change | Function(selectedRowKeys, selectedRows) | - |  |
7077| onSelect | Callback executed when select/deselect one row | Function(record, selected, selectedRows, nativeEvent) | - |  |
7078| onSelectAll | Callback executed when select/deselect all rows | Function(selected, selectedRows, changeRows) | - |  |
7079| onSelectInvert | Callback executed when row selection is inverted | Function(selectedRows) | - |  |
7080| onSelectNone | Callback executed when row selection is cleared | function() | - | 3.0 |
7081
7082### scroll
7083
7084| Property | Description | Type | Default |
7085| --- | --- | --- | --- |
7086| scrollToFirstRowOnChange | Whether to scroll to the top of the table when paging, sorting, filtering changes | boolean | - |
7087| x | Set horizontal scrolling, can also be used to specify the width of the scroll area, could be number, percent value, true and ['max-content'](https://developer.mozilla.org/zh-CN/docs/Web/CSS/width#max-content) | string \\| number \\| true | - |
7088| y | Set vertical scrolling, can also be used to specify the height of the scroll area, could be string or number | string \\| number | - |
7089
7090### selection
7091
7092Custom selection config
7093
7094| Property | Description | Type | Default |
7095| --- | --- | --- | --- |
7096| key | Unique key of this selection | string | - |
7097| text | Display text of this selection | string\\|VNode | - |

7098| onSelect | Callback executed when this selection is clicked | Function(changeableRowKeys) | - |
7099
7100### FilterDropdownProps
7101
7102\`\`\`ts
7103interface FilterDropdownProps {
7104  prefixCls: string;
7105  setSelectedKeys: (selectedKeys: Key[]) => void;
7106  selectedKeys: Key[];
7107  confirm: (param?: FilterConfirmProps) => void;
7108  clearFilters?: (param?: FilterResetProps) => void;
7109  filters?: ColumnFilterItem[];
7110  visible: boolean;
7111  column: ColumnType;
7112}
7113
7114interface FilterConfirmProps {
7115  closeDropdown: boolean;
7116}
7117
7118interface FilterResetProps {
7119  confirm?: boolean;
7120  closeDropdown?: boolean;
7121}
7122\`\`\`
7123
7124## Note
7125
7126The values inside \`dataSource\` and \`columns\` should follow this in Table, and \`dataSource[i].key\` would be treated as key value default for \`dataSource\`.
7127
7128If \`dataSource[i].key\` is not provided, then you should specify the primary key of dataSource value via \`rowKey\`. If not, warnings will show in browser console.
7129
7130\`\`\`jsx
7131// primary key is uid
7132return <Table rowKey="uid" />;
7133// or
7134return <Table rowKey={record => record.uid} />;
7135\`\`\`
7136
7137## FAQ
7138
7139### How to hide pagination when single page or no data?
7140
7141You can set \`hideOnSinglePage\` with \`pagination\` prop.
7142
7143### Table will return to first page when filter data.
7144
7145Table total page count usually reduce after filter data, we defaultly return to first page in case of current page is out of filtered results.
7146
7147### Why Table pagination show size changer?
7148
7149In order to improve user experience, Pagination show size changer by default when \`total > 50\` since \`3.0\`. You can set \`showSizeChanger=false\` to disable this feature.
7150
7151### How to handle fixed column display over the mask layout?
7152
7153Fixed column use \`z-index\` to make it over other columns. You will find sometime fixed columns also over your mask layout. You can set \`z-index\` on your mask layout to resolve.
7154`,html:`<p>A table displays rows of data.</p>
7155<h2 id="when-to-use">When To Use <a class="header-anchor" href="#when-to-use">
7156          <span aria-hidden="true" class="anchor">#</span>
7157        </a></h2>
7158<ul>
7159<li>To display a collection of structured data.</li>
7160<li>To sort, search, paginate, filter data.</li>
7161</ul>
7162<h2 id="how-to-use">How To Use <a class="header-anchor" href="#how-to-use">
7163          <span aria-hidden="true" class="anchor">#</span>
7164        </a></h2>
7165<p>Specify <code>dataSource</code> of Table as an array of data.</p>
7166<pre class="language-html" v-pre><code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>template</span><span class="token punctuation">></span></span>
7167  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-table</span> <span class="token attr-name">:dataSource</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>dataSource<span class="token punctuation">"</span></span> <span class="token attr-name">:columns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>columns<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
7168<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>template</span><span class="token punctuation">></span></span>
7169<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">
7170  <span class="token keyword">export</span> <span class="token keyword">default</span> <span class="token punctuation">{</span>
7171    <span class="token function">setup</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
7172      <span class="token keyword">return</span> <span class="token punctuation">{</span>
7173        <span class="token literal-property property">dataSource</span><span class="token operator">:</span> <span class="token punctuation">[</span>

7174          <span class="token punctuation">{</span>
7175            <span class="token literal-property property">key</span><span class="token operator">:</span> <span class="token string">'1'</span><span class="token punctuation">,</span>
7176            <span class="token literal-property property">name</span><span class="token operator">:</span> <span class="token string">'Mike'</span><span class="token punctuation">,</span>
7177            <span class="token literal-property property">age</span><span class="token operator">:</span> <span class="token number">32</span><span class="token punctuation">,</span>
7178            <span class="token literal-property property">address</span><span class="token operator">:</span> <span class="token string">'10 Downing Street'</span><span class="token punctuation">,</span>
7179          <span class="token punctuation">}</span><span class="token punctuation">,</span>
7180          <span class="token punctuation">{</span>
7181            <span class="token literal-property property">key</span><span class="token operator">:</span> <span class="token string">'2'</span><span class="token punctuation">,</span>
7182            <span class="token literal-property property">name</span><span class="token operator">:</span> <span class="token string">'John'</span><span class="token punctuation">,</span>
7183            <span class="token literal-property property">age</span><span class="token operator">:</span> <span class="token number">42</span><span class="token punctuation">,</span>
7184            <span class="token literal-property property">address</span><span class="token operator">:</span> <span class="token string">'10 Downing Street'</span><span class="token punctuation">,</span>
7185          <span class="token punctuation">}</span><span class="token punctuation">,</span>
7186        <span class="token punctuation">]</span><span class="token punctuation">,</span>
7187
7188        <span class="token literal-property property">columns</span><span class="token operator">:</span> <span class="token punctuation">[</span>
7189          <span class="token punctuation">{</span>
7190            <span class="token literal-property property">title</span><span class="token operator">:</span> <span class="token string">'Name'</span><span class="token punctuation">,</span>
7191            <span class="token literal-property property">dataIndex</span><span class="token operator">:</span> <span class="token string">'name'</span><span class="token punctuation">,</span>
7192            <span class="token literal-property property">key</span><span class="token operator">:</span> <span class="token string">'name'</span><span class="token punctuation">,</span>
7193          <span class="token punctuation">}</span><span class="token punctuation">,</span>
7194          <span class="token punctuation">{</span>
7195            <span class="token literal-property property">title</span><span class="token operator">:</span> <span class="token string">'Age'</span><span class="token punctuation">,</span>
7196            <span class="token literal-property property">dataIndex</span><span class="token operator">:</span> <span class="token string">'age'</span><span class="token punctuation">,</span>
7197            <span class="token literal-property property">key</span><span class="token operator">:</span> <span class="token string">'age'</span><span class="token punctuation">,</span>
7198          <span class="token punctuation">}</span><span class="token punctuation">,</span>
7199          <span class="token punctuation">{</span>
7200            <span class="token literal-property property">title</span><span class="token operator">:</span> <span class="token string">'Address'</span><span class="token punctuation">,</span>
7201            <span class="token literal-property property">dataIndex</span><span class="token operator">:</span> <span class="token string">'address'</span><span class="token punctuation">,</span>
7202            <span class="token literal-property property">key</span><span class="token operator">:</span> <span class="token string">'address'</span><span class="token punctuation">,</span>

7203          <span class="token punctuation">}</span><span class="token punctuation">,</span>
7204        <span class="token punctuation">]</span><span class="token punctuation">,</span>
7205      <span class="token punctuation">}</span><span class="token punctuation">;</span>
7206    <span class="token punctuation">}</span><span class="token punctuation">,</span>
7207  <span class="token punctuation">}</span><span class="token punctuation">;</span>
7208</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>
7209</code></pre>
7210<h2 id="api">API <a class="header-anchor" href="#api">
7211          <span aria-hidden="true" class="anchor">#</span>
7212        </a></h2>
7213<h3 id="table">Table <a class="header-anchor" href="#table">
7214          <span aria-hidden="true" class="anchor">#</span>
7215        </a></h3>
7216<table>
7217<thead>
7218<tr>
7219<th>Property</th>
7220<th>Description</th>
7221<th>Type</th>
7222<th>Default</th>
7223<th>Version</th>
7224</tr>
7225</thead>
7226<tbody>
7227<tr>
7228<td>bodyCell</td>
7229<td>custom body cell by slot</td>
7230<td>v-slot:bodyCell=&quot;{text, record, index, column}&quot;</td>
7231<td>-</td>
7232<td>3.0</td>
7233</tr>
7234<tr>
7235<td>bordered</td>
7236<td>Whether to show all table borders</td>
7237<td>boolean</td>
7238<td><code>false</code></td>
7239<td></td>
7240</tr>
7241<tr>
7242<td>childrenColumnName</td>
7243<td>The column contains children to display</td>
7244<td>string</td>
7245<td><code>children</code></td>
7246<td></td>
7247</tr>
7248<tr>
7249<td>columns</td>
7250<td>Columns of table <a href="#column">config</a></td>
7251<td>array</td>
7252<td>-</td>
7253<td></td>
7254</tr>
7255<tr>
7256<td>components</td>
7257<td>Override default table elements</td>
7258<td>object</td>
7259<td>-</td>
7260<td></td>
7261</tr>
7262<tr>
7263<td>customFilterDropdown</td>
7264<td>Customized filter overlay, need set <code>column.customFilterDropdown</code></td>
7265<td>v-slot:customFilterDropdown=&quot;<a href="#filterdropdownprops">FilterDropdownProps</a>&quot;</td>
7266<td>-</td>
7267<td>3.0</td>
7268</tr>
7269<tr>
7270<td>customFilterIcon</td>
7271<td>Customized filter icon</td>
7272<td>v-slot:customFilterIcon=&quot;{filtered, column}&quot;</td>
7273<td>-</td>
7274<td>3.0</td>
7275</tr>
7276<tr>
7277<td>customHeaderRow</td>
7278<td>Set props on per header row</td>
7279<td>Function(columns, index)</td>
7280<td>-</td>
7281<td></td>
7282</tr>
7283<tr>
7284<td>customRow</td>
7285<td>Set props on per row</td>
7286<td>Function(record, index)</td>
7287<td>-</td>
7288<td></td>
7289</tr>
7290<tr>
7291<td>dataSource</td>
7292<td>Data record array to be displayed</td>
7293<td>any[]</td>
7294<td>-</td>
7295<td></td>
7296</tr>
7297<tr>
7298<td>defaultExpandAllRows</td>
7299<td>Expand all rows initially</td>
7300<td>boolean</td>
7301<td><code>false</code></td>
7302<td></td>
7303</tr>
7304<tr>
7305<td>defaultExpandedRowKeys</td>
7306<td>Initial expanded row keys</td>
7307<td>string[]</td>
7308<td>-</td>
7309<td></td>
7310</tr>
7311<tr>
7312<td>emptyText</td>
7313<td>Customize the display content when empty data</td>
7314<td>v-slot:emptyText</td>
7315<td>-</td>
7316<td>3.0</td>
7317</tr>
7318<tr>
7319<td>expandedRowKeys(v-model)</td>
7320<td>Current expanded row keys</td>
7321<td>string[]</td>
7322<td>-</td>
7323<td></td>
7324</tr>
7325<tr>
7326<td>expandedRowRender</td>
7327<td>Expanded container render for each row</td>
7328<td>Function({record, index, indent, expanded}):VNode|v-slot</td>
7329<td>-</td>
7330<td></td>
7331</tr>
7332<tr>
7333<td>expandFixed</td>
7334<td>Set column to be fixed: <code>true</code>(same as left) <code>'left'</code> <code>'right'</code></td>
7335<td>boolean | string</td>
7336<td>false</td>
7337<td>3.0</td>
7338</tr>
7339<tr>
7340<td>expandColumnTitle</td>
7341<td>Set the title of the expand column</td>
7342<td>v-slot</td>
7343<td>-</td>
7344<td>4.0.0</td>
7345</tr>
7346<tr>
7347<td>expandIcon</td>
7348<td>Customize row expand Icon.</td>
7349<td>Function(props):VNode | v-slot:expandIcon=&quot;props&quot;</td>
7350<td>-</td>
7351<td></td>
7352</tr>
7353<tr>
7354<td>expandRowByClick</td>
7355<td>Whether to expand row by clicking anywhere in the whole row</td>
7356<td>boolean</td>
7357<td><code>false</code></td>
7358<td></td>
7359</tr>
7360<tr>
7361<td>footer</td>
7362<td>Table footer renderer</td>
7363<td>Function(currentPageData)| v-slot:footer=&quot;currentPageData&quot;</td>
7364<td></td>
7365<td></td>
7366</tr>
7367<tr>
7368<td>getPopupContainer</td>
7369<td>the render container of dropdowns in table</td>
7370<td>(triggerNode) =&gt; HTMLElement</td>
7371<td><code>() =&gt; TableHtmlElement</code></td>
7372<td>1.5.0</td>
7373</tr>
7374<tr>
7375<td>headerCell</td>
7376<td>custom head cell by slot</td>
7377<td>v-slot:headerCell=&quot;{title, column}&quot;</td>
7378<td>-</td>
7379<td>3.0</td>
7380</tr>
7381<tr>
7382<td>indentSize</td>
7383<td>Indent size in pixels of tree data</td>
7384<td>number</td>
7385<td>15</td>
7386<td></td>
7387</tr>
7388<tr>
7389<td>loading</td>
7390<td>Loading status of table</td>
7391<td>boolean|<a href="/components/spin">object</a></td>
7392<td><code>false</code></td>
7393<td></td>
7394</tr>
7395<tr>
7396<td>locale</td>
7397<td>

7397i18n text including filter, sort, empty text, etc</td>
7398<td>object</td>
7399<td>filterConfirm: 'Ok' <br /> filterReset: 'Reset' <br /> emptyText: 'No Data'</td>
7400<td></td>
7401</tr>
7402<tr>
7403<td>pagination</td>
7404<td>Config of pagination. You can ref table pagination <a href="#pagination">config</a> or full <a href="/components/pagination/"><code>pagination</code></a> document, hide it by setting it to <code>false</code></td>
7405<td>object | <code>false</code></td>
7406<td></td>
7407<td></td>
7408</tr>
7409<tr>
7410<td>rowClassName</td>
7411<td>Row's className</td>
7412<td>Function(record, index):string</td>
7413<td>-</td>
7414<td></td>
7415</tr>
7416<tr>
7417<td>rowExpandable</td>
7418<td>Enable row can be expandable</td>
7419<td>(record) =&gt; boolean</td>
7420<td>-</td>
7421<td></td>
7422</tr>
7423<tr>
7424<td>rowKey</td>
7425<td>Row's unique key, could be a string or function that returns a string</td>
7426<td>string|Function(record, index):string</td>
7427<td><code>key</code></td>
7428<td></td>
7429</tr>
7430<tr>
7431<td>rowSelection</td>
7432<td>Row selection <a href="#rowselection">config</a></td>
7433<td>object</td>
7434<td>null</td>
7435<td></td>
7436</tr>
7437<tr>
7438<td>scroll</td>
7439<td>Whether the table can be scrollable, <a href="#scroll">config</a></td>
7440<td>object</td>
7441<td>-</td>
7442<td></td>
7443</tr>
7444<tr>
7445<td>showExpandColumn</td>
7446<td>Show expand column</td>
7447<td>boolean</td>
7448<td>true</td>
7449<td>3.0</td>
7450</tr>
7451<tr>
7452<td>showHeader</td>
7453<td>Whether to show table header</td>
7454<td>boolean</td>
7455<td><code>true</code></td>
7456<td></td>
7457</tr>
7458<tr>
7459<td>showSorterTooltip</td>
7460<td>The header show next sorter direction tooltip. It will be set as the property of Tooltip if its type is object</td>
7461<td>boolean | <a href="/components/tooltip/#api">Tooltip props</a></td>
7462<td>true</td>
7463<td>3.0</td>
7464</tr>
7465<tr>
7466<td>size</td>
7467<td>Size of table</td>
7468<td><code>middle</code> | <code>small</code> | <code>large</code></td>
7469<td><code>large</code></td>
7470<td></td>
7471</tr>
7472<tr>
7473<td>sortDirections</td>
7474<td>Supported sort way, could be <code>ascend</code>, <code>descend</code></td>
7475<td>Array</td>
7476<td>[<code>ascend</code>, <code>descend</code>]</td>
7477<td>3.0</td>
7478</tr>
7479<tr>
7480<td>sticky</td>
7481<td>Set sticky header and scroll bar</td>
7482<td>boolean | <code>{offsetHeader?: number, offsetScroll?: number, getContainer?: () =&gt; HTMLElement}</code></td>
7483<td>-</td>
7484<td>3.0</td>
7485</tr>
7486<tr>
7487<td>summary</td>
7488<td>Summary content</td>
7489<td>v-slot:summary</td>
7490<td>-</td>
7491<td>3.0</td>
7492</tr>
7493<tr>
7494<td>tableLayout</td>
7495<td><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/table-layout" target="_blank" rel="noopener noreferrer">table-layout</a> attribute of table element</td>
7496<td>- | 'auto' | 'fixed'</td>
7497<td>-<hr /><code>fixed</code> when header/columns are fixed, or using <code>column.ellipsis</code></td>
7498<td>1.5.0</td>
7499</tr>
7500<tr>
7501<td>title</td>
7502<td>Table title renderer</td>
7503<td>Function(currentPageData)| v-slot:title=&quot;currentPageData&quot;</td>
7504<td></td>
7505<td></td>
7506</tr>
7507<tr>
7508<td>transformCellText</td>
7509<td>The data can be changed again before rendering, generally used for the default configuration of empty data. You can configured globally through <a href="/components/config-provider-cn/">ConfigProvider</a></td>
7510<td>Function({ text, column, record, index }) =&gt; any, The <code>text</code> here is the data processed by other defined cell api, and it may be of type VNode | string | number</td>
7511<td>-</td>
7512<td>1.5.4 \uFF5C</td>
7513</tr>
7514</tbody>
7515</table>
7516<h3 id="events">Events <a class="header-anchor" href="#events">
7517          <span aria-hidden="true" class="anchor">#</span>
7518        </a></h3>
7519<table>
7520<thead>
7521<tr>
7522<th>Events Name</th>
7523<th>Description</th>
7524<th>Arguments</th>
7525<th></th>
7526</tr>
7527</thead>
7528<tbody>
7529<tr>
7530<td>change</td>
7531<td>Callback executed when pagination, filters or sorter is changed</td>
7532<td>Function(pagination, filters, sorter, { action, currentDataSource })</td>
7533<td></td>
7534</tr>
7535<tr>
7536<td>expand</td>
7537<td>Callback executed when the row expand icon is clicked</td>
7538<td>Function(expanded, record)</td>
7539<td></td>
7540</tr>
7541<tr>
7542<td>expandedRowsChange</td>
7543<td>Callback executed when the expanded rows change</td>
7544<td>Function(expandedRows)</td>
7545<td></td>
7546</tr>
7547<tr>
7548<td>resizeColumn</td>
7549<td>Triggered when the column is dragged</td>
7550<td>Function(width, column)</td>
7551<td></td>
7552</tr>
7553</tbody>
7554</table>
7555<h4 id="customrow-usage">customRow usage <a class="header-anchor" href="#customrow-usage">

7556          <span aria-hidden="true" class="anchor">#</span>
7557        </a></h4>
7558<p>Same as <code>customRow</code> <code>customHeaderRow</code> <code>customCell</code> <code>customHeaderCell</code>. Follow <a href="https://github.com/vuejs/babel-plugin-transform-vue-jsx" target="_blank" rel="noopener noreferrer">Vue jsx</a> syntax\u3002</p>
7559<pre class="language-jsx" v-pre><code><span class="token operator">&lt;</span>Table
7560  customRow<span class="token operator">=</span><span class="token punctuation">{</span><span class="token punctuation">(</span><span class="token parameter">record</span><span class="token punctuation">)</span> <span class="token operator">=></span> <span class="token punctuation">{</span>
7561    <span class="token keyword">return</span> <span class="token punctuation">{</span>
7562      xxx<span class="token punctuation">,</span> <span class="token comment">// props</span>
7563      <span class="token function-variable function">onClick</span><span class="token operator">:</span> <span class="token punctuation">(</span><span class="token parameter">event</span><span class="token punctuation">)</span> <span class="token operator">=></span> <span class="token punctuation">{</span><span class="token punctuation">}</span><span class="token punctuation">,</span>       <span class="token comment">// click row</span>
7564      <span class="token function-variable function">onDblclick</span><span class="token operator">:</span> <span class="token punctuation">(</span><span class="token parameter">event</span><span class="token punctuation">)</span> <span class="token operator">=></span> <span class="token punctuation">{</span><span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token comment">// double click row</span>
7565      <span class="token function-variable function">onContextmenu</span><span class="token operator">:</span> <span class="token punctuation">(</span><span class="token parameter">event</span><span class="token punctuation">)</span> <span class="token operator">=></span> <span class="token punctuation">{</span><span class="token punctuation">}</span>  <span class="token comment">// right button click row</span>
7566      <span class="token function-variable function">onMouseenter</span><span class="token operator">:</span> <span class="token punctuation">(</span><span class="token parameter">event</span><span class="token punctuation">)</span> <span class="token operator">=></span> <span class="token punctuation">{</span><span class="token punctuation">}</span>   <span class="token comment">// mouse enter row</span>
7567      <span class="token function-variable function">onMouseleave</span><span class="token operator">:</span> <span class="token punctuation">(</span><span class="token parameter">event</span><span class="token punctuation">)</span> <span class="token operator">=></span> <span class="token punctuation">{</span><span class="token punctuation">}</span>   <span class="token comment">// mouse leave row</span>
7568    <span class="token punctuation">}</span><span class="token punctuation">;</span>
7569  <span class="token punctuation">}</span><span class="token punctuation">}</span>
7570  customHeaderRow<span class="token operator">=</span><span class="token punctuation">{</span><span class="token punctuation">(</span><span class="token parameter">columns<span class="token punctuation">,</span> index</span><span class="token punctuation">)</span> <span class="token operator">=></span> <span class="token punctuation">{</span>
7571    <span class="token keyword">return</span> <span class="token punctuation">{</span>
7572      <span class="token function-variable function">onClick</span><span class="token operator">:</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=></span> <span class="token punctuation">{</span><span class="token punctuation">}</span><span class="token punctuation">,</span>        <span class="token comment">// click header row</span>
7573    <span class="token punctuation">}</span><span class="token punctuation">;</span>
7574  <span class="token punctuation">}</span><span class="token punctuation">}</span>
7575<span class="token operator">/</span><span class="token operator">></span>
7576</code></pre>
7577<h3 id="column">Column <a class="header-anchor" href="#column">

7578          <span aria-hidden="true" class="anchor">#</span>
7579        </a></h3>
7580<p>One of the Table <code>columns</code> prop for describing the table's columns, Column has the same API.</p>
7581<table>
7582<thead>
7583<tr>
7584<th>Property</th>
7585<th>Description</th>
7586<th>Type</th>
7587<th>Default</th>
7588<th>Version</th>
7589</tr>
7590</thead>
7591<tbody>
7592<tr>
7593<td>align</td>
7594<td>specify how content is aligned</td>
7595<td>'left' | 'right' | 'center'</td>
7596<td>'left'</td>
7597<td></td>
7598</tr>
7599<tr>
7600<td>colSpan</td>
7601<td>Span of this column's title</td>
7602<td>number</td>
7603<td></td>
7604<td></td>
7605</tr>
7606<tr>
7607<td>customCell</td>
7608<td>Set props on per cell</td>
7609<td>Function(record, rowIndex, column)</td>
7610<td>-</td>
7611<td>column add from 3.0</td>
7612</tr>
7613<tr>
7614<td>customFilterDropdown</td>
7615<td>use v-slot:customFilterDropdown, Priority is lower than filterDropdown</td>
7616<td>boolean</td>
7617<td>false</td>
7618<td>3.0</td>
7619</tr>
7620<tr>
7621<td>customHeaderCell</td>
7622<td>Set props on per header cell</td>
7623<td>Function(column)</td>
7624<td>-</td>
7625<td></td>
7626</tr>
7627<tr>
7628<td>customRender</td>
7629<td>Renderer of the table cell. The return value should be a VNode</td>
7630<td>Function({text, record, index}) {}</td>
7631<td>-</td>
7632<td></td>
7633</tr>
7634<tr>
7635<td>dataIndex</td>
7636<td>Display field of the data record, support nest path by string array</td>
7637<td>string | string[]</td>
7638<td>-</td>
7639<td></td>
7640</tr>
7641<tr>
7642<td>defaultFilteredValue</td>
7643<td>Default filtered values</td>
7644<td>string[]</td>
7645<td>-</td>
7646<td>1.5.0</td>
7647</tr>
7648<tr>
7649<td>filterResetToDefaultFilteredValue</td>
7650<td>click the reset button, whether to restore the default filter</td>
7651<td>boolean</td>
7652<td>false</td>
7653<td>3.3.0</td>
7654</tr>
7655<tr>
7656<td>defaultSortOrder</td>
7657<td>Default order of sorted values: <code>'ascend'</code> <code>'descend'</code> <code>null</code></td>
7658<td>string</td>
7659<td>-</td>
7660<td></td>
7661</tr>
7662<tr>
7663<td>ellipsis</td>
7664<td>ellipsize cell content, not working with sorter and filters for now.<br />tableLayout would be <code>fixed</code> when <code>ellipsis</code> is true.</td>
7665<td>boolean</td>
7666<td>false</td>
7667<td>1.5.0</td>
7668</tr>
7669<tr>
7670<td>ellipsis</td>
7671<td>The ellipsis cell content, not working with sorter and filters for now.<br />tableLayout would be <code>fixed</code> when <code>ellipsis</code> is <code>true</code> or <code>{ showTitle?: boolean }</code></td>
7672<td>boolean | {showTitle?: boolean }</td>
7673<td>false</td>
7674<td>3.0</td>
7675</tr>
7676<tr>
7677<td>filterDropdown</td>
7678<td>Customized filter overlay</td>
7679<td>VNode | (props: FilterDropdownProps) =&gt; VNode</td>
7680<td>-</td>
7681<td></td>
7682</tr>
7683<tr>
7684<td>filterDropdownOpen</td>
7685<td>Whether <code>filterDropdown</code> is open</td>
7686<td>boolean</td>
7687<td>-</td>
7688<td>4.0</td>
7689</tr>
7690<tr>
7691<td>filtered</td>
7692<td>Whether the <code>dataSource</code> is filtered</td>
7693<td>boolean</td>
7694<td><code>false</code></td>
7695<td></td>
7696</tr>
7697<tr>
7698<td>filteredValue</td>
7699<td>Controlled filtered value, filter icon will highlight</td>
7700<td>string[]</td>
7701<td>-</td>
7702<td></td>
7703</tr>
7704<tr>
7705<td>filterIcon</td>
7706<td>Customized filter icon</td>
7707<td>({filtered: boolean, column: Column})</td>
7708<td><code>false</code></td>
7709<td></td>
7710</tr>
7711<tr>
7712<td>filterMode</td>
7713<td>To specify the filter interface</td>
7714<td>'menu' | 'tree'</td>
7715<td>'menu'</td>
7716<td>3.0</td>
7717</tr>
7718<tr>
7719<td>filterMultiple</td>
7720<td>Whether multiple filters can be selected</td>
7721<td>boolean</td>
7722<td><code>true</code></td>
7723<td></td>
7724</tr>
7725<tr>
7726<td>filters</td>
7727<td>Filter menu config</td>
7728<td>object[]</td>
7729<td>-</td>
7730<td></td>
7731</tr>
7732<tr>
7733<td>filterSearch</td>
7734<td>Whether to be searchable for filter menu</td>
7735<td>boolean | function(input, filter):boolean</td>
7736<td>false</td>
7737<td>boolean: 3.0 function: 3.3.0</td>
7738</tr>
7739<tr>
7740<td>fixed</td>
7741<td>Set column to be fixed: <code>true</code>(same as left) <code>'left'</code> <code>'right'</code></td>
7742<td>boolean|string</td>
7743<td><code>false</code></td>
7744<td></td>
7745</tr>
7746<tr>
7747<td>key</td>
7748<td>Unique key of this column, you can ignore this prop if you've set a unique <code>dataIndex</code></td>
7749<td>string</td>
7750<td>-</td>
7751<td></td>
7752</tr>
7753<tr>
7754<td>maxWidth</td>
7755<td>Drag the maximum width of the column, it will be affected by the automatic adjustment and distribution of the table width</td>
7756<td>number</td>
7757<td>-</td>
7758<td>3.0</td>
7759</tr>
7760<tr>
7761<td>minWidth</td>
7762<td>Drag the minimum width of the column, it will be affected by the automatic adjustment and distribution of the table width</td>
7763<td>number</td>
7764<td>50</td>
7765<td>3.0</td>
7766</tr>
7767<tr>
7768<td>resizable</td>
7769<td>

7769Whether the width can be adjusted by dragging, at this time width must be number type</td>
7770<td>boolean</td>
7771<td>-</td>
7772<td>3.0</td>
7773</tr>
7774<tr>
7775<td>responsive</td>
7776<td>The list of breakpoints at which to display this column. Always visible if not set.</td>
7777<td><a href="#breakpoint">Breakpoint</a>[]</td>
7778<td>-</td>
7779<td>3.0</td>
7780</tr>
7781<tr>
7782<td>rowScope</td>
7783<td>Set scope attribute for all cells in this column</td>
7784<td><code>row</code> | <code>rowgroup</code></td>
7785<td>-</td>
7786<td>4.0</td>
7787</tr>
7788<tr>
7789<td>sortDirections</td>
7790<td>supported sort way, could be <code>'ascend'</code>, <code>'descend'</code></td>
7791<td>Array</td>
7792<td><code>['ascend', 'descend']</code></td>
7793<td>1.5.0</td>
7794</tr>
7795<tr>
7796<td>sorter</td>
7797<td>Sort function for local sort, see <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort" target="_blank" rel="noopener noreferrer">Array.sort</a>'s compareFunction. If you need sort buttons only, set to <code>true</code></td>
7798<td>Function|boolean</td>
7799<td>-</td>
7800<td></td>
7801</tr>
7802<tr>
7803<td>sortOrder</td>
7804<td>Order of sorted values: <code>'ascend'</code> <code>'descend'</code> <code>null</code></td>
7805<td>string</td>
7806<td>-</td>
7807<td></td>
7808</tr>
7809<tr>
7810<td>title</td>
7811<td>Title of this column</td>
7812<td>string</td>
7813<td>-</td>
7814<td></td>
7815</tr>
7816<tr>
7817<td>width</td>
7818<td>Width of this column</td>
7819<td>string|number</td>
7820<td>-</td>
7821<td></td>
7822</tr>
7823<tr>
7824<td>onFilter</td>
7825<td>Callback executed when the confirm filter button is clicked, Use as a <code>filter</code> event when using template or jsx</td>
7826<td>Function</td>
7827<td>-</td>
7828<td></td>
7829</tr>
7830<tr>
7831<td>onFilterDropdownOpenChange</td>
7832<td>Callback executed when <code>filterDropdownOpen</code> is changed, Use as a <code>filterDropdownOpen</code> event when using template or jsx</td>
7833<td>function(open) {}</td>
7834<td>-</td>
7835<td>4.0</td>
7836</tr>
7837</tbody>
7838</table>
7839<h4 id="breakpoint">Breakpoint <a class="header-anchor" href="#breakpoint">
7840          <span aria-hidden="true" class="anchor">#</span>
7841        </a></h4>
7842<pre class="language-ts" v-pre><code><span class="token keyword">type</span> <span class="token class-name">Breakpoint</span> <span class="token operator">=</span> <span class="token string">'xxxl'</span> <span class="token operator">|</span> <span class="token string">'xxl'</span> <span class="token operator">|</span> <span class="token string">'xl'</span> <span class="token operator">|</span> <span class="token string">'lg'</span> <span class="token operator">|</span> <span class="token string">'md'</span> <span class="token operator">|</span> <span class="token string">'sm'</span> <span class="token operator">|</span> <span class="token string">'xs'</span><span class="token punctuation">;</span>
7843</code></pre>
7844<h3 id="columngroup">ColumnGroup <a class="header-anchor" href="#columngroup">
7845          <span aria-hidden="true" class="anchor">#</span>
7846        </a></h3>
7847<table>
7848<thead>
7849<tr>
7850<th>Property</th>
7851<th>Description</th>
7852<th>Type</th>
7853<th>Default</th>
7854</tr>
7855</thead>
7856<tbody>
7857<tr>
7858<td>title</td>
7859<td>Title of the column group</td>
7860<td>string|slot</td>
7861<td>-</td>
7862</tr>
7863</tbody>
7864</table>
7865<h3 id="pagination">pagination <a class="header-anchor" href="#pagination">
7866          <span aria-hidden="true" class="anchor">#</span>
7867        </a></h3>
7868<p>Properties for pagination.</p>
7869<table>
7870<thead>
7871<tr>
7872<th>Property</th>
7873<th>Description</th>
7874<th>Type</th>
7875<th>Default</th>
7876</tr>
7877</thead>
7878<tbody>
7879<tr>
7880<td>position</td>
7881<td>Specify the position of <code>Pagination</code>, could be<code>topLeft</code> | <code>topCenter</code> | <code>topRight</code> |<code>bottomLeft</code> | <code>bottomCenter</code> | <code>bottomRight</code></td>
7882<td>Array</td>
7883<td>[<code>bottomRight</code>]</td>
7884</tr>
7885</tbody>
7886</table>
7887<p>More about pagination, please check <a href="/components/pagination/"><code>Pagination</code></a>.</p>
7888<h3 id="rowselection">rowSelection <a class="header-anchor" href="#rowselection">
7889          <span aria-hidden="true" class="anchor">#</span>
7890        </a></h3>
7891<p>Properties for row selection.</p>
7892<table>
7893<thead>
7894<tr>
7895<th>Property</th>
7896<th>Description</th>
7897<th>Type</th>
7898<th>Default</th>
7899<th>Version</th>
7900</tr>
7901</thead>
7902<tbody>
7903<tr>
7904<td>checkStrictly</td>
7905<td>Check table row precisely; parent row and children rows are not associated</td>
7906<td>boolean</td>
7907<td>true</td>
7908<td>3.0</td>
7909</tr>
7910<tr>
7911<td>columnTitle</td>
7912<td>Set the title of the selection column</td>
7913<td>string|VNode</td>
7914<td>-</td>
7915<td></td>
7916</tr>
7917<tr>
7918<td>columnWidth</td>
7919<td>Set the width of the selection column</td>
7920<td>string|number</td>
7921<td>-</td>
7922<td></td>
7923</tr>
7924<tr>
7925<td>fixed</td>
7926<td>Fixed selection column on the left</td>
7927<td>boolean</td>
7928<td>-</td>
7929<td></td>
7930</tr>
7931<tr>
7932<td>getCheckboxProps</td>
7933<td>Get Checkbox or Radio props</td>
7934<td>Function(record)</td>
7935<td>-</td>
7936<td></td>
7937</tr>
7938<tr>
7939<td>hideDefaultSelections</td>
7940<td>Remove the default <code>Select All</code> and <code>Select Invert</code> selections</td>
7941<td>boolean</td>
7942<td><code>false</code></td>
7943<td></td>
7944</tr>
7945<tr>
7946<td>hideSelectAll</td>
7947<td>Hide the selectAll checkbox and custom selection</td>
7948<td>boolean</td>
7949<td>false</td>
7950<td>3.0</td>
7951</tr>
7952<tr>
7953<td>preserveSelectedRowKeys</td>
7954<td>Keep selection <code>key</code> even when it removed from <code>dataSource</code></td>
7955<td>boolean</td>
7956<td>-</td>
7957<td>3.0</td>
7958</tr>
7959<tr>
7960<td>selectedRowKeys</td>
7961<td>Controlled selected row keys</td>
7962<td>string[]</td>
7963<td>[]</td>
7964<td></td>
7965</tr>
7966<tr>
7967<td>selections</td>
7968<td>Custom selection <a href="#rowselection">config</a>, only displays default selections when set to <code>true</code></td>
7969<td>object[] | boolean</td>
7970<td>-</td>
7971<td></td>
7972</tr>
7973<tr>
7974<td>type</td>
7975<td><code>checkbox</code> or <code>radio</code></td>
7976<td><code>checkbox</code> | <code>radio</code></td>
7977<td><code>checkbox</code></td>
7978<td></td>
7979</tr>
7980<tr>
7981<td>

7981onChange</td>
7982<td>Callback executed when selected rows change</td>
7983<td>Function(selectedRowKeys, selectedRows)</td>
7984<td>-</td>
7985<td></td>
7986</tr>
7987<tr>
7988<td>onSelect</td>
7989<td>Callback executed when select/deselect one row</td>
7990<td>Function(record, selected, selectedRows, nativeEvent)</td>
7991<td>-</td>
7992<td></td>
7993</tr>
7994<tr>
7995<td>onSelectAll</td>
7996<td>Callback executed when select/deselect all rows</td>
7997<td>Function(selected, selectedRows, changeRows)</td>
7998<td>-</td>
7999<td></td>
8000</tr>
8001<tr>
8002<td>onSelectInvert</td>
8003<td>Callback executed when row selection is inverted</td>
8004<td>Function(selectedRows)</td>
8005<td>-</td>
8006<td></td>
8007</tr>
8008<tr>
8009<td>onSelectNone</td>
8010<td>Callback executed when row selection is cleared</td>
8011<td>function()</td>
8012<td>-</td>
8013<td>3.0</td>
8014</tr>
8015</tbody>
8016</table>
8017<h3 id="scroll">scroll <a class="header-anchor" href="#scroll">
8018          <span aria-hidden="true" class="anchor">#</span>
8019        </a></h3>
8020<table>
8021<thead>
8022<tr>
8023<th>Property</th>
8024<th>Description</th>
8025<th>Type</th>
8026<th>Default</th>
8027</tr>
8028</thead>
8029<tbody>
8030<tr>
8031<td>scrollToFirstRowOnChange</td>
8032<td>Whether to scroll to the top of the table when paging, sorting, filtering changes</td>
8033<td>boolean</td>
8034<td>-</td>
8035</tr>
8036<tr>
8037<td>x</td>
8038<td>Set horizontal scrolling, can also be used to specify the width of the scroll area, could be number, percent value, true and <a href="https://developer.mozilla.org/zh-CN/docs/Web/CSS/width#max-content" target="_blank" rel="noopener noreferrer">'max-content'</a></td>
8039<td>string | number | true</td>
8040<td>-</td>
8041</tr>
8042<tr>
8043<td>y</td>
8044<td>Set vertical scrolling, can also be used to specify the height of the scroll area, could be string or number</td>
8045<td>string | number</td>
8046<td>-</td>
8047</tr>
8048</tbody>
8049</table>
8050<h3 id="selection">selection <a class="header-anchor" href="#selection">
8051          <span aria-hidden="true" class="anchor">#</span>
8052        </a></h3>
8053<p>Custom selection config</p>
8054<table>
8055<thead>
8056<tr>
8057<th>Property</th>
8058<th>Description</th>
8059<th>Type</th>
8060<th>Default</th>
8061</tr>
8062</thead>
8063<tbody>
8064<tr>
8065<td>key</td>
8066<td>Unique key of this selection</td>
8067<td>string</td>
8068<td>-</td>
8069</tr>
8070<tr>
8071<td>text</td>
8072<td>Display text of this selection</td>
8073<td>string|VNode</td>
8074<td>-</td>
8075</tr>
8076<tr>
8077<td>onSelect</td>
8078<td>Callback executed when this selection is clicked</td>
8079<td>Function(changeableRowKeys)</td>
8080<td>-</td>
8081</tr>
8082</tbody>
8083</table>
8084<h3 id="filterdropdownprops">FilterDropdownProps <a class="header-anchor" href="#filterdropdownprops">
8085          <span aria-hidden="true" class="anchor">#</span>
8086        </a></h3>
8087<pre class="language-ts" v-pre><code><span class="token keyword">interface</span> <span class="token class-name">FilterDropdownProps</span> <span class="token punctuation">{</span>
8088  prefixCls<span class="token operator">:</span> <span class="token builtin">string</span><span class="token punctuation">;</span>
8089  <span class="token function-variable function">setSelectedKeys</span><span class="token operator">:</span> <span class="token punctuation">(</span>selectedKeys<span class="token operator">:</span> Key<span class="token punctuation">[</span><span class="token punctuation">]</span><span class="token punctuation">)</span> <span class="token operator">=></span> <span class="token keyword">void</span><span class="token punctuation">;</span>
8090  selectedKeys<span class="token operator">:</span> Key<span class="token punctuation">[</span><span class="token punctuation">]</span><span class="token punctuation">;</span>
8091  <span class="token function-variable function">confirm</span><span class="token operator">:</span> <span class="token punctuation">(</span>param<span class="token operator">?</span><span class="token operator">:</span> FilterConfirmProps<span class="token punctuation">)</span> <span class="token operator">=></span> <span class="token keyword">void</span><span class="token punctuation">;</span>
8092  clearFilters<span class="token operator">?</span><span class="token operator">:</span> <span class="token punctuation">(</span>param<span class="token operator">?</span><span class="token operator">:</span> FilterResetProps<span class="token punctuation">)</span> <span class="token operator">=></span> <span class="token keyword">void</span><span class="token punctuation">;</span>
8093  filters<span class="token operator">?</span><span class="token operator">:</span> ColumnFilterItem<span class="token punctuation">[</span><span class="token punctuation">]</span><span class="token punctuation">;</span>
8094  visible<span class="token operator">:</span> <span class="token builtin">boolean</span><span class="token punctuation">;</span>
8095  column<span class="token operator">:</span> ColumnType<span class="token punctuation">;</span>
8096<span class="token punctuation">}</span>
8097
8098<span class="token keyword">interface</span> <span class="token class-name">FilterConfirmProps</span> <span class="token punctuation">{</span>
8099  closeDropdown<span class="token operator">:</span> <span class="token builtin">boolean</span><span class="token punctuation">;</span>
8100<span class="token punctuation">}</span>
8101
8102<span class="token keyword">interface</span> <span class="token class-name">FilterResetProps</span> <span class="token punctuation">{</span>
8103  confirm<span class="token operator">?</span><span class="token operator">:</span> <span class="token builtin">boolean</span><span class="token punctuation">;</span>
8104  closeDropdown<span class="token operator">?</span><span class="token operator">:</span> <span class="token builtin">boolean</span><span class="token punctuation">;</span>
8105<span class="token punctuation">}</span>
8106</code></pre>
8107<h2 id="note">Note <a class="header-anchor" href="#note">

8108          <span aria-hidden="true" class="anchor">#</span>
8109        </a></h2>
8110<p>The values inside <code>dataSource</code> and <code>columns</code> should follow this in Table, and <code>dataSource[i].key</code> would be treated as key value default for <code>dataSource</code>.</p>
8111<p>If <code>dataSource[i].key</code> is not provided, then you should specify the primary key of dataSource value via <code>rowKey</code>. If not, warnings will show in browser console.</p>
8112<pre class="language-jsx" v-pre><code><span class="token comment">// primary key is uid</span>
8113<span class="token keyword">return</span> <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span><span class="token class-name">Table</span></span> <span class="token attr-name">rowKey</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>uid<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span><span class="token punctuation">;</span>
8114<span class="token comment">// or</span>
8115<span class="token keyword">return</span> <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span><span class="token class-name">Table</span></span> <span class="token attr-name">rowKey</span><span class="token script language-javascript"><span class="token script-punctuation punctuation">=</span><span class="token punctuation">{</span><span class="token parameter">record</span> <span class="token operator">=></span> record<span class="token punctuation">.</span>uid<span class="token punctuation">}</span></span> <span class="token punctuation">/></span></span><span class="token punctuation">;</span>
8116</code></pre>
8117<h2 id="faq">FAQ <a class="header-anchor" href="#faq">
8118          <span aria-hidden="true" class="anchor">#</span>
8119        </a></h2>
8120<h3 id="how-to-hide-pagination-when-single-page-or-no-data">How to hide pagination when single page or no data? <a class="header-anchor" href="#how-to-hide-pagination-when-single-page-or-no-data">
8121          <span aria-hidden="true" class="anchor">#</span>
8122        </a></h3>
8123<p>You can set <code>hideOnSinglePage</code> with <code>pagination</code> prop.</p>
8124<h3 id="table-will-return-to-first-page-when-filter-data">Table will return to first page when filter data. <a class="header-anchor" href="#table-will-return-to-first-page-when-filter-data">
8125          <span aria-hidden="true" class="anchor">#</span>
8126        </a></h3>
8127<p>Table total page count usually reduce after filter data, we defaultly return to first page in case of current page is out of filtered results.</p>
8128<h3 id="why-table-pagination-show-size-changer">Why Table pagination show size changer? <a class="header-anchor" href="#why-table-pagination-show-size-changer">
8129          <span aria-hidden="true" class="anchor">#</span>
8130        </a></h3>
8131<p>In order to improve user experience, Pagination show size changer by default when <code>total &gt; 50</code> since <code>3.0</code>. You can set <code>showSizeChanger=false</code> to disable this feature.</p>
8132<h3 id="how-to-handle-fixed-column-display-over-the-mask-layout">How to handle fixed column display over the mask layout? <a class="header-anchor" href="#how-to-handle-fixed-column-display-over-the-mask-layout">
8133          <span aria-hidden="true" class="anchor">#</span>
8134        </a></h3>
8135<p>Fixed column use <code>z-index</code> to make it over other columns. You will find sometime fixed columns also over your mask layout. You can set <code>z-index</code> on your mask layout to resolve.</p>
8136`,lastUpdated:1784881770208}},pe={class:"markdown"};function ce(t,o,p,c,s,e){return m(),W("article",pe,[...o[0]||(o[0]=[Wa(`<p>A table displays rows of data.</p><h2 id="when-to-use">When To Use <a class="header-anchor" href="#when-to-use"><span aria-hidden="true" class="anchor">#</span></a></h2><ul><li>To display a collection of structured data.</li><li>To sort, search, paginate, filter data.</li></ul><h2 id="how-to-use">How To Use <a class="header-anchor" href="#how-to-use"><span aria-hidden="true" class="anchor">#</span></a></h2><p>Specify <code>dataSource</code> of Table as an array of data.</p><pre class="language-html"><code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>template</span><span class="token punctuation">&gt;</span></span>
8137  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-table</span> <span class="token attr-name">:dataSource</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>dataSource<span class="token punctuation">&quot;</span></span> <span class="token attr-name">:columns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>columns<span class="token punctuation">&quot;</span></span> <span class="token punctuation">/&gt;</span></span>
8138<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>template</span><span class="token punctuation">&gt;</span></span>
8139<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">&gt;</span></span><span class="token script"><span class="token language-javascript">
8140  <span class="token keyword">export</span> <span class="token keyword">default</span> <span class="token punctuation">{</span>
8141    <span class="token function">setup</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>

8142      <span class="token keyword">return</span> <span class="token punctuation">{</span>
8143        <span class="token literal-property property">dataSource</span><span class="token operator">:</span> <span class="token punctuation">[</span>
8144          <span class="token punctuation">{</span>
8145            <span class="token literal-property property">key</span><span class="token operator">:</span> <span class="token string">&#39;1&#39;</span><span class="token punctuation">,</span>
8146            <span class="token literal-property property">name</span><span class="token operator">:</span> <span class="token string">&#39;Mike&#39;</span><span class="token punctuation">,</span>
8147            <span class="token literal-property property">age</span><span class="token operator">:</span> <span class="token number">32</span><span class="token punctuation">,</span>
8148            <span class="token literal-property property">address</span><span class="token operator">:</span> <span class="token string">&#39;10 Downing Street&#39;

8148</span><span class="token punctuation">,</span>
8149          <span class="token punctuation">}</span><span class="token punctuation">,</span>
8150          <span class="token punctuation">{</span>
8151            <span class="token literal-property property">key</span><span class="token operator">:</span> <span class="token string">&#39;2&#39;</span><span class="token punctuation">,</span>
8152            <span class="token literal-property property">name</span><span class="token operator">:</span> <span class="token string">&#39;John&#39;</span><span class="token punctuation">,</span>
8153            <span class="token literal-property property">age</span><span class="token operator">:</span> <span class="token number">42</span><span class="token punctuation">,</span>
8154            <span class="token literal-property property">address</span><span class="token operator">:</span> <span class="token string">&#39;10 Downing Street&#39;</span><span class="token punctuation">,</span>
8155          <span class="token punctuation">}</span><span class="token punctuation">,</span>
8156        <span class="token punctuation">]</span><span class="token punctuation">,</span>
8157
8158        <span class="token literal-property property">columns</span><span class="token operator">:</span> <span class="token punctuation">[</span>
8159          <span class="token punctuation">{</span>
8160            <span class="token literal-property property">title</span><span class="token operator">:</span> <span class="token string">&#39;Name&#39;</span><span class="token punctuation">,</span>
8161            <span class="token literal-property property">dataIndex</span><span class="token operator">:</span> <span class="token string">&#39;name&#39;</span><span class="token punctuation">,</span>
8162            <span class="token literal-property property">key</span><span class="token operator">:</span> <span class="token string">&#39;name&#39;</span><span class="token punctuation">,</span>
8163          <span class="token punctuation">}</span><span class="token punctuation">,</span>
8164          <span class="token punctuation">{</span>
8165            <span class="token literal-property property">title</span><span class="token operator">:</span> <span class="token string">&#39;Age&#39;</span><span class="token punctuation">,</span>
8166            <span class="token literal-property property">dataIndex</span><span class="token operator">:</span> <span class="token string">&#39;age&#39;</span><span class="token punctuation">,</span>
8167            <span class="token literal-property property">key</span><span class="token operator">:</span> <span class="token string">&#39;age&#39;</span><span class="token punctuation">,</span>
8168          <span class="token punctuation">}</span><span class="token punctuation">,</span>
8169          <span class="token punctuation">{</span>
8170            <span class="token literal-property property">title</span><span class="token operator">:</span> <span class="token string">&#39;Address&#39;</span><span class="token punctuation">,</span>
8171            <span class="token literal-property property">dataIndex</span><span class="token operator">:</span> <span class="token string">&#39;address&#39;</span><span class="token punctuation">,</span>
8172            <span class="token literal-property property">key</span><span class="token operator">:</span> <span class="token string">&#39;address&#39;</span><span class="token punctuation">,</span>
8173          <span class="token punctuation">}</span><span class="token punctuation">,</span>
8174        <span class="token punctuation">]</span><span class="token punctuation">,</span>
8175      <span class="token punctuation">}</span><span class="token punctuation">;</span>
8176    <span class="token punctuation">}</span><span class="token punctuation">,</span>
8177  <span class="token punctuation">}</span><span class="token punctuation">;</span>
8178</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">&gt;</span></span>
8179</code></pre><h2 id="api">API <a class="header-anchor" href="#api"><span aria-hidden="true" class="anchor">#</span></a></h2><h3 id="table">Table <a class="header-anchor" href="#table"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>

8179Property</th><th>Description</th><th>Type</th><th>Default</th><th>Version</th></tr></thead><tbody><tr><td>bodyCell</td><td>custom body cell by slot</td><td>v-slot:bodyCell=&quot;{text, record, index, column}&quot;</td><td>-</td><td>3.0</td></tr><tr><td>bordered</td><td>Whether to show all table borders</td><td>boolean</td><td><code>false</code></td><td></td></tr><tr><td>childrenColumnName</td><td>The column contains children to display</td><td>string</td><td><code>children</code></td><td></td></tr><tr><td>columns</td><td>Columns of table <a href="#column">config</a></td><td>array</td><td>-</td><td></td></tr><tr><td>components</td><td>Override default table elements</td><td>object</td><td>-</td><td></td></tr><tr><td>customFilterDropdown</td><td>Customized filter overlay, need set <code>column.customFilterDropdown</code></td><td>v-slot:customFilterDropdown=&quot;<a href="#filterdropdownprops">FilterDropdownProps</a>&quot;</td><td>-</td><td>3.0</td></tr><tr><td>customFilterIcon</td><td>Customized filter icon</td><td>v-slot:customFilterIcon=&quot;{filtered, column}&quot;</td><td>-</td><td>3.0</td></tr><tr><td>customHeaderRow</td><td>Set props on per header row</td><td>Function(columns, index)</td><td>-</td><td></td></tr><tr><td>customRow</td><td>Set props on per row</td><td>Function(record, index)</td><td>-</td><td></td></tr><tr><td>dataSource</td><td>Data record array to be displayed</td><td>any[]</td><td>-</td><td></td></tr><tr><td>defaultExpandAllRows</td><td>Expand all rows initially</td><td>boolean</td><td><code>false</code></td><td></td></tr><tr><td>defaultExpandedRowKeys</td><td>Initial expanded row keys</td><td>string[]</td><td>-</td><td></td></tr><tr><td>emptyText</td><td>Customize the display content when empty data</td><td>v-slot:emptyText</td><td>-</td><td>3.0</td></tr><tr><td>expandedRowKeys(v-model)</td><td>Current expanded row keys</td><td>string[]</td><td>-</td><td></td></tr><tr><td>expandedRowRender</td><td>Expanded container render for each row</td><td>Function({record, index, indent, expanded}):VNode|v-slot</td><td>-</td><td></td></tr><tr><td>expandFixed</td><td>Set column to be fixed: <code>true</code>(same as left) <code>&#39;left&#39;</code> <code>&#39;right&#39;</code></td><td>boolean | string</td><td>false</td><td>3.0</td></tr><tr><td>expandColumnTitle</td><td>Set the title of the expand column</td><td>v-slot</td><td>-</td><td>4.0.0</td></tr><tr><td>expandIcon</td><td>Customize row expand Icon.</td><td>Function(props):VNode | v-slot:expandIcon=&quot;props&quot;</td><td>-</td><td></td></tr><tr><td>expandRowByClick</td><td>Whether to expand row by clicking anywhere in the whole row</td><td>boolean</td><td><code>false</code></td><td></td></tr><tr><td>footer</td><td>Table footer renderer</td><td>Function(currentPageData)| v-slot:footer=&quot;currentPageData&quot;</td><td></td><td></td></tr><tr><td>getPopupContainer</td><td>the render container of dropdowns in table</td><td>(triggerNode) =&gt; HTMLElement</td><td><code>() =&gt; TableHtmlElement</code></td><td>1.5.0</td></tr><tr><td>headerCell</td><td>custom head cell by slot</td><td>v-slot:headerCell=&quot;{title, column}&quot;</td><td>-</td><td>3.0</td></tr><tr><td>indentSize</td><td>Indent size in pixels of tree data</td><td>number</td><td>15</td><td></td></tr><tr><td>loading</td><td>Loading status of table</td><td>boolean|<a href="/components/spin">object</a></td><td><code>false</code></td><td></td></tr><tr><td>locale</td><td>i18n text including filter, sort, empty text, etc</td><td>object</td><td>filterConfirm: &#39;Ok&#39; <br> filterReset: &#39;Reset&#39; <br> emptyText: &#39;No Data&#39;</td><td></td></tr><tr><td>pagination</td><td>Config of pagination. You can ref table pagination <a href="#pagination">config</a> or full <a href="/components/pagination/"><code>pagination</code></a> document, hide it by setting it to <code>false</code></td><td>object | <code>false</code></td><td></td><td></td></tr><tr><td>rowClassName</td><td>Row&#39;s className</td><td>Function(record, index):string</td><td>-</td><td></td></tr><tr><td>rowExpandable</td><td>Enable row can be expandable</td><td>(record) =&gt; boolean</td><td>-</td><td></td></tr><tr><td>rowKey</td><td>Row&#39;s unique key, could be a string or function that returns a string</td><td>string|Function(record, index):string</td><td><code>key</code></td><td></td></tr><tr><td>rowSelection</td><td>Row selection <a href="#rowselection">config</a></td><td>object</td><td>null</td><td></td></tr><tr><td>scroll</td><td>Whether the table can be scrollable, <a href="#scroll">config</a></td><td>object</td><td>-</td><td></td></tr><tr><td>showExpandColumn</td><td>

8179Show expand column</td><td>boolean</td><td>true</td><td>3.0</td></tr><tr><td>showHeader</td><td>Whether to show table header</td><td>boolean</td><td><code>true</code></td><td></td></tr><tr><td>showSorterTooltip</td><td>The header show next sorter direction tooltip. It will be set as the property of Tooltip if its type is object</td><td>boolean | <a href="/components/tooltip/#api">Tooltip props</a></td><td>true</td><td>3.0</td></tr><tr><td>size</td><td>Size of table</td><td><code>middle</code> | <code>small</code> | <code>large</code></td><td><code>large</code></td><td></td></tr><tr><td>sortDirections</td><td>Supported sort way, could be <code>ascend</code>, <code>descend</code></td><td>Array</td><td>[<code>ascend</code>, <code>descend</code>]</td><td>3.0</td></tr><tr><td>sticky</td><td>Set sticky header and scroll bar</td><td>boolean | <code>{offsetHeader?: number, offsetScroll?: number, getContainer?: () =&gt; HTMLElement}</code></td><td>-</td><td>3.0</td></tr><tr><td>summary</td><td>Summary content</td><td>v-slot:summary</td><td>-</td><td>3.0</td></tr><tr><td>tableLayout</td><td><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/table-layout" target="_blank" rel="noopener noreferrer">table-layout</a> attribute of table element</td><td>- | &#39;auto&#39; | &#39;fixed&#39;</td><td>-<hr><code>fixed</code> when header/columns are fixed, or using <code>column.ellipsis</code></td><td>1.5.0</td></tr><tr><td>title</td><td>Table title renderer</td><td>Function(currentPageData)| v-slot:title=&quot;currentPageData&quot;</td><td></td><td></td></tr><tr><td>transformCellText</td><td>The data can be changed again before rendering, generally used for the default configuration of empty data. You can configured globally through <a href="/components/config-provider-cn/">ConfigProvider</a></td><td>Function({ text, column, record, index }) =&gt; any, The <code>text</code> here is the data processed by other defined cell api, and it may be of type VNode | string | number</td><td>-</td><td>1.5.4 \uFF5C</td></tr></tbody></table><h3 id="events">Events <a class="header-anchor" href="#events"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>Events Name</th><th>Description</th><th>Arguments</th><th></th></tr></thead><tbody><tr><td>change</td><td>Callback executed when pagination, filters or sorter is changed</td><td>Function(pagination, filters, sorter, { action, currentDataSource })</td><td></td></tr><tr><td>expand</td><td>Callback executed when the row expand icon is clicked</td><td>Function(expanded, record)</td><td></td></tr><tr><td>expandedRowsChange</td><td>Callback executed when the expanded rows change</td><td>Function(expandedRows)</td><td></td></tr><tr><td>resizeColumn</td><td>Triggered when the column is dragged</td><td>Function(width, column)</td><td></td></tr></tbody></table><h4 id="customrow-usage">customRow usage <a class="header-anchor" href="#customrow-usage"><span aria-hidden="true" class="anchor">#</span></a></h4><p>Same as <code>customRow</code> <code>customHeaderRow</code> <code>customCell</code> <code>customHeaderCell</code>. Follow <a href="https://github.com/vuejs/babel-plugin-transform-vue-jsx" target="_blank" rel="noopener noreferrer">Vue jsx</a> syntax\u3002</p><pre class="language-jsx"><code><span class="token operator">&lt;</span>Table
8180  customRow<span class="token operator">=</span><span class="token punctuation">{</span><span class="token punctuation">(</span><span class="token parameter">record</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
8181    <span class="token keyword">return</span> <span class="token punctuation">{</span>
8182      xxx<span class="token punctuation">,</span> <span class="token comment">// props</span>
8183      <span class="token function-variable function">onClick</span><span class="token operator">:</span> <span class="token punctuation">(</span><span class="token parameter">event</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span><span class="token punctuation">}</span><span class="token punctuation">,</span>

8183       <span class="token comment">// click row</span>
8184      <span class="token function-variable function">onDblclick</span><span class="token operator">:</span> <span class="token punctuation">(</span><span class="token parameter">event</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span><span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token comment">// double click row</span>
8185      <span class="token function-variable function">onContextmenu</span><span class="token operator">:</span> <span class="token punctuation">(</span><span class="token parameter">event</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span><span class="token punctuation">}</span>  <span class="token comment">// right button click row</span>
8186      <span class="token function-variable function">onMouseenter</span><span class="token operator">:</span> <span class="token punctuation">(</span><span class="token parameter">event</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span><span class="token punctuation">}</span>   <span class="token comment">// mouse enter row</span>
8187      <span class="token function-variable function">onMouseleave</span><span class="token operator">:</span> <span class="token punctuation">(</span><span class="token parameter">event</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span><span class="token punctuation">}</span>   <span class="token comment">// mouse leave row</span>
8188    <span class="token punctuation">}</span><span class="token punctuation">;</span>
8189  <span class="token punctuation">}</span><span class="token punctuation">}</span>
8190  customHeaderRow<span class="token operator">=</span><span class="token punctuation">{</span><span class="token punctuation">(</span><span class="token parameter">columns<span class="token punctuation">,</span> index</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
8191    <span class="token keyword">return</span> <span class="token punctuation">{</span>
8192      <span class="token function-variable function">onClick</span><span class="token operator">:</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span><span class="token punctuation">}</span><span class="token punctuation">,</span>        <span class="token comment">// click header row</span>
8193    <span class="token punctuation">}</span><span class="token punctuation">;</span>
8194  <span class="token punctuation">}</span><span class="token punctuation">}</span>
8195<span class="token operator">/</span><span class="token operator">&gt;</span>
8196</code></pre><h3 id="column">Column <a class="header-anchor" href="#column"><span aria-hidden="true" class="anchor">#</span></a></h3><p>One of the Table <code>columns</code> prop for describing the table&#39;s columns, Column has the same API.</p><table><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Default</th><th>Version</th></tr></thead><tbody><tr><td>align</td><td>specify how content is aligned</td><td>&#39;left&#39; | &#39;right&#39; | &#39;center&#39;</td><td>&#39;left&#39;</td><td></td></tr><tr><td>colSpan</td><td>Span of this column&#39;s title</td><td>number</td><td></td><td></td></tr><tr><td>customCell</td><td>Set props on per cell</td><td>Function(record, rowIndex, column)</td><td>-</td><td>column add from 3.0</td></tr><tr><td>customFilterDropdown</td><td>use v-slot:customFilterDropdown, Priority is lower than filterDropdown</td><td>boolean</td><td>false</td><td>3.0</td></tr><tr><td>customHeaderCell</td><td>Set props on per header cell</td><td>Function(column)</td><td>-</td><td></td></tr><tr><td>customRender</td><td>Renderer of the table cell. The return value should be a VNode</td><td>Function({text, record, index}) {}</td><td>-</td><td></td></tr><tr><td>dataIndex</td><td>Display field of the data record, support nest path by string array</td><td>string | string[]</td><td>-</td><td></td></tr><tr><td>defaultFilteredValue</td><td>Default filtered values</td><td>string[]</td><td>-</td><td>1.5.0</td></tr><tr><td>filterResetToDefaultFilteredValue</td><td>click the reset button, whether to restore the default filter</td><td>boolean</td><td>false</td><td>3.3.0</td></tr><tr><td>defaultSortOrder</td><td>Default order of sorted values: <code>&#39;ascend&#39;</code> <code>&#39;descend&#39;</code> <code>null</code></td><td>string</td><td>-</td><td></td></tr><tr><td>ellipsis</td><td>ellipsize cell content, not working with sorter and filters for now.<br>tableLayout would be <code>fixed</code> when <code>ellipsis</code> is true.</td><td>boolean</td><td>false</td><td>1.5.0</td></tr><tr><td>ellipsis</td><td>The ellipsis cell content, not working with sorter and filters for now.<br>tableLayout would be <code>fixed</code> when <code>ellipsis</code> is <code>true</code> or <code>{ showTitle?: boolean }</code></td><td>boolean | {showTitle?: boolean }</td><td>false</td><td>3.0</td></tr><tr><td>filterDropdown</td><td>Customized filter overlay</td><td>VNode | (props: FilterDropdownProps) =&gt; VNode</td><td>-</td><td></td></tr><tr><td>filterDropdownOpen</td><td>Whether <code>filterDropdown</code> is open</td><td>boolean</td><td>-</td><td>4.0</td></tr><tr><td>filtered</td><td>Whether the <code>dataSource</code> is filtered</td><td>boolean</td><td><code>false</code></td><td></td></tr><tr><td>filteredValue</td><td>

8196Controlled filtered value, filter icon will highlight</td><td>string[]</td><td>-</td><td></td></tr><tr><td>filterIcon</td><td>Customized filter icon</td><td>({filtered: boolean, column: Column})</td><td><code>false</code></td><td></td></tr><tr><td>filterMode</td><td>To specify the filter interface</td><td>&#39;menu&#39; | &#39;tree&#39;</td><td>&#39;menu&#39;</td><td>3.0</td></tr><tr><td>filterMultiple</td><td>Whether multiple filters can be selected</td><td>boolean</td><td><code>true</code></td><td></td></tr><tr><td>filters</td><td>Filter menu config</td><td>object[]</td><td>-</td><td></td></tr><tr><td>filterSearch</td><td>Whether to be searchable for filter menu</td><td>boolean | function(input, filter):boolean</td><td>false</td><td>boolean: 3.0 function: 3.3.0</td></tr><tr><td>fixed</td><td>Set column to be fixed: <code>true</code>(same as left) <code>&#39;left&#39;</code> <code>&#39;right&#39;</code></td><td>boolean|string</td><td><code>false</code></td><td></td></tr><tr><td>key</td><td>Unique key of this column, you can ignore this prop if you&#39;ve set a unique <code>dataIndex</code></td><td>string</td><td>-</td><td></td></tr><tr><td>maxWidth</td><td>Drag the maximum width of the column, it will be affected by the automatic adjustment and distribution of the table width</td><td>number</td><td>-</td><td>3.0</td></tr><tr><td>minWidth</td><td>Drag the minimum width of the column, it will be affected by the automatic adjustment and distribution of the table width</td><td>number</td><td>50</td><td>3.0</td></tr><tr><td>resizable</td><td>Whether the width can be adjusted by dragging, at this time width must be number type</td><td>boolean</td><td>-</td><td>3.0</td></tr><tr><td>responsive</td><td>The list of breakpoints at which to display this column. Always visible if not set.</td><td><a href="#breakpoint">Breakpoint</a>[]</td><td>-</td><td>3.0</td></tr><tr><td>rowScope</td><td>Set scope attribute for all cells in this column</td><td><code>row</code> | <code>rowgroup</code></td><td>-</td><td>4.0</td></tr><tr><td>sortDirections</td><td>supported sort way, could be <code>&#39;ascend&#39;</code>, <code>&#39;descend&#39;</code></td><td>Array</td><td><code>[&#39;ascend&#39;, &#39;descend&#39;]</code></td><td>1.5.0</td></tr><tr><td>sorter</td><td>Sort function for local sort, see <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort" target="_blank" rel="noopener noreferrer">Array.sort</a>&#39;s compareFunction. If you need sort buttons only, set to <code>true</code></td><td>Function|boolean</td><td>-</td><td></td></tr><tr><td>sortOrder</td><td>Order of sorted values: <code>&#39;ascend&#39;</code> <code>&#39;descend&#39;</code> <code>null</code></td><td>string</td><td>-</td><td></td></tr><tr><td>title</td><td>Title of this column</td><td>string</td><td>-</td><td></td></tr><tr><td>width</td><td>Width of this column</td><td>string|number</td><td>-</td><td></td></tr><tr><td>onFilter</td><td>Callback executed when the confirm filter button is clicked, Use as a <code>filter</code> event when using template or jsx</td><td>Function</td><td>-</td><td></td></tr><tr><td>onFilterDropdownOpenChange</td><td>Callback executed when <code>filterDropdownOpen</code> is changed, Use as a <code>filterDropdownOpen</code> event when using template or jsx</td><td>function(open) {}</td><td>-</td><td>4.0</td></tr></tbody></table><h4 id="breakpoint">Breakpoint <a class="header-anchor" href="#breakpoint"><span aria-hidden="true" class="anchor">#</span></a></h4><pre class="language-ts"><code><span class="token keyword">type</span> <span class="token class-name">Breakpoint</span> <span class="token operator">=</span> <span class="token string">&#39;xxxl&#39;</span> <span class="token operator">|</span> <span class="token string">&#39;xxl&#39;</span> <span class="token operator">|</span> <span class="token string">&#39;xl&#39;</span> <span class="token operator">|</span> <span class="token string">&#39;lg&#39;</span> <span class="token operator">|</span> <span class="token string">&#39;md&#39;</span> <span class="token operator">|</span> <span class="token string">&#39;sm&#39;</span> <span class="token operator">|</span> <span class="token string">&#39;xs&#39;</span><span class="token punctuation">;</span>
8197</code></pre><h3 id="columngroup">ColumnGroup <a class="header-anchor" href="#columngroup"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>

8197Property</th><th>Description</th><th>Type</th><th>Default</th></tr></thead><tbody><tr><td>title</td><td>Title of the column group</td><td>string|slot</td><td>-</td></tr></tbody></table><h3 id="pagination">pagination <a class="header-anchor" href="#pagination"><span aria-hidden="true" class="anchor">#</span></a></h3><p>Properties for pagination.</p><table><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Default</th></tr></thead><tbody><tr><td>position</td><td>Specify the position of <code>Pagination</code>, could be<code>topLeft</code> | <code>topCenter</code> | <code>topRight</code> |<code>bottomLeft</code> | <code>bottomCenter</code> | <code>bottomRight</code></td><td>Array</td><td>[<code>bottomRight</code>]</td></tr></tbody></table><p>More about pagination, please check <a href="/components/pagination/"><code>Pagination</code></a>.</p><h3 id="rowselection">rowSelection <a class="header-anchor" href="#rowselection"><span aria-hidden="true" class="anchor">#</span></a></h3><p>Properties for row selection.</p><table><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Default</th><th>Version</th></tr></thead><tbody><tr><td>checkStrictly</td><td>Check table row precisely; parent row and children rows are not associated</td><td>boolean</td><td>true</td><td>3.0</td></tr><tr><td>columnTitle</td><td>Set the title of the selection column</td><td>string|VNode</td><td>-</td><td></td></tr><tr><td>columnWidth</td><td>Set the width of the selection column</td><td>string|number</td><td>-</td><td></td></tr><tr><td>fixed</td><td>Fixed selection column on the left</td><td>boolean</td><td>-</td><td></td></tr><tr><td>getCheckboxProps</td><td>Get Checkbox or Radio props</td><td>Function(record)</td><td>-</td><td></td></tr><tr><td>hideDefaultSelections</td><td>Remove the default <code>Select All</code> and <code>Select Invert</code> selections</td><td>boolean</td><td><code>false</code></td><td></td></tr><tr><td>hideSelectAll</td><td>Hide the selectAll checkbox and custom selection</td><td>boolean</td><td>false</td><td>3.0</td></tr><tr><td>preserveSelectedRowKeys</td><td>Keep selection <code>key</code> even when it removed from <code>dataSource</code></td><td>boolean</td><td>-</td><td>3.0</td></tr><tr><td>selectedRowKeys</td><td>Controlled selected row keys</td><td>string[]</td><td>[]</td><td></td></tr><tr><td>selections</td><td>Custom selection <a href="#rowselection">config</a>, only displays default selections when set to <code>true</code></td><td>object[] | boolean</td><td>-</td><td></td></tr><tr><td>type</td><td><code>checkbox</code> or <code>radio</code></td><td><code>checkbox</code> | <code>radio</code></td><td><code>checkbox</code></td><td></td></tr><tr><td>onChange</td><td>Callback executed when selected rows change</td><td>Function(selectedRowKeys, selectedRows)</td><td>-</td><td></td></tr><tr><td>onSelect</td><td>Callback executed when select/deselect one row</td><td>Function(record, selected, selectedRows, nativeEvent)</td><td>-</td><td></td></tr><tr><td>onSelectAll</td><td>Callback executed when select/deselect all rows</td><td>Function(selected, selectedRows, changeRows)</td><td>-</td><td></td></tr><tr><td>onSelectInvert</td><td>Callback executed when row selection is inverted</td><td>Function(selectedRows)</td><td>-</td><td></td></tr><tr><td>onSelectNone</td><td>Callback executed when row selection is cleared</td><td>function()</td><td>-</td><td>3.0</td></tr></tbody></table><h3 id="scroll">scroll <a class="header-anchor" href="#scroll"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Default</th></tr></thead><tbody><tr><td>scrollToFirstRowOnChange</td><td>Whether to scroll to the top of the table when paging, sorting, filtering changes</td><td>boolean</td><td>-</td></tr><tr><td>x</td><td>Set horizontal scrolling, can also be used to specify the width of the scroll area, could be number, percent value, true and <a href="https://developer.mozilla.org/zh-CN/docs/Web/CSS/width#max-content" target="_blank" rel="noopener noreferrer">&#39;max-content&#39;</a></td><td>string | number | true</td><td>-</td></tr><tr><td>y</td><td>Set vertical scrolling, can also be used to specify the height of the scroll area, could be string or number</td><td>string | number</td><td>-</td></tr></tbody></table><h3 id="selection">selection <a class="header-anchor" href="#selection"><span aria-hidden="true" class="anchor">#</span></a></h3><p>Custom selection config</p><table><thead><tr><th>

8197Property</th><th>Description</th><th>Type</th><th>Default</th></tr></thead><tbody><tr><td>key</td><td>Unique key of this selection</td><td>string</td><td>-</td></tr><tr><td>text</td><td>Display text of this selection</td><td>string|VNode</td><td>-</td></tr><tr><td>onSelect</td><td>Callback executed when this selection is clicked</td><td>Function(changeableRowKeys)</td><td>-</td></tr></tbody></table><h3 id="filterdropdownprops">FilterDropdownProps <a class="header-anchor" href="#filterdropdownprops"><span aria-hidden="true" class="anchor">#</span></a></h3><pre class="language-ts"><code><span class="token keyword">interface</span> <span class="token class-name">FilterDropdownProps</span> <span class="token punctuation">{</span>
8198  prefixCls<span class="token operator">:</span> <span class="token builtin">string</span><span class="token punctuation">;</span>
8199  <span class="token function-variable function">setSelectedKeys</span><span class="token operator">:</span> <span class="token punctuation">(</span>selectedKeys<span class="token operator">:</span> Key<span class="token punctuation">[</span><span class="token punctuation">]</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token keyword">void</span><span class="token punctuation">;</span>
8200  selectedKeys<span class="token operator">:</span> Key<span class="token punctuation">[</span><span class="token punctuation">]</span><span class="token punctuation">;</span>
8201  <span class="token function-variable function">confirm</span><span class="token operator">:</span> <span class="token punctuation">(</span>param<span class="token operator">?</span><span class="token operator">:</span> FilterConfirmProps<span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token keyword">void</span><span class="token punctuation">;</span>
8202  clearFilters<span class="token operator">?</span><span class="token operator">:</span> <span class="token punctuation">(</span>param<span class="token operator">?</span><span class="token operator">:</span> FilterResetProps<span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token keyword">void</span><span class="token punctuation">;</span>
8203  filters<span class="token operator">?</span><span class="token operator">:</span> ColumnFilterItem<span class="token punctuation">[</span><span class="token punctuation">]</span><span class="token punctuation">;</span>
8204  visible<span class="token operator">:</span> <span class="token builtin">boolean</span><span class="token punctuation">;</span>
8205  column<span class="token operator">:</span> ColumnType<span class="token punctuation">;</span>
8206<span class="token punctuation">}</span>
8207
8208<span class="token keyword">interface</span> <span class="token class-name">FilterConfirmProps</span> <span class="token punctuation">{</span>
8209  closeDropdown<span class="token operator">:</span> <span class="token builtin">boolean</span><span class="token punctuation">;</span>
8210<span class="token punctuation">}</span>
8211
8212<span class="token keyword">interface</span> <span class="token class-name">FilterResetProps</span> <span class="token punctuation">{</span>
8213  confirm<span class="token operator">?</span><span class="token operator">:</span> <span class="token builtin">boolean</span><span class="token punctuation">;</span>
8214  closeDropdown<span class="token operator">?</span><span class="token operator">:</span> <span class="token builtin">boolean</span><span class="token punctuation">;</span>
8215<span class="token punctuation">}</span>
8216</code></pre><h2 id="note">Note <a class="header-anchor" href="#note"><span aria-hidden="true" class="anchor">#</span></a></h2><p>The values inside <code>dataSource</code> and <code>columns</code> should follow this in Table, and <code>dataSource[i].key</code> would be treated as key value default for <code>dataSource</code>.</p><p>If <code>dataSource[i].key</code> is not provided, then you should specify the primary key of dataSource value via <code>rowKey</code>. If not, warnings will show in browser console.</p><pre class="language-jsx"><code><span class="token comment">// primary key is uid</span>
8217<span class="token keyword">return</span> <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span><span class="token class-name">Table</span></span> <span class="token attr-name">rowKey</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>uid<span class="token punctuation">&quot;</span></span> <span class="token punctuation">/&gt;</span></span><span class="token punctuation">;</span>
8218<span class="token comment">// or</span>
8219<span class="token keyword">return</span> <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span><span class="token class-name">Table</span></span> <span class="token attr-name">rowKey</span><span class="token script language-javascript"><span class="token script-punctuation punctuation">=</span><span class="token punctuation">{</span><span class="token parameter">record</span> <span class="token operator">=&gt;</span> record<span class="token punctuation">.</span>uid<span class="token punctuation">}</span></span> <span class="token punctuation">/&gt;</span></span><span class="token punctuation">;</span>
8220</code></pre><h2 id="faq">FAQ <a class="header-anchor" href="#faq"><span aria-hidden="true" class="anchor">#</span></a></h2><h3 id="how-to-hide-pagination-when-single-page-or-no-data">How to hide pagination when single page or no data? <a class="header-anchor" href="#how-to-hide-pagination-when-single-page-or-no-data"><span aria-hidden="true" class="anchor">#</span></a></h3><p>You can set <code>hideOnSinglePage</code> with <code>pagination</code> prop.</p><h3 id="table-will-return-to-first-page-when-filter-data">Table will return to first page when filter data. <a class="header-anchor" href="#table-will-return-to-first-page-when-filter-data"><span aria-hidden="true" class="anchor">#</span></a></h3><p>Table total page count usually reduce after filter data, we defaultly return to first page in case of current page is out of filtered results.</p><h3 id="why-table-pagination-show-size-changer">Why Table pagination show size changer? <a class="header-anchor" href="#why-table-pagination-show-size-changer"><span aria-hidden="true" class="anchor">#</span></a></h3><p>In order to improve user experience, Pagination show size changer by default when <code>total &gt; 50</code> since <code>3.0</code>. You can set <code>showSizeChanger=false</code> to disable this feature.</p><h3 id="how-to-handle-fixed-column-display-over-the-mask-layout">

8220How to handle fixed column display over the mask layout? <a class="header-anchor" href="#how-to-handle-fixed-column-display-over-the-mask-layout"><span aria-hidden="true" class="anchor">#</span></a></h3><p>Fixed column use <code>z-index</code> to make it over other columns. You will find sometime fixed columns also over your mask layout. You can set <code>z-index</code> on your mask layout to resolve.</p>`,48)])])}const le=M(ee,[["render",ce]]),re=F({CN:oe,US:le,components:{filterInTreeVue:ne,filterSearchVue:$o,Basic:Ht,Ellipsis:No,Ajax:Yt,Bordered:Pt,ColspanRowspan:zt,CustomFilterPanel:Mt,EditCell:no,EditRow:co,ExpandChildren:lo,Expand:io,FixedColumnsHeader:go,FixedColumns:Co,FixedHeader:yo,GroupingColumns:mo,Head:Ao,NestedTable:Zo,ResetFilter:vo,RowSelectionAndOperation:Ro,RowSelectionCustom:xo,RowSelection:So,Size:Jo,TemplateCom:Xo,Stripe:Ho,MultipleSorter:Ko,Summary:Do,Sticky:zo,ResizableColumn:Qo,Responsive:_o}});function ue(t,o,p,c,s,e){const r=I("Basic"),l=I("Ajax"),u=I("Bordered"),i=I("Ellipsis"),g=I("ColspanRowspan"),k=I("EditCell"),y=I("EditRow"),A=I("ExpandChildren"),Z=I("Expand"),h=I("FixedColumnsHeader"),v=I("FixedColumns"),G=I("FixedHeader"),w=I("GroupingColumns"),B=I("MultipleSorter"),b=I("NestedTable"),Y=I("Head"),D=I("CustomFilterPanel"),R=I("ResetFilter"),V=I("filterSearchVue"),J=I("filterInTreeVue"),f=I("RowSelectionAndOperation"),X=I("RowSelectionCustom"),N=I("RowSelection"),U=I("Sticky"),E=I("ResizableColumn"),ns=I("Size"),as=I("Stripe"),ss=I("Summary"),ts=I("Responsive"),os=I("TemplateCom"),es=I("demo-sort");return m(),x(es,{cols:1},{default:d(()=>[C(r),C(l),C(u),C(i),C(g),C(k),C(y),C(A),C(Z),C(h),C(v),C(G),C(w),C(B),C(b),C(Y),C(D),C(R),C(V),C(J),C(f),C(X),C(N),C(U),C(E),C(ns),C(as),C(ss),C(ts),C(os)]),_:1})}const Ie=M(re,[["render",ue]]);export{Ie as default};