diff --git a/.nojekyll b/.nojekyll new file mode 100644 index 000000000..e69de29bb diff --git a/404.html b/404.html new file mode 100644 index 000000000..873a6ad07 --- /dev/null +++ b/404.html @@ -0,0 +1,54 @@ + + + + + + + + Cheetah Grid + + + + + + + +
+

404

+
Looks like we've got some broken links.
+
+ Do you want to know the trick to draw grids fast? +
+ Take me home. +
+ + diff --git a/animals-icons/africa.png b/animals-icons/africa.png new file mode 100644 index 000000000..fab7e31d0 Binary files /dev/null and b/animals-icons/africa.png differ diff --git a/animals-icons/asia.png b/animals-icons/asia.png new file mode 100644 index 000000000..92e6a837f Binary files /dev/null and b/animals-icons/asia.png differ diff --git a/animals-icons/cat.png b/animals-icons/cat.png new file mode 100644 index 000000000..dfaf371ac Binary files /dev/null and b/animals-icons/cat.png differ diff --git a/animals-icons/cheetah.png b/animals-icons/cheetah.png new file mode 100644 index 000000000..03cc29ab2 Binary files /dev/null and b/animals-icons/cheetah.png differ diff --git a/animals-icons/crocodile.png b/animals-icons/crocodile.png new file mode 100644 index 000000000..500a5a0b7 Binary files /dev/null and b/animals-icons/crocodile.png differ diff --git a/animals-icons/dog.png b/animals-icons/dog.png new file mode 100644 index 000000000..64023b762 Binary files /dev/null and b/animals-icons/dog.png differ diff --git a/animals-icons/elephant.png b/animals-icons/elephant.png new file mode 100644 index 000000000..e31e08531 Binary files /dev/null and b/animals-icons/elephant.png differ diff --git a/animals-icons/giraffe.png b/animals-icons/giraffe.png new file mode 100644 index 000000000..71d6e4af4 Binary files /dev/null and b/animals-icons/giraffe.png differ diff --git a/animals-icons/gorilla.png b/animals-icons/gorilla.png new file mode 100644 index 000000000..e9bfa86c5 Binary files /dev/null and b/animals-icons/gorilla.png differ diff --git a/animals-icons/horse.png b/animals-icons/horse.png new file mode 100644 index 000000000..ec56e5b34 Binary files /dev/null and b/animals-icons/horse.png differ diff --git a/animals-icons/kangaroo.png b/animals-icons/kangaroo.png new file mode 100644 index 000000000..4440a0817 Binary files /dev/null and b/animals-icons/kangaroo.png differ diff --git a/animals-icons/lion.png b/animals-icons/lion.png new file mode 100644 index 000000000..7c3e9b4c3 Binary files /dev/null and b/animals-icons/lion.png differ diff --git a/animals-icons/monkey.png b/animals-icons/monkey.png new file mode 100644 index 000000000..3d95cb9aa Binary files /dev/null and b/animals-icons/monkey.png differ diff --git a/animals-icons/penguin.png b/animals-icons/penguin.png new file mode 100644 index 000000000..52ebfc484 Binary files /dev/null and b/animals-icons/penguin.png differ diff --git a/animals-icons/rabbit.png b/animals-icons/rabbit.png new file mode 100644 index 000000000..903869aae Binary files /dev/null and b/animals-icons/rabbit.png differ diff --git a/animals-icons/rat.png b/animals-icons/rat.png new file mode 100644 index 000000000..21ade59b9 Binary files /dev/null and b/animals-icons/rat.png differ diff --git a/animals-icons/reindeer.png b/animals-icons/reindeer.png new file mode 100644 index 000000000..1624c5e9e Binary files /dev/null and b/animals-icons/reindeer.png differ diff --git a/animals-icons/rhinoceros.png b/animals-icons/rhinoceros.png new file mode 100644 index 000000000..ddfa1f113 Binary files /dev/null and b/animals-icons/rhinoceros.png differ diff --git a/animals-icons/snake.png b/animals-icons/snake.png new file mode 100644 index 000000000..e6f8ddc78 Binary files /dev/null and b/animals-icons/snake.png differ diff --git a/animals-icons/squirrel.png b/animals-icons/squirrel.png new file mode 100644 index 000000000..fd45e6db8 Binary files /dev/null and b/animals-icons/squirrel.png differ diff --git a/animals-icons/tiger.png b/animals-icons/tiger.png new file mode 100644 index 000000000..74f4239cc Binary files /dev/null and b/animals-icons/tiger.png differ diff --git a/animals-icons/turtle.png b/animals-icons/turtle.png new file mode 100644 index 000000000..a6a8360b3 Binary files /dev/null and b/animals-icons/turtle.png differ diff --git a/animals-icons/wolf.png b/animals-icons/wolf.png new file mode 100644 index 000000000..75d522b3e Binary files /dev/null and b/animals-icons/wolf.png differ diff --git a/animals-icons/world.png b/animals-icons/world.png new file mode 100644 index 000000000..845e85c57 Binary files /dev/null and b/animals-icons/world.png differ diff --git a/assets/app.js b/assets/app.js new file mode 100644 index 000000000..6378de21c --- /dev/null +++ b/assets/app.js @@ -0,0 +1,7 @@ +!function(t){var e={};function n(r){if(e[r])return e[r].exports;var o=e[r]={i:r,l:!1,exports:{}};return t[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=t,n.c=e,n.d=function(t,e,r){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:r})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)n.d(r,o,function(e){return t[e]}.bind(null,o));return r},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="./",n(n.s=146)}([function(t,e){t.exports=Vue},function(t,e,n){var r=n(3),o=n(10),i=n(18),a=n(15),c=n(21),s=function(t,e,n){var u,l,d,f,h=t&s.F,p=t&s.G,m=t&s.S,v=t&s.P,g=t&s.B,y=p?r:m?r[e]||(r[e]={}):(r[e]||{}).prototype,b=p?o:o[e]||(o[e]={}),_=b.prototype||(b.prototype={});for(u in p&&(n=e),n)d=((l=!h&&y&&void 0!==y[u])?y:n)[u],f=g&&l?c(d,r):v&&"function"==typeof d?c(Function.call,d):d,y&&a(y,u,d,t&s.U),b[u]!=d&&i(b,u,f),v&&_[u]!=d&&(_[u]=d)};r.core=o,s.F=1,s.G=2,s.S=4,s.P=8,s.B=16,s.W=32,s.U=64,s.R=128,t.exports=s},function(t,e,n){"use strict";var r,o=function(){return void 0===r&&(r=Boolean(window&&document&&document.all&&!window.atob)),r},i=function(){var t={};return function(e){if(void 0===t[e]){var n=document.querySelector(e);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(t){n=null}t[e]=n}return t[e]}}(),a=[];function c(t){for(var e=-1,n=0;n0?o(r(t),9007199254740991):0}},function(t,e){var n=t.exports={version:"2.6.12"};"number"==typeof __e&&(__e=n)},function(t,e,n){t.exports=!n(4)((function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a}))},function(t,e,n){var r=n(5),o=n(111),i=n(30),a=Object.defineProperty;e.f=n(11)?Object.defineProperty:function(t,e,n){if(r(t),e=i(e,!0),r(n),o)try{return a(t,e,n)}catch(t){}if("get"in n||"set"in n)throw TypeError("Accessors not supported!");return"value"in n&&(t[e]=n.value),t}},function(t,e){t.exports=function(t){var e=[];return e.toString=function(){return this.map((function(e){var n=function(t,e){var n=t[1]||"",r=t[3];if(!r)return n;if(e&&"function"==typeof btoa){var o=(a=r,"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(a))))+" */"),i=r.sources.map((function(t){return"/*# sourceURL="+r.sourceRoot+t+" */"}));return[n].concat(i).concat([o]).join("\n")}var a;return[n].join("\n")}(e,t);return e[2]?"@media "+e[2]+"{"+n+"}":n})).join("")},e.i=function(t,n){"string"==typeof t&&(t=[[null,t,""]]);for(var r={},o=0;o"+o+""};t.exports=function(t,e){var n={};n[t]=e(c),r(r.P+r.F*o((function(){var e=""[t]('"');return e!==e.toLowerCase()||e.split('"').length>3})),"String",n)}},function(t,e){var n={}.hasOwnProperty;t.exports=function(t,e){return n.call(t,e)}},function(t,e,n){var r=n(12),o=n(32);t.exports=n(11)?function(t,e,n){return r.f(t,e,o(1,n))}:function(t,e,n){return t[e]=n,t}},function(t,e,n){var r=n(48),o=n(28);t.exports=function(t){return r(o(t))}},function(t,e,n){"use strict";var r=n(4);t.exports=function(t,e){return!!t&&r((function(){e?t.call(null,(function(){}),1):t.call(null)}))}},function(t,e,n){var r=n(22);t.exports=function(t,e,n){if(r(t),void 0===e)return t;switch(n){case 1:return function(n){return t.call(e,n)};case 2:return function(n,r){return t.call(e,n,r)};case 3:return function(n,r,o){return t.call(e,n,r,o)}}return function(){return t.apply(e,arguments)}}},function(t,e){t.exports=function(t){if("function"!=typeof t)throw TypeError(t+" is not a function!");return t}},function(t,e){var n=Math.ceil,r=Math.floor;t.exports=function(t){return isNaN(t=+t)?0:(t>0?r:n)(t)}},function(t,e,n){var r=n(49),o=n(32),i=n(19),a=n(30),c=n(17),s=n(111),u=Object.getOwnPropertyDescriptor;e.f=n(11)?u:function(t,e){if(t=i(t),e=a(e,!0),s)try{return u(t,e)}catch(t){}if(c(t,e))return o(!r.f.call(t,e),t[e])}},function(t,e,n){var r=n(1),o=n(10),i=n(4);t.exports=function(t,e){var n=(o.Object||{})[t]||Object[t],a={};a[t]=e(n),r(r.S+r.F*i((function(){n(1)})),"Object",a)}},function(t,e,n){var r=n(21),o=n(48),i=n(14),a=n(9),c=n(127);t.exports=function(t,e){var n=1==t,s=2==t,u=3==t,l=4==t,d=6==t,f=5==t||d,h=e||c;return function(e,c,p){for(var m,v,g=i(e),y=o(g),b=r(c,p,3),_=a(y.length),w=0,x=n?h(e,_):s?h(e,0):void 0;_>w;w++)if((f||w in y)&&(v=b(m=y[w],w,g),t))if(n)x[w]=v;else if(v)switch(t){case 3:return!0;case 5:return m;case 6:return w;case 2:x.push(m)}else if(l)return!1;return d?-1:u||l?l:x}}},function(t,e){var n={}.toString;t.exports=function(t){return n.call(t).slice(8,-1)}},function(t,e){t.exports=function(t){if(null==t)throw TypeError("Can't call method on "+t);return t}},function(t,e,n){"use strict";if(n(11)){var r=n(34),o=n(3),i=n(4),a=n(1),c=n(63),s=n(89),u=n(21),l=n(46),d=n(32),f=n(18),h=n(47),p=n(23),m=n(9),v=n(138),g=n(36),y=n(30),b=n(17),_=n(50),w=n(6),x=n(14),O=n(81),C=n(37),j=n(39),S=n(38).f,I=n(83),k=n(33),E=n(7),N=n(26),P=n(53),G=n(51),A=n(85),T=n(44),F=n(56),M=n(45),V=n(84),$=n(129),R=n(12),L=n(24),B=R.f,D=L.f,W=o.RangeError,U=o.TypeError,z=o.Uint8Array,H=Array.prototype,K=s.ArrayBuffer,q=s.DataView,J=N(0),Y=N(2),X=N(3),Z=N(4),Q=N(5),tt=N(6),et=P(!0),nt=P(!1),rt=A.values,ot=A.keys,it=A.entries,at=H.lastIndexOf,ct=H.reduce,st=H.reduceRight,ut=H.join,lt=H.sort,dt=H.slice,ft=H.toString,ht=H.toLocaleString,pt=E("iterator"),mt=E("toStringTag"),vt=k("typed_constructor"),gt=k("def_constructor"),yt=c.CONSTR,bt=c.TYPED,_t=c.VIEW,wt=N(1,(function(t,e){return St(G(t,t[gt]),e)})),xt=i((function(){return 1===new z(new Uint16Array([1]).buffer)[0]})),Ot=!!z&&!!z.prototype.set&&i((function(){new z(1).set({})})),Ct=function(t,e){var n=p(t);if(n<0||n%e)throw W("Wrong offset!");return n},jt=function(t){if(w(t)&&bt in t)return t;throw U(t+" is not a typed array!")},St=function(t,e){if(!w(t)||!(vt in t))throw U("It is not a typed array constructor!");return new t(e)},It=function(t,e){return kt(G(t,t[gt]),e)},kt=function(t,e){for(var n=0,r=e.length,o=St(t,r);r>n;)o[n]=e[n++];return o},Et=function(t,e,n){B(t,e,{get:function(){return this._d[n]}})},Nt=function(t){var e,n,r,o,i,a,c=x(t),s=arguments.length,l=s>1?arguments[1]:void 0,d=void 0!==l,f=I(c);if(null!=f&&!O(f)){for(a=f.call(c),r=[],e=0;!(i=a.next()).done;e++)r.push(i.value);c=r}for(d&&s>2&&(l=u(l,arguments[2],2)),e=0,n=m(c.length),o=St(this,n);n>e;e++)o[e]=d?l(c[e],e):c[e];return o},Pt=function(){for(var t=0,e=arguments.length,n=St(this,e);e>t;)n[t]=arguments[t++];return n},Gt=!!z&&i((function(){ht.call(new z(1))})),At=function(){return ht.apply(Gt?dt.call(jt(this)):jt(this),arguments)},Tt={copyWithin:function(t,e){return $.call(jt(this),t,e,arguments.length>2?arguments[2]:void 0)},every:function(t){return Z(jt(this),t,arguments.length>1?arguments[1]:void 0)},fill:function(t){return V.apply(jt(this),arguments)},filter:function(t){return It(this,Y(jt(this),t,arguments.length>1?arguments[1]:void 0))},find:function(t){return Q(jt(this),t,arguments.length>1?arguments[1]:void 0)},findIndex:function(t){return tt(jt(this),t,arguments.length>1?arguments[1]:void 0)},forEach:function(t){J(jt(this),t,arguments.length>1?arguments[1]:void 0)},indexOf:function(t){return nt(jt(this),t,arguments.length>1?arguments[1]:void 0)},includes:function(t){return et(jt(this),t,arguments.length>1?arguments[1]:void 0)},join:function(t){return ut.apply(jt(this),arguments)},lastIndexOf:function(t){return at.apply(jt(this),arguments)},map:function(t){return wt(jt(this),t,arguments.length>1?arguments[1]:void 0)},reduce:function(t){return ct.apply(jt(this),arguments)},reduceRight:function(t){return st.apply(jt(this),arguments)},reverse:function(){for(var t,e=jt(this).length,n=Math.floor(e/2),r=0;r1?arguments[1]:void 0)},sort:function(t){return lt.call(jt(this),t)},subarray:function(t,e){var n=jt(this),r=n.length,o=g(t,r);return new(G(n,n[gt]))(n.buffer,n.byteOffset+o*n.BYTES_PER_ELEMENT,m((void 0===e?r:g(e,r))-o))}},Ft=function(t,e){return It(this,dt.call(jt(this),t,e))},Mt=function(t){jt(this);var e=Ct(arguments[1],1),n=this.length,r=x(t),o=m(r.length),i=0;if(o+e>n)throw W("Wrong length!");for(;i255?255:255&r),o.v[h](n*e+o.o,r,xt)}(this,n,t)},enumerable:!0})};b?(p=n((function(t,n,r,o){l(t,p,u,"_d");var i,a,c,s,d=0,h=0;if(w(n)){if(!(n instanceof K||"ArrayBuffer"==(s=_(n))||"SharedArrayBuffer"==s))return bt in n?kt(p,n):Nt.call(p,n);i=n,h=Ct(r,e);var g=n.byteLength;if(void 0===o){if(g%e)throw W("Wrong length!");if((a=g-h)<0)throw W("Wrong length!")}else if((a=m(o)*e)+h>g)throw W("Wrong length!");c=a/e}else c=v(n),i=new K(a=c*e);for(f(t,"_d",{b:i,o:h,l:a,e:c,v:new q(i)});ddocument.F=Object<\/script>"),t.close(),s=t.F;r--;)delete s.prototype[i[r]];return s()};t.exports=Object.create||function(t,e){var n;return null!==t?(c.prototype=r(t),n=new c,c.prototype=null,n[a]=t):n=s(),void 0===e?n:o(n,e)}},function(t,e,n){var r=n(113),o=n(68).concat("length","prototype");e.f=Object.getOwnPropertyNames||function(t){return r(t,o)}},function(t,e,n){var r=n(17),o=n(14),i=n(67)("IE_PROTO"),a=Object.prototype;t.exports=Object.getPrototypeOf||function(t){return t=o(t),r(t,i)?t[i]:"function"==typeof t.constructor&&t instanceof t.constructor?t.constructor.prototype:t instanceof Object?a:null}},function(t,e,n){var r=n(7)("unscopables"),o=Array.prototype;null==o[r]&&n(18)(o,r,{}),t.exports=function(t){o[r][t]=!0}},function(t,e,n){var r=n(6);t.exports=function(t,e){if(!r(t)||t._t!==e)throw TypeError("Incompatible receiver, "+e+" required!");return t}},function(t,e,n){var r=n(12).f,o=n(17),i=n(7)("toStringTag");t.exports=function(t,e,n){t&&!o(t=n?t:t.prototype,i)&&r(t,i,{configurable:!0,value:e})}},function(t,e,n){var r=n(1),o=n(28),i=n(4),a=n(71),c="["+a+"]",s=RegExp("^"+c+c+"*"),u=RegExp(c+c+"*$"),l=function(t,e,n){var o={},c=i((function(){return!!a[t]()||"​…"!="​…"[t]()})),s=o[t]=c?e(d):a[t];n&&(o[n]=s),r(r.P+r.F*c,"String",o)},d=l.trim=function(t,e){return t=String(o(t)),1&e&&(t=t.replace(s,"")),2&e&&(t=t.replace(u,"")),t};t.exports=l},function(t,e){t.exports={}},function(t,e,n){"use strict";var r=n(3),o=n(12),i=n(11),a=n(7)("species");t.exports=function(t){var e=r[t];i&&e&&!e[a]&&o.f(e,a,{configurable:!0,get:function(){return this}})}},function(t,e){t.exports=function(t,e,n,r){if(!(t instanceof e)||void 0!==r&&r in t)throw TypeError(n+": incorrect invocation!");return t}},function(t,e,n){var r=n(15);t.exports=function(t,e,n){for(var o in e)r(t,o,e[o],n);return t}},function(t,e,n){var r=n(27);t.exports=Object("z").propertyIsEnumerable(0)?Object:function(t){return"String"==r(t)?t.split(""):Object(t)}},function(t,e){e.f={}.propertyIsEnumerable},function(t,e,n){var r=n(27),o=n(7)("toStringTag"),i="Arguments"==r(function(){return arguments}());t.exports=function(t){var e,n,a;return void 0===t?"Undefined":null===t?"Null":"string"==typeof(n=function(t,e){try{return t[e]}catch(t){}}(e=Object(t),o))?n:i?r(e):"Object"==(a=r(e))&&"function"==typeof e.callee?"Arguments":a}},function(t,e,n){var r=n(5),o=n(22),i=n(7)("species");t.exports=function(t,e){var n,a=r(t).constructor;return void 0===a||null==(n=r(a)[i])?e:o(n)}},function(t,e,n){var r=n(10),o=n(3),i=o["__core-js_shared__"]||(o["__core-js_shared__"]={});(t.exports=function(t,e){return i[t]||(i[t]=void 0!==e?e:{})})("versions",[]).push({version:r.version,mode:n(34)?"pure":"global",copyright:"© 2020 Denis Pushkarev (zloirock.ru)"})},function(t,e,n){var r=n(19),o=n(9),i=n(36);t.exports=function(t){return function(e,n,a){var c,s=r(e),u=o(s.length),l=i(a,u);if(t&&n!=n){for(;u>l;)if((c=s[l++])!=c)return!0}else for(;u>l;l++)if((t||l in s)&&s[l]===n)return t||l||0;return!t&&-1}}},function(t,e){e.f=Object.getOwnPropertySymbols},function(t,e,n){var r=n(27);t.exports=Array.isArray||function(t){return"Array"==r(t)}},function(t,e,n){var r=n(7)("iterator"),o=!1;try{var i=[7][r]();i.return=function(){o=!0},Array.from(i,(function(){throw 2}))}catch(t){}t.exports=function(t,e){if(!e&&!o)return!1;var n=!1;try{var i=[7],a=i[r]();a.next=function(){return{done:n=!0}},i[r]=function(){return a},t(i)}catch(t){}return n}},function(t,e,n){"use strict";var r=n(5);t.exports=function(){var t=r(this),e="";return t.global&&(e+="g"),t.ignoreCase&&(e+="i"),t.multiline&&(e+="m"),t.unicode&&(e+="u"),t.sticky&&(e+="y"),e}},function(t,e,n){"use strict";var r=n(50),o=RegExp.prototype.exec;t.exports=function(t,e){var n=t.exec;if("function"==typeof n){var i=n.call(t,e);if("object"!=typeof i)throw new TypeError("RegExp exec method returned something other than an Object or null");return i}if("RegExp"!==r(t))throw new TypeError("RegExp#exec called on incompatible receiver");return o.call(t,e)}},function(t,e,n){"use strict";n(131);var r=n(15),o=n(18),i=n(4),a=n(28),c=n(7),s=n(86),u=c("species"),l=!i((function(){var t=/./;return t.exec=function(){var t=[];return t.groups={a:"7"},t},"7"!=="".replace(t,"$")})),d=function(){var t=/(?:)/,e=t.exec;t.exec=function(){return e.apply(this,arguments)};var n="ab".split(t);return 2===n.length&&"a"===n[0]&&"b"===n[1]}();t.exports=function(t,e,n){var f=c(t),h=!i((function(){var e={};return e[f]=function(){return 7},7!=""[t](e)})),p=h?!i((function(){var e=!1,n=/a/;return n.exec=function(){return e=!0,null},"split"===t&&(n.constructor={},n.constructor[u]=function(){return n}),n[f](""),!e})):void 0;if(!h||!p||"replace"===t&&!l||"split"===t&&!d){var m=/./[f],v=n(a,f,""[t],(function(t,e,n,r,o){return e.exec===s?h&&!o?{done:!0,value:m.call(e,n,r)}:{done:!0,value:t.call(n,e,r)}:{done:!1}})),g=v[0],y=v[1];r(String.prototype,t,g),o(RegExp.prototype,f,2==e?function(t,e){return y.call(t,this,e)}:function(t){return y.call(t,this)})}}},function(t,e,n){var r=n(21),o=n(126),i=n(81),a=n(5),c=n(9),s=n(83),u={},l={};(e=t.exports=function(t,e,n,d,f){var h,p,m,v,g=f?function(){return t}:s(t),y=r(n,d,e?2:1),b=0;if("function"!=typeof g)throw TypeError(t+" is not iterable!");if(i(g)){for(h=c(t.length);h>b;b++)if((v=e?y(a(p=t[b])[0],p[1]):y(t[b]))===u||v===l)return v}else for(m=g.call(t);!(p=m.next()).done;)if((v=o(m,y,p.value,e))===u||v===l)return v}).BREAK=u,e.RETURN=l},function(t,e,n){var r=n(3).navigator;t.exports=r&&r.userAgent||""},function(t,e,n){"use strict";var r=n(3),o=n(1),i=n(15),a=n(47),c=n(31),s=n(60),u=n(46),l=n(6),d=n(4),f=n(56),h=n(42),p=n(72);t.exports=function(t,e,n,m,v,g){var y=r[t],b=y,_=v?"set":"add",w=b&&b.prototype,x={},O=function(t){var e=w[t];i(w,t,"delete"==t||"has"==t?function(t){return!(g&&!l(t))&&e.call(this,0===t?0:t)}:"get"==t?function(t){return g&&!l(t)?void 0:e.call(this,0===t?0:t)}:"add"==t?function(t){return e.call(this,0===t?0:t),this}:function(t,n){return e.call(this,0===t?0:t,n),this})};if("function"==typeof b&&(g||w.forEach&&!d((function(){(new b).entries().next()})))){var C=new b,j=C[_](g?{}:-0,1)!=C,S=d((function(){C.has(1)})),I=f((function(t){new b(t)})),k=!g&&d((function(){for(var t=new b,e=5;e--;)t[_](e,e);return!t.has(-0)}));I||((b=e((function(e,n){u(e,b,t);var r=p(new y,e,b);return null!=n&&s(n,v,r[_],r),r}))).prototype=w,w.constructor=b),(S||k)&&(O("delete"),O("has"),v&&O("get")),(k||j)&&O(_),g&&w.clear&&delete w.clear}else b=m.getConstructor(e,t,v,_),a(b.prototype,n),c.NEED=!0;return h(b,t),x[t]=b,o(o.G+o.W+o.F*(b!=y),x),g||m.setStrong(b,t,v),b}},function(t,e,n){for(var r,o=n(3),i=n(18),a=n(33),c=a("typed_array"),s=a("view"),u=!(!o.ArrayBuffer||!o.DataView),l=u,d=0,f="Int8Array,Uint8Array,Uint8ClampedArray,Int16Array,Uint16Array,Int32Array,Uint32Array,Float32Array,Float64Array".split(",");d<9;)(r=o[f[d++]])?(i(r.prototype,c,!0),i(r.prototype,s,!0)):l=!1;t.exports={ABV:u,CONSTR:l,TYPED:c,VIEW:s}},function(t,e,n){var r=n(334),o=n(335),i=n(336),a=n(338);t.exports=function(t,e){return r(t)||o(t,e)||i(t,e)||a()},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e,n){var r=n(6),o=n(3).document,i=r(o)&&r(o.createElement);t.exports=function(t){return i?o.createElement(t):{}}},function(t,e,n){e.f=n(7)},function(t,e,n){var r=n(52)("keys"),o=n(33);t.exports=function(t){return r[t]||(r[t]=o(t))}},function(t,e){t.exports="constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(",")},function(t,e,n){var r=n(3).document;t.exports=r&&r.documentElement},function(t,e,n){var r=n(6),o=n(5),i=function(t,e){if(o(t),!r(e)&&null!==e)throw TypeError(e+": can't set as prototype!")};t.exports={set:Object.setPrototypeOf||("__proto__"in{}?function(t,e,r){try{(r=n(21)(Function.call,n(24).f(Object.prototype,"__proto__").set,2))(t,[]),e=!(t instanceof Array)}catch(t){e=!0}return function(t,n){return i(t,n),e?t.__proto__=n:r(t,n),t}}({},!1):void 0),check:i}},function(t,e){t.exports="\t\n\v\f\r   ᠎             　\u2028\u2029\ufeff"},function(t,e,n){var r=n(6),o=n(70).set;t.exports=function(t,e,n){var i,a=e.constructor;return a!==n&&"function"==typeof a&&(i=a.prototype)!==n.prototype&&r(i)&&o&&o(t,i),t}},function(t,e,n){"use strict";var r=n(23),o=n(28);t.exports=function(t){var e=String(o(this)),n="",i=r(t);if(i<0||i==1/0)throw RangeError("Count can't be negative");for(;i>0;(i>>>=1)&&(e+=e))1&i&&(n+=e);return n}},function(t,e){t.exports=Math.sign||function(t){return 0==(t=+t)||t!=t?t:t<0?-1:1}},function(t,e){var n=Math.expm1;t.exports=!n||n(10)>22025.465794806718||n(10)<22025.465794806718||-2e-17!=n(-2e-17)?function(t){return 0==(t=+t)?t:t>-1e-6&&t<1e-6?t+t*t/2:Math.exp(t)-1}:n},function(t,e,n){var r=n(23),o=n(28);t.exports=function(t){return function(e,n){var i,a,c=String(o(e)),s=r(n),u=c.length;return s<0||s>=u?t?"":void 0:(i=c.charCodeAt(s))<55296||i>56319||s+1===u||(a=c.charCodeAt(s+1))<56320||a>57343?t?c.charAt(s):i:t?c.slice(s,s+2):a-56320+(i-55296<<10)+65536}}},function(t,e,n){"use strict";var r=n(34),o=n(1),i=n(15),a=n(18),c=n(44),s=n(125),u=n(42),l=n(39),d=n(7)("iterator"),f=!([].keys&&"next"in[].keys()),h=function(){return this};t.exports=function(t,e,n,p,m,v,g){s(n,e,p);var y,b,_,w=function(t){if(!f&&t in j)return j[t];switch(t){case"keys":case"values":return function(){return new n(this,t)}}return function(){return new n(this,t)}},x=e+" Iterator",O="values"==m,C=!1,j=t.prototype,S=j[d]||j["@@iterator"]||m&&j[m],I=S||w(m),k=m?O?w("entries"):I:void 0,E="Array"==e&&j.entries||S;if(E&&(_=l(E.call(new t)))!==Object.prototype&&_.next&&(u(_,x,!0),r||"function"==typeof _[d]||a(_,d,h)),O&&S&&"values"!==S.name&&(C=!0,I=function(){return S.call(this)}),r&&!g||!f&&!C&&j[d]||a(j,d,I),c[e]=I,c[x]=h,m)if(y={values:O?I:w("values"),keys:v?I:w("keys"),entries:k},g)for(b in y)b in j||i(j,b,y[b]);else o(o.P+o.F*(f||C),e,y);return y}},function(t,e,n){var r=n(79),o=n(28);t.exports=function(t,e,n){if(r(e))throw TypeError("String#"+n+" doesn't accept regex!");return String(o(t))}},function(t,e,n){var r=n(6),o=n(27),i=n(7)("match");t.exports=function(t){var e;return r(t)&&(void 0!==(e=t[i])?!!e:"RegExp"==o(t))}},function(t,e,n){var r=n(7)("match");t.exports=function(t){var e=/./;try{"/./"[t](e)}catch(n){try{return e[r]=!1,!"/./"[t](e)}catch(t){}}return!0}},function(t,e,n){var r=n(44),o=n(7)("iterator"),i=Array.prototype;t.exports=function(t){return void 0!==t&&(r.Array===t||i[o]===t)}},function(t,e,n){"use strict";var r=n(12),o=n(32);t.exports=function(t,e,n){e in t?r.f(t,e,o(0,n)):t[e]=n}},function(t,e,n){var r=n(50),o=n(7)("iterator"),i=n(44);t.exports=n(10).getIteratorMethod=function(t){if(null!=t)return t[o]||t["@@iterator"]||i[r(t)]}},function(t,e,n){"use strict";var r=n(14),o=n(36),i=n(9);t.exports=function(t){for(var e=r(this),n=i(e.length),a=arguments.length,c=o(a>1?arguments[1]:void 0,n),s=a>2?arguments[2]:void 0,u=void 0===s?n:o(s,n);u>c;)e[c++]=t;return e}},function(t,e,n){"use strict";var r=n(40),o=n(130),i=n(44),a=n(19);t.exports=n(77)(Array,"Array",(function(t,e){this._t=a(t),this._i=0,this._k=e}),(function(){var t=this._t,e=this._k,n=this._i++;return!t||n>=t.length?(this._t=void 0,o(1)):o(0,"keys"==e?n:"values"==e?t[n]:[n,t[n]])}),"values"),i.Arguments=i.Array,r("keys"),r("values"),r("entries")},function(t,e,n){"use strict";var r,o,i=n(57),a=RegExp.prototype.exec,c=String.prototype.replace,s=a,u=(r=/a/,o=/b*/g,a.call(r,"a"),a.call(o,"a"),0!==r.lastIndex||0!==o.lastIndex),l=void 0!==/()??/.exec("")[1];(u||l)&&(s=function(t){var e,n,r,o,s=this;return l&&(n=new RegExp("^"+s.source+"$(?!\\s)",i.call(s))),u&&(e=s.lastIndex),r=a.call(s,t),u&&r&&(s.lastIndex=s.global?r.index+r[0].length:e),l&&r&&r.length>1&&c.call(r[0],n,(function(){for(o=1;on;)e.push(arguments[n++]);return g[++v]=function(){c("function"==typeof t?t:Function(t),e)},r(v),v},h=function(t){delete g[t]},"process"==n(27)(d)?r=function(t){d.nextTick(a(y,t,1))}:m&&m.now?r=function(t){m.now(a(y,t,1))}:p?(i=(o=new p).port2,o.port1.onmessage=b,r=a(i.postMessage,i,1)):l.addEventListener&&"function"==typeof postMessage&&!l.importScripts?(r=function(t){l.postMessage(t+"","*")},l.addEventListener("message",b,!1)):r="onreadystatechange"in u("script")?function(t){s.appendChild(u("script")).onreadystatechange=function(){s.removeChild(this),y.call(t)}}:function(t){setTimeout(a(y,t,1),0)}),t.exports={set:f,clear:h}},function(t,e,n){"use strict";var r=n(3),o=n(11),i=n(34),a=n(63),c=n(18),s=n(47),u=n(4),l=n(46),d=n(23),f=n(9),h=n(138),p=n(38).f,m=n(12).f,v=n(84),g=n(42),y=r.ArrayBuffer,b=r.DataView,_=r.Math,w=r.RangeError,x=r.Infinity,O=y,C=_.abs,j=_.pow,S=_.floor,I=_.log,k=_.LN2,E=o?"_b":"buffer",N=o?"_l":"byteLength",P=o?"_o":"byteOffset";function G(t,e,n){var r,o,i,a=new Array(n),c=8*n-e-1,s=(1<>1,l=23===e?j(2,-24)-j(2,-77):0,d=0,f=t<0||0===t&&1/t<0?1:0;for((t=C(t))!=t||t===x?(o=t!=t?1:0,r=s):(r=S(I(t)/k),t*(i=j(2,-r))<1&&(r--,i*=2),(t+=r+u>=1?l/i:l*j(2,1-u))*i>=2&&(r++,i/=2),r+u>=s?(o=0,r=s):r+u>=1?(o=(t*i-1)*j(2,e),r+=u):(o=t*j(2,u-1)*j(2,e),r=0));e>=8;a[d++]=255&o,o/=256,e-=8);for(r=r<0;a[d++]=255&r,r/=256,c-=8);return a[--d]|=128*f,a}function A(t,e,n){var r,o=8*n-e-1,i=(1<>1,c=o-7,s=n-1,u=t[s--],l=127&u;for(u>>=7;c>0;l=256*l+t[s],s--,c-=8);for(r=l&(1<<-c)-1,l>>=-c,c+=e;c>0;r=256*r+t[s],s--,c-=8);if(0===l)l=1-a;else{if(l===i)return r?NaN:u?-x:x;r+=j(2,e),l-=a}return(u?-1:1)*r*j(2,l-e)}function T(t){return t[3]<<24|t[2]<<16|t[1]<<8|t[0]}function F(t){return[255&t]}function M(t){return[255&t,t>>8&255]}function V(t){return[255&t,t>>8&255,t>>16&255,t>>24&255]}function $(t){return G(t,52,8)}function R(t){return G(t,23,4)}function L(t,e,n){m(t.prototype,e,{get:function(){return this[n]}})}function B(t,e,n,r){var o=h(+n);if(o+e>t[N])throw w("Wrong index!");var i=t[E]._b,a=o+t[P],c=i.slice(a,a+e);return r?c:c.reverse()}function D(t,e,n,r,o,i){var a=h(+n);if(a+e>t[N])throw w("Wrong index!");for(var c=t[E]._b,s=a+t[P],u=r(+o),l=0;lH;)(W=z[H++])in y||c(y,W,O[W]);i||(U.constructor=y)}var K=new b(new y(2)),q=b.prototype.setInt8;K.setInt8(0,2147483648),K.setInt8(1,2147483649),!K.getInt8(0)&&K.getInt8(1)||s(b.prototype,{setInt8:function(t,e){q.call(this,t,e<<24>>24)},setUint8:function(t,e){q.call(this,t,e<<24>>24)}},!0)}else y=function(t){l(this,y,"ArrayBuffer");var e=h(t);this._b=v.call(new Array(e),0),this[N]=e},b=function(t,e,n){l(this,b,"DataView"),l(t,y,"DataView");var r=t[N],o=d(e);if(o<0||o>r)throw w("Wrong offset!");if(o+(n=void 0===n?r-o:f(n))>r)throw w("Wrong length!");this[E]=t,this[P]=o,this[N]=n},o&&(L(y,"byteLength","_l"),L(b,"buffer","_b"),L(b,"byteLength","_l"),L(b,"byteOffset","_o")),s(b.prototype,{getInt8:function(t){return B(this,1,t)[0]<<24>>24},getUint8:function(t){return B(this,1,t)[0]},getInt16:function(t){var e=B(this,2,t,arguments[1]);return(e[1]<<8|e[0])<<16>>16},getUint16:function(t){var e=B(this,2,t,arguments[1]);return e[1]<<8|e[0]},getInt32:function(t){return T(B(this,4,t,arguments[1]))},getUint32:function(t){return T(B(this,4,t,arguments[1]))>>>0},getFloat32:function(t){return A(B(this,4,t,arguments[1]),23,4)},getFloat64:function(t){return A(B(this,8,t,arguments[1]),52,8)},setInt8:function(t,e){D(this,1,t,F,e)},setUint8:function(t,e){D(this,1,t,F,e)},setInt16:function(t,e){D(this,2,t,M,e,arguments[2])},setUint16:function(t,e){D(this,2,t,M,e,arguments[2])},setInt32:function(t,e){D(this,4,t,V,e,arguments[2])},setUint32:function(t,e){D(this,4,t,V,e,arguments[2])},setFloat32:function(t,e){D(this,4,t,R,e,arguments[2])},setFloat64:function(t,e){D(this,8,t,$,e,arguments[2])}});g(y,"ArrayBuffer"),g(b,"DataView"),c(b.prototype,a.VIEW,!0),e.ArrayBuffer=y,e.DataView=b},function(t,e){var n=t.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=n)},function(t,e){t.exports=function(t){return"object"==typeof t?null!==t:"function"==typeof t}},function(t,e,n){t.exports=!n(143)((function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a}))},function(t,e,n){(t.exports=n(13)(!1)).push([t.i,"\n.grid[data-v-2d565912] .cheetah-grid__inline-menu__menu-item.stars {\n text-align: center;\n color: gold;\n display: block;\n white-space: nowrap;\n}\n.grid[data-v-2d565912] .cheetah-grid__inline-menu__menu-item.stars .material-icons {\n line-height: 40px;\n}\n",""])},function(t,e,n){(t.exports=n(13)(!1)).push([t.i,'\n.grid[data-v-daff151c] .cheetah-grid__inline-menu__menu-item.stars {\n text-align: center;\n color: gold;\n display: block;\n white-space: nowrap;\n}\n.grid[data-v-daff151c] .cheetah-grid__inline-menu__menu-item.stars .material-icons {\n line-height: 40px;\n}\n.filter-input[data-v-daff151c] {\n background-color: transparent;\n border: none;\n border-bottom: 1px solid #9e9e9e;\n outline: none;\n height: 2.5rem;\n /*width: 50%;*/\n width: 300px;\n font-size: 16px;\n margin: 0 0 8px 0;\n transition: box-shadow .3s, border .3s;\n line-height: 2.5rem;\n box-sizing: content-box;\n}\n.filter-input[data-v-daff151c]:focus {\n border-bottom: 1px solid #2196f3;\n box-shadow: 0 1px 0 0 #2196f3;\n}\n.filter-checkbox[data-v-daff151c] {\n position: absolute;\n opacity: 0;\n pointer-events: none;\n box-sizing: border-box;\n padding: 0;\n overflow: visible;\n font-size: 100%;\n line-height: 2.5rem;\n margin: 0;\n}\n.filter-checkbox[type="checkbox"]+span[data-v-daff151c] {\n position: relative;\n padding-left: 35px;\n cursor: pointer;\n display: inline-block;\n height: 2.5rem;\n line-height: 2.5rem;\n font-size: 1rem;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.filter-checkbox[type="checkbox"]+span[data-v-daff151c]:before, .filter-checkbox[type="checkbox"]+span[data-v-daff151c]:after {\n content: \'\';\n left: 0;\n position: absolute;\n -webkit-transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;\n transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;\n z-index: 1;\n}\n.filter-checkbox[type="checkbox"]+span[data-v-daff151c]:before {\n top: calc(0.6rem + 1px);\n left: 0;\n width: 6px;\n height: 11px;\n border: 2px solid transparent;\n -webkit-transform: rotateZ(37deg);\n transform: rotateZ(37deg);\n -webkit-transform-origin: 100% 100%;\n transform-origin: 100% 100%;\n}\n.filter-checkbox[type="checkbox"]:checked+span[data-v-daff151c]:before {\n border-top: 2px solid transparent;\n border-left: 2px solid transparent;\n border-right: 2px solid #fff;\n border-bottom: 2px solid #fff;\n}\n.filter-checkbox[type="checkbox"]+span[data-v-daff151c]:after {\n top: 0.6rem;\n width: 1rem;\n height: 1rem;\n border: 2px solid #ddd;\n background-color: transparent;\n z-index: 0;\n border-radius: 2px;\n}\n.filter-checkbox[type="checkbox"]:checked+span[data-v-daff151c]:after {\n border: 2px solid #2196f3;\n background-color: #2196f3;\n}\n',""])},function(t,e,n){(t.exports=n(13)(!1)).push([t.i,"\n.c-grid[data-v-6fbefaaa] {\n height: 100%;\n width: 100%;\n}\n.c-grid .define[data-v-6fbefaaa] {\n display: none !important;\n position: fixed;\n top: -300px;\n left: -300px;\n}\n",""])},function(t,e,n){(t.exports=n(13)(!1)).push([t.i,"\n.c-grid-column[data-v-3b1ad4b6] {\n display: none;\n}\n",""])},function(t,e,n){(t.exports=n(13)(!1)).push([t.i,"\n.c-grid-column-group[data-v-f93e9aa2] {\n display: none;\n}\n",""])},function(t,e,n){(t.exports=n(13)(!1)).push([t.i,"\n.c-grid-button-column[data-v-1df77f7e] {\n display: none;\n}\n",""])},function(t,e,n){(t.exports=n(13)(!1)).push([t.i,"\n.c-grid-check-column[data-v-654a106a] {\n display: none;\n}\n",""])},function(t,e,n){(t.exports=n(13)(!1)).push([t.i,"\n.c-grid-percent-complete-bar-column[data-v-479206a0] {\n display: none;\n}\n",""])},function(t,e,n){(t.exports=n(13)(!1)).push([t.i,"\n.c-grid-icon-column[data-v-23810e3e] {\n display: none;\n}\n",""])},function(t,e,n){(t.exports=n(13)(!1)).push([t.i,"\n.c-grid-input-column[data-v-202f6002] {\n display: none;\n}\n",""])},function(t,e,n){(t.exports=n(13)(!1)).push([t.i,"\n.c-grid-link-column[data-v-53497d7c] {\n display: none;\n}\n",""])},function(t,e,n){(t.exports=n(13)(!1)).push([t.i,"\n.c-grid-menu-column[data-v-156b7d11] {\n display: none;\n}\n",""])},function(t,e,n){(t.exports=n(13)(!1)).push([t.i,"\n.c-grid-radio-column[data-v-b1bc3b30] {\n display: none;\n}\n",""])},function(t,e,n){(t.exports=n(13)(!1)).push([t.i,"\n.c-grid-branch-graph-column[data-v-e45eef62] {\n display: none;\n}\n",""])},function(t,e,n){(t.exports=n(13)(!1)).push([t.i,"\n.c-grid-layout-row[data-v-4c3e14aa] {\n display: none;\n}\n",""])},function(t,e,n){(t.exports=n(13)(!1)).push([t.i,"\n.c-grid-header[data-v-0cb2dc3e] {\n display: none;\n}\n",""])},function(t,e,n){"use strict";(function(t){n.d(e,"a",(function(){return Ut})),n.d(e,"b",(function(){return F}));var r=n(0); +/*! + * vue-router v4.0.6 + * (c) 2021 Eduardo San Martin Morote + * @license MIT + */ +const o="function"==typeof Symbol&&"symbol"==typeof Symbol.toStringTag,i=t=>o?Symbol(t):"_vr_"+t,a=i("rvlm"),c=i("rvd"),s=i("r"),u=i("rl"),l=i("rvl"),d="undefined"!=typeof window;const f=Object.assign;function h(t,e){const n={};for(const r in e){const o=e[r];n[r]=Array.isArray(o)?o.map(t):t(o)}return n}let p=()=>{};const m=/\/$/;function v(t,e,n="/"){let r,o={},i="",a="";const c=e.indexOf("?"),s=e.indexOf("#",c>-1?c:0);return c>-1&&(r=e.slice(0,c),i=e.slice(c+1,s>-1?s:e.length),o=t(i)),s>-1&&(r=r||e.slice(0,s),a=e.slice(s,e.length)),r=function(t,e){if(t.startsWith("/"))return t;0;if(!t)return e;const n=e.split("/"),r=t.split("/");let o,i,a=n.length-1;for(o=0;ot===e[n]):1===t.length&&t[0]===e}var x,O;!function(t){t.pop="pop",t.push="push"}(x||(x={})),function(t){t.back="back",t.forward="forward",t.unknown=""}(O||(O={}));function C(t){if(!t)if(d){const e=document.querySelector("base");t=(t=e&&e.getAttribute("href")||"/").replace(/^\w+:\/\/[^\/]+/,"")}else t="/";return"/"!==t[0]&&"#"!==t[0]&&(t="/"+t),t.replace(m,"")}const j=/^[^#]+#/;function S(t,e){return t.replace(j,"#")+e}const I=()=>({left:window.pageXOffset,top:window.pageYOffset});function k(t){let e;if("el"in t){let n=t.el;const r="string"==typeof n&&n.startsWith("#");0;const o="string"==typeof n?r?document.getElementById(n.slice(1)):document.querySelector(n):n;if(!o)return;e=function(t,e){const n=document.documentElement.getBoundingClientRect(),r=t.getBoundingClientRect();return{behavior:e.behavior,left:r.left-n.left-(e.left||0),top:r.top-n.top-(e.top||0)}}(o,t)}else e=t;"scrollBehavior"in document.documentElement.style?window.scrollTo(e):window.scrollTo(null!=e.left?e.left:window.pageXOffset,null!=e.top?e.top:window.pageYOffset)}function E(t,e){return(history.state?history.state.position-e:-1)+t}const N=new Map;let P=()=>location.protocol+"//"+location.host;function G(t,e){const{pathname:n,search:r,hash:o}=e;if(t.indexOf("#")>-1){let t=o.slice(1);return"/"!==t[0]&&(t="/"+t),g(t,"")}return g(n,t)+r+o}function A(t,e,n,r=!1,o=!1){return{back:t,current:e,forward:n,replaced:r,position:window.history.length,scroll:o?I():null}}function T(t){const e=function(t){const{history:e,location:n}=window;let r={value:G(t,n)},o={value:e.state};function i(r,i,a){const c=t.indexOf("#"),s=c>-1?(n.host&&document.querySelector("base")?t:t.slice(c))+r:P()+t+r;try{e[a?"replaceState":"pushState"](i,"",s),o.value=i}catch(t){console.error(t),n[a?"replace":"assign"](s)}}return o.value||i(r.value,{back:null,current:r.value,forward:null,position:e.length-1,replaced:!0,scroll:null},!0),{location:r,state:o,push:function(t,n){const a=f({},o.value,e.state,{forward:t,scroll:I()});i(a.current,a,!0),i(t,f({},A(r.value,t,null),{position:a.position+1},n),!1),r.value=t},replace:function(t,n){i(t,f({},e.state,A(o.value.back,t,o.value.forward,!0),n,{position:o.value.position}),!0),r.value=t}}}(t=C(t)),n=function(t,e,n,r){let o=[],i=[],a=null;const c=({state:i})=>{const c=G(t,location),s=n.value,u=e.value;let l=0;if(i){if(n.value=c,e.value=i,a&&a===s)return void(a=null);l=u?i.position-u.position:0}else r(c);o.forEach(t=>{t(n.value,s,{delta:l,type:x.pop,direction:l?l>0?O.forward:O.back:O.unknown})})};function s(){const{history:t}=window;t.state&&t.replaceState(f({},t.state,{scroll:I()}),"")}return window.addEventListener("popstate",c),window.addEventListener("beforeunload",s),{pauseListeners:function(){a=n.value},listen:function(t){o.push(t);const e=()=>{const e=o.indexOf(t);e>-1&&o.splice(e,1)};return i.push(e),e},destroy:function(){for(const t of i)t();i=[],window.removeEventListener("popstate",c),window.removeEventListener("beforeunload",s)}}}(t,e.state,e.location,e.replace);const r=f({location:"",base:t,go:function(t,e=!0){e||n.pauseListeners(),history.go(t)},createHref:S.bind(null,t)},e,n);return Object.defineProperty(r,"location",{get:()=>e.location.value}),Object.defineProperty(r,"state",{get:()=>e.state.value}),r}function F(t){return(t=location.host?t||location.pathname+location.search:"").indexOf("#")<0&&(t+="#"),T(t)}function M(t){return"string"==typeof t||"symbol"==typeof t}const V={path:"/",name:void 0,params:{},query:{},hash:"",fullPath:"/",matched:[],meta:{},redirectedFrom:void 0},$=i("nf");var R;!function(t){t[t.aborted=4]="aborted",t[t.cancelled=8]="cancelled",t[t.duplicated=16]="duplicated"}(R||(R={}));function L(t,e){return f(new Error,{type:t,[$]:!0},e)}function B(t,e){return t instanceof Error&&$ in t&&(null==e||!!(t.type&e))}const D={sensitive:!1,strict:!1,start:!0,end:!0},W=/[.+*?^${}()[\]/\\]/g;function U(t,e){let n=0;for(;ne.length?1===e.length&&80===e[0]?1:-1:0}function z(t,e){let n=0;const r=t.score,o=e.score;for(;n1&&("*"===c||"+"===c)&&e(`A repeatable param (${u}) must be alone in its segment. eg: '/:ids+.`),i.push({type:1,value:u,regexp:l,repeatable:"*"===c||"+"===c,optional:"*"===c||"?"===c})):e("Invalid state to consume buffer"),u="")}function f(){u+=c}for(;s{i(h)}:p}function i(t){if(M(t)){const e=r.get(t);e&&(r.delete(t),n.splice(n.indexOf(e),1),e.children.forEach(i),e.alias.forEach(i))}else{let e=n.indexOf(t);e>-1&&(n.splice(e,1),t.record.name&&r.delete(t.record.name),t.children.forEach(i),t.alias.forEach(i))}}function a(t){let e=0;for(;e=0;)e++;n.splice(e,0,t),t.record.name&&!X(t)&&r.set(t.record.name,t)}return e=Q({strict:!1,end:!0,sensitive:!1},e),t.forEach(t=>o(t)),{addRoute:o,resolve:function(t,e){let o,i,a,c={};if("name"in t&&t.name){if(o=r.get(t.name),!o)throw L(1,{location:t});a=o.record.name,c=f(function(t,e){let n={};for(let r of e)r in t&&(n[r]=t[r]);return n}(e.params,o.keys.filter(t=>!t.optional).map(t=>t.name)),t.params),i=o.stringify(c)}else if("path"in t)i=t.path,o=n.find(t=>t.re.test(i)),o&&(c=o.parse(i),a=o.record.name);else{if(o=e.name?r.get(e.name):n.find(t=>t.re.test(e.path)),!o)throw L(1,{location:t,currentLocation:e});a=o.record.name,c=f({},e.params,t.params),i=o.stringify(c)}const s=[];let u=o;for(;u;)s.unshift(u.record),u=u.parent;return{name:a,path:i,params:c,matched:s,meta:Z(s)}},removeRoute:i,getRoutes:function(){return n},getRecordMatcher:function(t){return r.get(t)}}}function Y(t){const e={},n=t.props||!1;if("component"in t)e.default=n;else for(let r in t.components)e[r]="boolean"==typeof n?n:n[r];return e}function X(t){for(;t;){if(t.record.aliasOf)return!0;t=t.parent}return!1}function Z(t){return t.reduce((t,e)=>f(t,e.meta),{})}function Q(t,e){let n={};for(let r in t)n[r]=r in e?e[r]:t[r];return n}const tt=/#/g,et=/&/g,nt=/\//g,rt=/=/g,ot=/\?/g,it=/\+/g,at=/%5B/g,ct=/%5D/g,st=/%5E/g,ut=/%60/g,lt=/%7B/g,dt=/%7C/g,ft=/%7D/g,ht=/%20/g;function pt(t){return encodeURI(""+t).replace(dt,"|").replace(at,"[").replace(ct,"]")}function mt(t){return pt(t).replace(it,"%2B").replace(ht,"+").replace(tt,"%23").replace(et,"%26").replace(ut,"`").replace(lt,"{").replace(ft,"}").replace(st,"^")}function vt(t){return function(t){return pt(t).replace(tt,"%23").replace(ot,"%3F")}(t).replace(nt,"%2F")}function gt(t){try{return decodeURIComponent(""+t)}catch(t){}return""+t}function yt(t){const e={};if(""===t||"?"===t)return e;const n=("?"===t[0]?t.slice(1):t).split("&");for(let t=0;tt&&mt(t)):[r&&mt(r)];for(let t=0;tnull==t?null:""+t):null==r?r:""+r)}return e}function wt(){let t=[];return{add:function(e){return t.push(e),()=>{const n=t.indexOf(e);n>-1&&t.splice(n,1)}},list:()=>t,reset:function(){t=[]}}}function xt(t,e,n,r,o){const i=r&&(r.enterCallbacks[o]=r.enterCallbacks[o]||[]);return()=>new Promise((a,c)=>{const s=t=>{var s;!1===t?c(L(4,{from:n,to:e})):t instanceof Error?c(t):"string"==typeof(s=t)||s&&"object"==typeof s?c(L(2,{from:e,to:t})):(i&&r.enterCallbacks[o]===i&&"function"==typeof t&&i.push(t),a())},u=t.call(r&&r.instances[o],e,n,s);let l=Promise.resolve(u);t.length<3&&(l=l.then(s)),l.catch(t=>c(t))})}function Ot(t,e,n,r){const i=[];for(const c of t)for(const t in c.components){let s=c.components[t];if("beforeRouteEnter"===e||c.instances[t])if("object"==typeof(a=s)||"displayName"in a||"props"in a||"__vccOpts"in a){const o=(s.__vccOpts||s)[e];o&&i.push(xt(o,n,r,c,t))}else{let a=s();a=a.catch(console.error),i.push(()=>a.then(i=>{if(!i)return Promise.reject(new Error(`Couldn't resolve component "${t}" at "${c.path}"`));const a=(s=i).__esModule||o&&"Module"===s[Symbol.toStringTag]?i.default:i;var s;c.components[t]=a;const u=(a.__vccOpts||a)[e];return u&&xt(u,n,r,c,t)()}))}}var a;return i}function Ct(t){const e=Object(r.inject)(s),n=Object(r.inject)(u),o=Object(r.computed)(()=>e.resolve(Object(r.unref)(t.to))),i=Object(r.computed)(()=>{let{matched:t}=o.value,{length:e}=t;const r=t[e-1];let i=n.matched;if(!r||!i.length)return-1;let a=i.findIndex(y.bind(null,r));if(a>-1)return a;let c=St(t[e-2]);return e>1&&St(r)===c&&i[i.length-1].path!==c?i.findIndex(y.bind(null,t[e-2])):a}),a=Object(r.computed)(()=>i.value>-1&&function(t,e){for(let n in e){let r=e[n],o=t[n];if("string"==typeof r){if(r!==o)return!1}else if(!Array.isArray(o)||o.length!==r.length||r.some((t,e)=>t!==o[e]))return!1}return!0}(n.params,o.value.params)),c=Object(r.computed)(()=>i.value>-1&&i.value===n.matched.length-1&&b(n.params,o.value.params));return{route:o,href:Object(r.computed)(()=>o.value.href),isActive:a,isExactActive:c,navigate:function(n={}){return function(t){if(t.metaKey||t.altKey||t.ctrlKey||t.shiftKey)return;if(t.defaultPrevented)return;if(void 0!==t.button&&0!==t.button)return;if(t.currentTarget&&t.currentTarget.getAttribute){const e=t.currentTarget.getAttribute("target");if(/\b_blank\b/i.test(e))return}t.preventDefault&&t.preventDefault();return!0}(n)?e[Object(r.unref)(t.replace)?"replace":"push"](Object(r.unref)(t.to)):Promise.resolve()}}}const jt=Object(r.defineComponent)({name:"RouterLink",props:{to:{type:[String,Object],required:!0},replace:Boolean,activeClass:String,exactActiveClass:String,custom:Boolean,ariaCurrentValue:{type:String,default:"page"}},setup(t,{slots:e}){const n=Object(r.reactive)(Ct(t)),{options:o}=Object(r.inject)(s),i=Object(r.computed)(()=>({[It(t.activeClass,o.linkActiveClass,"router-link-active")]:n.isActive,[It(t.exactActiveClass,o.linkExactActiveClass,"router-link-exact-active")]:n.isExactActive}));{const t=Object(r.getCurrentInstance)();Object(r.watchEffect)(()=>{t&&(t.__vrl_route=n.route)},{flush:"post"}),Object(r.watchEffect)(()=>{t&&(t.__vrl_active=n.isActive,t.__vrl_exactActive=n.isExactActive)},{flush:"post"})}return()=>{const o=e.default&&e.default(n);return t.custom?o:Object(r.h)("a",{"aria-current":n.isExactActive?t.ariaCurrentValue:null,href:n.href,onClick:n.navigate,class:i.value},o)}}});function St(t){return t?t.aliasOf?t.aliasOf.path:t.path:""}const It=(t,e,n)=>null!=t?t:null!=e?e:n;function kt(t,e){if(!t)return null;const n=t(e);return 1===n.length?n[0]:n}const Et=Object(r.defineComponent)({name:"RouterView",inheritAttrs:!1,props:{name:{type:String,default:"default"},route:Object},setup(t,{attrs:e,slots:n}){const o=Object(r.inject)(l),i=Object(r.computed)(()=>t.route||o.value),s=Object(r.inject)(c,0),u=Object(r.computed)(()=>i.value.matched[s]);Object(r.provide)(c,s+1),Object(r.provide)(a,u),Object(r.provide)(l,i);const d=Object(r.ref)();return Object(r.watch)(()=>[d.value,u.value,t.name],([t,e,n],[r,o,i])=>{e&&(e.instances[n]=t,o&&o!==e&&t&&t===r&&(e.leaveGuards.size||(e.leaveGuards=o.leaveGuards),e.updateGuards.size||(e.updateGuards=o.updateGuards))),!t||!e||o&&y(e,o)&&r||(e.enterCallbacks[n]||[]).forEach(e=>e(t))},{flush:"post"}),()=>{const o=i.value,a=u.value,c=a&&a.components[t.name],s=t.name;if(!c)return kt(n.default,{Component:c,route:o});const l=a.props[t.name],h=l?!0===l?o.params:"function"==typeof l?l(o):l:null,p=Object(r.h)(c,f({},h,e,{onVnodeUnmounted:t=>{t.component.isUnmounted&&(a.instances[s]=null)},ref:d}));return kt(n.default,{Component:p,route:o})||p}}});function Nt(){return"undefined"!=typeof navigator?window:void 0!==t?t:{}}function Pt(t,e){const n=Nt().__VUE_DEVTOOLS_GLOBAL_HOOK__;if(n)n.emit("devtools-plugin:setup",t,e);else{const n=Nt();(n.__VUE_DEVTOOLS_PLUGINS__=n.__VUE_DEVTOOLS_PLUGINS__||[]).push({pluginDescriptor:t,setupFn:e})}}function Gt(t,e){const n=f({},t,{matched:t.matched.map(t=>function(t,e){const n={};for(let r in t)e.includes(r)||(n[r]=t[r]);return n}(t,["instances","children","aliasOf"]))});return{_custom:{type:null,readOnly:!0,display:t.fullPath,tooltip:e,value:n}}}function At(t){return{_custom:{display:t}}}let Tt=0;function Ft(t,e,n){if(e.__hasDevtools)return;e.__hasDevtools=!0;const o=Tt++;Pt({id:"org.vuejs.router"+(o?"."+o:""),label:"Vue Router",packageName:"vue-router",homepage:"https://next.router.vuejs.org/",logo:"https://vuejs.org/images/icons/favicon-96x96.png",componentStateTypes:["Routing"],app:t},i=>{i.on.inspectComponent((t,n)=>{t.instanceData&&t.instanceData.state.push({type:"Routing",key:"$route",editable:!1,value:Gt(e.currentRoute.value,"Current Route")})}),i.on.visitComponentTree(({treeNode:t,componentInstance:e})=>{"RouterLink"===t.name&&(e.__vrl_route&&t.tags.push({label:e.__vrl_route.path,textColor:0,backgroundColor:Rt}),e.__vrl_exactActive&&t.tags.push({label:"exact",textColor:0,backgroundColor:$t}),e.__vrl_active&&t.tags.push({label:"active",textColor:0,backgroundColor:Vt}))}),Object(r.watch)(e.currentRoute,()=>{u(),i.notifyComponentUpdate(),i.sendInspectorTree(s)});const a="router:navigations:"+o;i.addTimelineLayer({id:a,label:`Router${o?" "+o:""} Navigations`,color:4237508}),e.onError(t=>{i.addTimelineEvent({layerId:a,event:{title:"Error",subtitle:"An uncaught error happened during navigation",logType:"error",time:Date.now(),data:{error:t}}})});let c=0;e.beforeEach((t,e)=>{const n={guard:At("beforeEach"),from:Gt(e,"Current Location during this navigation"),to:Gt(t,"Target location")};Object.defineProperty(t.meta,"__navigationId",{value:c++}),i.addTimelineEvent({layerId:a,event:{time:Date.now(),title:"Start of navigation",data:n,groupId:t.meta.__navigationId}})}),e.afterEach((t,e,n)=>{const r={guard:At("afterEach")};n?(r.failure={_custom:{type:Error,readOnly:!0,display:n?n.message:"",tooltip:"Navigation Failure",value:n}},r.status=At("❌")):r.status=At("✅"),r.from=Gt(e,"Current Location during this navigation"),r.to=Gt(t,"Target location"),i.addTimelineEvent({layerId:a,event:{title:"End of navigation",time:Date.now(),data:r,logType:n?"warning":"default",groupId:t.meta.__navigationId}})});const s="router-inspector:"+o;function u(){if(!l)return;const t=l;let r=n.getRoutes().filter(t=>!t.parent);r.forEach(Wt),t.filter&&(r=r.filter(e=>function t(e,n){const r=String(e.re).match(Dt);if(e.__vd_match=!1,!r||r.length<3)return!1;if(new RegExp(r[1].replace(/\$$/,""),r[2]).test(n))return e.children.forEach(e=>t(e,n)),("/"!==e.record.path||"/"===n)&&(e.__vd_match=e.re.test(n),!0);const o=e.record.path.toLowerCase(),i=gt(o);return!(n.startsWith("/")||!i.includes(n)&&!o.includes(n))||(!(!i.startsWith(n)&&!o.startsWith(n))||(!(!e.record.name||!String(e.record.name).includes(n))||e.children.some(e=>t(e,n))))}(e,t.filter.toLowerCase()))),r.forEach(t=>function t(e,n){const r=n.matched.length&&y(n.matched[n.matched.length-1],e.record);e.__vd_exactActive=e.__vd_active=r,r||(e.__vd_active=n.matched.some(t=>y(t,e.record)));e.children.forEach(e=>t(e,n))}(t,e.currentRoute.value)),t.rootNodes=r.map(Lt)}let l;i.addInspector({id:s,label:"Routes"+(o?" "+o:""),icon:"book",treeFilterPlaceholder:"Search routes"}),i.on.getInspectorTree(e=>{l=e,e.app===t&&e.inspectorId===s&&u()}),i.on.getInspectorState(e=>{if(e.app===t&&e.inspectorId===s){const t=n.getRoutes().find(t=>t.record.__vd_id===e.nodeId);t&&(e.state={options:Mt(t)})}}),i.sendInspectorTree(s),i.sendInspectorState(s)})}function Mt(t){const{record:e}=t,n=[{editable:!1,key:"path",value:e.path}];return null!=e.name&&n.push({editable:!1,key:"name",value:e.name}),n.push({editable:!1,key:"regexp",value:t.re}),t.keys.length&&n.push({editable:!1,key:"keys",value:{_custom:{type:null,readOnly:!0,display:t.keys.map(t=>`${t.name}${function(t){return t.optional?t.repeatable?"*":"?":t.repeatable?"+":""}(t)}`).join(" "),tooltip:"Param keys",value:t.keys}}}),null!=e.redirect&&n.push({editable:!1,key:"redirect",value:e.redirect}),t.alias.length&&n.push({editable:!1,key:"aliases",value:t.alias.map(t=>t.record.path)}),n.push({key:"score",editable:!1,value:{_custom:{type:null,readOnly:!0,display:t.score.map(t=>t.join(", ")).join(" | "),tooltip:"Score used to sort routes",value:t.score}}}),n}const Vt=2450411,$t=8702998,Rt=16486972;function Lt(t){const e=[],{record:n}=t;null!=n.name&&e.push({label:String(n.name),textColor:0,backgroundColor:2282478}),n.aliasOf&&e.push({label:"alias",textColor:0,backgroundColor:Rt}),t.__vd_match&&e.push({label:"matches",textColor:0,backgroundColor:15485081}),t.__vd_exactActive&&e.push({label:"exact",textColor:0,backgroundColor:$t}),t.__vd_active&&e.push({label:"active",textColor:0,backgroundColor:Vt}),n.redirect&&e.push({label:"redirect: "+("string"==typeof n.redirect?n.redirect:"Object"),textColor:16777215,backgroundColor:6710886});let r=String(Bt++);return n.__vd_id=r,{id:r,label:n.path,tags:e,children:t.children.map(Lt)}}let Bt=0;const Dt=/^\/(.*)\/([a-z]*)$/;function Wt(t){t.__vd_match=!1,t.children.forEach(Wt)}function Ut(t){const e=J(t.routes,t);let n=t.parseQuery||yt,o=t.stringifyQuery||bt,i=t.history;const a=wt(),c=wt(),m=wt(),g=Object(r.shallowRef)(V);let _=V;d&&t.scrollBehavior&&"scrollRestoration"in history&&(history.scrollRestoration="manual");const w=h.bind(null,t=>""+t),x=h.bind(null,vt),O=h.bind(null,gt);function C(t,r){if(r=f({},r||g.value),"string"==typeof t){let o=v(n,t,r.path),a=e.resolve({path:o.path},r),c=i.createHref(o.fullPath);return f(o,a,{params:O(a.params),hash:gt(o.hash),redirectedFrom:void 0,href:c})}let a;"path"in t?a=f({},t,{path:v(n,t.path,r.path).path}):(a=f({},t,{params:x(t.params)}),r.params=x(r.params));let c=e.resolve(a,r);const s=t.hash||"";c.params=w(O(c.params));const u=function(t,e){let n=e.query?t(e.query):"";return e.path+(n&&"?")+n+(e.hash||"")}(o,f({},t,{hash:(l=s,pt(l).replace(lt,"{").replace(ft,"}").replace(st,"^")),path:c.path}));var l;let d=i.createHref(u);return f({fullPath:u,hash:s,query:o===bt?_t(t.query):t.query},c,{redirectedFrom:void 0,href:d})}function j(t){return"string"==typeof t?v(n,t,g.value.path):f({},t)}function S(t,e){if(_!==t)return L(8,{from:e,to:t})}function P(t){return A(t)}function G(t){const e=t.matched[t.matched.length-1];if(e&&e.redirect){const{redirect:n}=e;let r="function"==typeof n?n(t):n;return"string"==typeof r&&(r=r.indexOf("?")>-1||r.indexOf("#")>-1?r=j(r):{path:r}),f({query:t.query,hash:t.hash,params:t.params},r)}}function A(t,e){const n=_=C(t),r=g.value,i=t.state,a=t.force,c=!0===t.replace,s=G(n);if(s)return A(f(j(s),{state:i,force:a,replace:c}),e||n);const u=n;let l;return u.redirectedFrom=e,!a&&function(t,e,n){let r=e.matched.length-1,o=n.matched.length-1;return r>-1&&r===o&&y(e.matched[r],n.matched[o])&&b(e.params,n.params)&&t(e.query)===t(n.query)&&e.hash===n.hash}(o,r,n)&&(l=L(16,{to:u,from:r}),Y(r,r,!0,!1)),(l?Promise.resolve(l):F(u,r)).catch(t=>B(t)?t:K(t)).then(t=>{if(t){if(B(t,2))return A(f(j(t.to),{state:i,force:a,replace:c}),e||u)}else t=R(u,r,!0,c,i);return $(u,r,t),t})}function T(t,e){const n=S(t,e);return n?Promise.reject(n):Promise.resolve()}function F(t,e){let n;const[r,o,i]=function(t,e){const n=[],r=[],o=[],i=Math.max(e.matched.length,t.matched.length);for(let a=0;ay(t,i))?r.push(i):n.push(i));const c=t.matched[a];c&&(e.matched.find(t=>y(t,c))||o.push(c))}return[n,r,o]}(t,e);n=Ot(r.reverse(),"beforeRouteLeave",t,e);for(const o of r)o.leaveGuards.forEach(r=>{n.push(xt(r,t,e))});const s=T.bind(null,t,e);return n.push(s),zt(n).then(()=>{n=[];for(const r of a.list())n.push(xt(r,t,e));return n.push(s),zt(n)}).then(()=>{n=Ot(o,"beforeRouteUpdate",t,e);for(const r of o)r.updateGuards.forEach(r=>{n.push(xt(r,t,e))});return n.push(s),zt(n)}).then(()=>{n=[];for(const r of t.matched)if(r.beforeEnter&&e.matched.indexOf(r)<0)if(Array.isArray(r.beforeEnter))for(const o of r.beforeEnter)n.push(xt(o,t,e));else n.push(xt(r.beforeEnter,t,e));return n.push(s),zt(n)}).then(()=>(t.matched.forEach(t=>t.enterCallbacks={}),n=Ot(i,"beforeRouteEnter",t,e),n.push(s),zt(n))).then(()=>{n=[];for(const r of c.list())n.push(xt(r,t,e));return n.push(s),zt(n)}).catch(t=>B(t,8)?t:Promise.reject(t))}function $(t,e,n){for(const r of m.list())r(t,e,n)}function R(t,e,n,r,o){const a=S(t,e);if(a)return a;const c=e===V,s=d?history.state:{};n&&(r||c?i.replace(t.fullPath,f({scroll:c&&s&&s.scroll},o)):i.push(t.fullPath,o)),g.value=t,Y(t,e,n,c),q()}let D;function W(){D=i.listen((t,e,n)=>{let r=C(t);const o=G(r);if(o)return void A(f(o,{replace:!0}),r).catch(p);_=r;const a=g.value;var c,s;d&&(c=E(a.fullPath,n.delta),s=I(),N.set(c,s)),F(r,a).catch(t=>B(t,12)?t:B(t,2)?(A(t.to,r).catch(p),Promise.reject()):(n.delta&&i.go(-n.delta,!1),K(t))).then(t=>{(t=t||R(r,a,!1))&&n.delta&&i.go(-n.delta,!1),$(r,a,t)}).catch(p)})}let U,z=wt(),H=wt();function K(t){return q(t),H.list().forEach(e=>e(t)),Promise.reject(t)}function q(t){U||(U=!0,W(),z.list().forEach(([e,n])=>t?n(t):e()),z.reset())}function Y(e,n,o,i){const{scrollBehavior:a}=t;if(!d||!a)return Promise.resolve();let c=!o&&function(t){const e=N.get(t);return N.delete(t),e}(E(e.fullPath,0))||(i||!o)&&history.state&&history.state.scroll||null;return Object(r.nextTick)().then(()=>a(e,n,c)).then(t=>t&&k(t)).catch(K)}const X=t=>i.go(t);let Z;const Q=new Set;return{currentRoute:g,addRoute:function(t,n){let r,o;return M(t)?(r=e.getRecordMatcher(t),o=n):o=t,e.addRoute(o,r)},removeRoute:function(t){let n=e.getRecordMatcher(t);n&&e.removeRoute(n)},hasRoute:function(t){return!!e.getRecordMatcher(t)},getRoutes:function(){return e.getRoutes().map(t=>t.record)},resolve:C,options:t,push:P,replace:function(t){return P(f(j(t),{replace:!0}))},go:X,back:()=>X(-1),forward:()=>X(1),beforeEach:a.add,beforeResolve:c.add,afterEach:m.add,onError:H.add,isReady:function(){return U&&g.value!==V?Promise.resolve():new Promise((t,e)=>{z.add([t,e])})},install(t){const n=this;t.component("RouterLink",jt),t.component("RouterView",Et),t.config.globalProperties.$router=n,Object.defineProperty(t.config.globalProperties,"$route",{get:()=>Object(r.unref)(g)}),d&&!Z&&g.value===V&&(Z=!0,P(i.location).catch(t=>{0}));const o={};for(let t in V)o[t]=Object(r.computed)(()=>g.value[t]);t.provide(s,n),t.provide(u,Object(r.reactive)(o)),t.provide(l,g);let a=t.unmount;Q.add(t),t.unmount=function(){Q.delete(t),Q.size<1&&(D(),g.value=V,Z=!1,U=!1),a()},Ft(t,n,e)}}}function zt(t){return t.reduce((t,e)=>t.then(()=>e()),Promise.resolve())}}).call(this,n(333))},function(t,e,n){(t.exports=n(13)(!1)).push([t.i,"\n#app {\n color: #2c3e50;\n}\n#app * {\n text-decoration: none;\n}\n.header {\n padding: 10px 10px 0 10px;\n background-color: #ff9933;\n}\n.header-main::after {\n content: '';\n display: block;\n clear: both;\n}\n.header .link {\n color: #fff;\n}\n.header .sns {\n padding-left: 5px;\n float: right;\n}\n.header .sns * {\n vertical-align: top;\n}\n.header .menu-item {\n display: inline-block;\n padding: 5px;\n}\n.header .octicon {\n fill: #fff;\n vertical-align: top;\n}\n.header .menu-item:hover {\n background-color: rgba(0, 0, 0, .2);\n}\n.header #logo {\n height: 50px;\n}\n.header .menu-title {\n color: #FFD;\n padding: 0 0 0 5px;\n}\n.main{\n padding: 10px;\n}\n.site-title {\n color: #fff;\n font-size: 36px;\n vertical-align: bottom;\n}\n.page-title {\n text-align: center;\n}\n.page-title h1 {\n margin: 0;\n}\n.grid {\n height: calc(100vh - 220px);\n width: 100%;\n border: solid 1px rgba(0, 0, 0, 0.26);\n}\n.main {\n min-height: calc(100vh - 140px);\n}\n.footer {\n height: 32px;\n font-size: 10.5px;\n background-color: #001a36;\n color: #fff;\n font-weight: 200;\n text-align: center;\n line-height: 32px;\n}\n",""])},function(t,e,n){t.exports=!n(11)&&!n(4)((function(){return 7!=Object.defineProperty(n(65)("div"),"a",{get:function(){return 7}}).a}))},function(t,e,n){var r=n(3),o=n(10),i=n(34),a=n(66),c=n(12).f;t.exports=function(t){var e=o.Symbol||(o.Symbol=i?{}:r.Symbol||{});"_"==t.charAt(0)||t in e||c(e,t,{value:a.f(t)})}},function(t,e,n){var r=n(17),o=n(19),i=n(53)(!1),a=n(67)("IE_PROTO");t.exports=function(t,e){var n,c=o(t),s=0,u=[];for(n in c)n!=a&&r(c,n)&&u.push(n);for(;e.length>s;)r(c,n=e[s++])&&(~i(u,n)||u.push(n));return u}},function(t,e,n){var r=n(12),o=n(5),i=n(35);t.exports=n(11)?Object.defineProperties:function(t,e){o(t);for(var n,a=i(e),c=a.length,s=0;c>s;)r.f(t,n=a[s++],e[n]);return t}},function(t,e,n){var r=n(19),o=n(38).f,i={}.toString,a="object"==typeof window&&window&&Object.getOwnPropertyNames?Object.getOwnPropertyNames(window):[];t.exports.f=function(t){return a&&"[object Window]"==i.call(t)?function(t){try{return o(t)}catch(t){return a.slice()}}(t):o(r(t))}},function(t,e,n){"use strict";var r=n(11),o=n(35),i=n(54),a=n(49),c=n(14),s=n(48),u=Object.assign;t.exports=!u||n(4)((function(){var t={},e={},n=Symbol(),r="abcdefghijklmnopqrst";return t[n]=7,r.split("").forEach((function(t){e[t]=t})),7!=u({},t)[n]||Object.keys(u({},e)).join("")!=r}))?function(t,e){for(var n=c(t),u=arguments.length,l=1,d=i.f,f=a.f;u>l;)for(var h,p=s(arguments[l++]),m=d?o(p).concat(d(p)):o(p),v=m.length,g=0;v>g;)h=m[g++],r&&!f.call(p,h)||(n[h]=p[h]);return n}:u},function(t,e){t.exports=Object.is||function(t,e){return t===e?0!==t||1/t==1/e:t!=t&&e!=e}},function(t,e,n){"use strict";var r=n(22),o=n(6),i=n(119),a=[].slice,c={},s=function(t,e,n){if(!(e in c)){for(var r=[],o=0;o>>0||(a.test(n)?16:10))}:r},function(t,e,n){var r=n(3).parseFloat,o=n(43).trim;t.exports=1/r(n(71)+"-0")!=-1/0?function(t){var e=o(String(t),3),n=r(e);return 0===n&&"-"==e.charAt(0)?-0:n}:r},function(t,e,n){var r=n(27);t.exports=function(t,e){if("number"!=typeof t&&"Number"!=r(t))throw TypeError(e);return+t}},function(t,e,n){var r=n(6),o=Math.floor;t.exports=function(t){return!r(t)&&isFinite(t)&&o(t)===t}},function(t,e){t.exports=Math.log1p||function(t){return(t=+t)>-1e-8&&t<1e-8?t-t*t/2:Math.log(1+t)}},function(t,e,n){"use strict";var r=n(37),o=n(32),i=n(42),a={};n(18)(a,n(7)("iterator"),(function(){return this})),t.exports=function(t,e,n){t.prototype=r(a,{next:o(1,n)}),i(t,e+" Iterator")}},function(t,e,n){var r=n(5);t.exports=function(t,e,n,o){try{return o?e(r(n)[0],n[1]):e(n)}catch(e){var i=t.return;throw void 0!==i&&r(i.call(t)),e}}},function(t,e,n){var r=n(241);t.exports=function(t,e){return new(r(t))(e)}},function(t,e,n){var r=n(22),o=n(14),i=n(48),a=n(9);t.exports=function(t,e,n,c,s){r(e);var u=o(t),l=i(u),d=a(u.length),f=s?d-1:0,h=s?-1:1;if(n<2)for(;;){if(f in l){c=l[f],f+=h;break}if(f+=h,s?f<0:d<=f)throw TypeError("Reduce of empty array with no initial value")}for(;s?f>=0:d>f;f+=h)f in l&&(c=e(c,l[f],f,u));return c}},function(t,e,n){"use strict";var r=n(14),o=n(36),i=n(9);t.exports=[].copyWithin||function(t,e){var n=r(this),a=i(n.length),c=o(t,a),s=o(e,a),u=arguments.length>2?arguments[2]:void 0,l=Math.min((void 0===u?a:o(u,a))-s,a-c),d=1;for(s0;)s in n?n[c]=n[s]:delete n[c],c+=d,s+=d;return n}},function(t,e){t.exports=function(t,e){return{value:e,done:!!t}}},function(t,e,n){"use strict";var r=n(86);n(1)({target:"RegExp",proto:!0,forced:r!==/./.exec},{exec:r})},function(t,e,n){n(11)&&"g"!=/./g.flags&&n(12).f(RegExp.prototype,"flags",{configurable:!0,get:n(57)})},function(t,e,n){"use strict";var r,o,i,a,c=n(34),s=n(3),u=n(21),l=n(50),d=n(1),f=n(6),h=n(22),p=n(46),m=n(60),v=n(51),g=n(88).set,y=n(261)(),b=n(134),_=n(262),w=n(61),x=n(135),O=s.TypeError,C=s.process,j=C&&C.versions,S=j&&j.v8||"",I=s.Promise,k="process"==l(C),E=function(){},N=o=b.f,P=!!function(){try{var t=I.resolve(1),e=(t.constructor={})[n(7)("species")]=function(t){t(E,E)};return(k||"function"==typeof PromiseRejectionEvent)&&t.then(E)instanceof e&&0!==S.indexOf("6.6")&&-1===w.indexOf("Chrome/66")}catch(t){}}(),G=function(t){var e;return!(!f(t)||"function"!=typeof(e=t.then))&&e},A=function(t,e){if(!t._n){t._n=!0;var n=t._c;y((function(){for(var r=t._v,o=1==t._s,i=0,a=function(e){var n,i,a,c=o?e.ok:e.fail,s=e.resolve,u=e.reject,l=e.domain;try{c?(o||(2==t._h&&M(t),t._h=1),!0===c?n=r:(l&&l.enter(),n=c(r),l&&(l.exit(),a=!0)),n===e.promise?u(O("Promise-chain cycle")):(i=G(n))?i.call(n,s,u):s(n)):u(r)}catch(t){l&&!a&&l.exit(),u(t)}};n.length>i;)a(n[i++]);t._c=[],t._n=!1,e&&!t._h&&T(t)}))}},T=function(t){g.call(s,(function(){var e,n,r,o=t._v,i=F(t);if(i&&(e=_((function(){k?C.emit("unhandledRejection",o,t):(n=s.onunhandledrejection)?n({promise:t,reason:o}):(r=s.console)&&r.error&&r.error("Unhandled promise rejection",o)})),t._h=k||F(t)?2:1),t._a=void 0,i&&e.e)throw e.v}))},F=function(t){return 1!==t._h&&0===(t._a||t._c).length},M=function(t){g.call(s,(function(){var e;k?C.emit("rejectionHandled",t):(e=s.onrejectionhandled)&&e({promise:t,reason:t._v})}))},V=function(t){var e=this;e._d||(e._d=!0,(e=e._w||e)._v=t,e._s=2,e._a||(e._a=e._c.slice()),A(e,!0))},$=function(t){var e,n=this;if(!n._d){n._d=!0,n=n._w||n;try{if(n===t)throw O("Promise can't be resolved itself");(e=G(t))?y((function(){var r={_w:n,_d:!1};try{e.call(t,u($,r,1),u(V,r,1))}catch(t){V.call(r,t)}})):(n._v=t,n._s=1,A(n,!1))}catch(t){V.call({_w:n,_d:!1},t)}}};P||(I=function(t){p(this,I,"Promise","_h"),h(t),r.call(this);try{t(u($,this,1),u(V,this,1))}catch(t){V.call(this,t)}},(r=function(t){this._c=[],this._a=void 0,this._s=0,this._d=!1,this._v=void 0,this._h=0,this._n=!1}).prototype=n(47)(I.prototype,{then:function(t,e){var n=N(v(this,I));return n.ok="function"!=typeof t||t,n.fail="function"==typeof e&&e,n.domain=k?C.domain:void 0,this._c.push(n),this._a&&this._a.push(n),this._s&&A(this,!1),n.promise},catch:function(t){return this.then(void 0,t)}}),i=function(){var t=new r;this.promise=t,this.resolve=u($,t,1),this.reject=u(V,t,1)},b.f=N=function(t){return t===I||t===a?new i(t):o(t)}),d(d.G+d.W+d.F*!P,{Promise:I}),n(42)(I,"Promise"),n(45)("Promise"),a=n(10).Promise,d(d.S+d.F*!P,"Promise",{reject:function(t){var e=N(this);return(0,e.reject)(t),e.promise}}),d(d.S+d.F*(c||!P),"Promise",{resolve:function(t){return x(c&&this===a?I:this,t)}}),d(d.S+d.F*!(P&&n(56)((function(t){I.all(t).catch(E)}))),"Promise",{all:function(t){var e=this,n=N(e),r=n.resolve,o=n.reject,i=_((function(){var n=[],i=0,a=1;m(t,!1,(function(t){var c=i++,s=!1;n.push(void 0),a++,e.resolve(t).then((function(t){s||(s=!0,n[c]=t,--a||r(n))}),o)})),--a||r(n)}));return i.e&&o(i.v),n.promise},race:function(t){var e=this,n=N(e),r=n.reject,o=_((function(){m(t,!1,(function(t){e.resolve(t).then(n.resolve,r)}))}));return o.e&&r(o.v),n.promise}})},function(t,e,n){"use strict";var r=n(22);function o(t){var e,n;this.promise=new t((function(t,r){if(void 0!==e||void 0!==n)throw TypeError("Bad Promise constructor");e=t,n=r})),this.resolve=r(e),this.reject=r(n)}t.exports.f=function(t){return new o(t)}},function(t,e,n){var r=n(5),o=n(6),i=n(134);t.exports=function(t,e){if(r(t),o(e)&&e.constructor===t)return e;var n=i.f(t);return(0,n.resolve)(e),n.promise}},function(t,e,n){"use strict";var r=n(12).f,o=n(37),i=n(47),a=n(21),c=n(46),s=n(60),u=n(77),l=n(130),d=n(45),f=n(11),h=n(31).fastKey,p=n(41),m=f?"_s":"size",v=function(t,e){var n,r=h(e);if("F"!==r)return t._i[r];for(n=t._f;n;n=n.n)if(n.k==e)return n};t.exports={getConstructor:function(t,e,n,u){var l=t((function(t,r){c(t,l,e,"_i"),t._t=e,t._i=o(null),t._f=void 0,t._l=void 0,t[m]=0,null!=r&&s(r,n,t[u],t)}));return i(l.prototype,{clear:function(){for(var t=p(this,e),n=t._i,r=t._f;r;r=r.n)r.r=!0,r.p&&(r.p=r.p.n=void 0),delete n[r.i];t._f=t._l=void 0,t[m]=0},delete:function(t){var n=p(this,e),r=v(n,t);if(r){var o=r.n,i=r.p;delete n._i[r.i],r.r=!0,i&&(i.n=o),o&&(o.p=i),n._f==r&&(n._f=o),n._l==r&&(n._l=i),n[m]--}return!!r},forEach:function(t){p(this,e);for(var n,r=a(t,arguments.length>1?arguments[1]:void 0,3);n=n?n.n:this._f;)for(r(n.v,n.k,this);n&&n.r;)n=n.p},has:function(t){return!!v(p(this,e),t)}}),f&&r(l.prototype,"size",{get:function(){return p(this,e)[m]}}),l},def:function(t,e,n){var r,o,i=v(t,e);return i?i.v=n:(t._l=i={i:o=h(e,!0),k:e,v:n,p:r=t._l,n:void 0,r:!1},t._f||(t._f=i),r&&(r.n=i),t[m]++,"F"!==o&&(t._i[o]=i)),t},getEntry:v,setStrong:function(t,e,n){u(t,e,(function(t,n){this._t=p(t,e),this._k=n,this._l=void 0}),(function(){for(var t=this._k,e=this._l;e&&e.r;)e=e.p;return this._t&&(this._l=e=e?e.n:this._t._f)?l(0,"keys"==t?e.k:"values"==t?e.v:[e.k,e.v]):(this._t=void 0,l(1))}),n?"entries":"values",!n,!0),d(e)}}},function(t,e,n){"use strict";var r=n(47),o=n(31).getWeak,i=n(5),a=n(6),c=n(46),s=n(60),u=n(26),l=n(17),d=n(41),f=u(5),h=u(6),p=0,m=function(t){return t._l||(t._l=new v)},v=function(){this.a=[]},g=function(t,e){return f(t.a,(function(t){return t[0]===e}))};v.prototype={get:function(t){var e=g(this,t);if(e)return e[1]},has:function(t){return!!g(this,t)},set:function(t,e){var n=g(this,t);n?n[1]=e:this.a.push([t,e])},delete:function(t){var e=h(this.a,(function(e){return e[0]===t}));return~e&&this.a.splice(e,1),!!~e}},t.exports={getConstructor:function(t,e,n,i){var u=t((function(t,r){c(t,u,e,"_i"),t._t=e,t._i=p++,t._l=void 0,null!=r&&s(r,n,t[i],t)}));return r(u.prototype,{delete:function(t){if(!a(t))return!1;var n=o(t);return!0===n?m(d(this,e)).delete(t):n&&l(n,this._i)&&delete n[this._i]},has:function(t){if(!a(t))return!1;var n=o(t);return!0===n?m(d(this,e)).has(t):n&&l(n,this._i)}}),u},def:function(t,e,n){var r=o(i(e),!0);return!0===r?m(t).set(e,n):r[t._i]=n,t},ufstore:m}},function(t,e,n){var r=n(23),o=n(9);t.exports=function(t){if(void 0===t)return 0;var e=r(t),n=o(e);if(e!==n)throw RangeError("Wrong length!");return n}},function(t,e,n){var r=n(38),o=n(54),i=n(5),a=n(3).Reflect;t.exports=a&&a.ownKeys||function(t){var e=r.f(i(t)),n=o.f;return n?e.concat(n(t)):e}},function(t,e,n){var r=n(9),o=n(73),i=n(28);t.exports=function(t,e,n,a){var c=String(i(t)),s=c.length,u=void 0===n?" ":String(n),l=r(e);if(l<=s||""==u)return c;var d=l-s,f=o.call(u,Math.ceil(d/u.length));return f.length>d&&(f=f.slice(0,d)),a?f+c:c+f}},function(t,e,n){var r=n(11),o=n(35),i=n(19),a=n(49).f;t.exports=function(t){return function(e){for(var n,c=i(e),s=o(c),u=s.length,l=0,d=[];u>l;)n=s[l++],r&&!a.call(c,n)||d.push(t?[n,c[n]]:c[n]);return d}}},function(t,e){var n=t.exports={version:"2.6.12"};"number"==typeof __e&&(__e=n)},function(t,e){t.exports=function(t){try{return!!t()}catch(t){return!0}}},function(t,e){t.exports=function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e){t.exports="./assets/images/logo.svg"},function(t,e,n){n(147),t.exports=n(339)},function(t,e,n){"use strict";n(148);var r,o=(r=n(320))&&r.__esModule?r:{default:r};o.default._babelPolyfill&&"undefined"!=typeof console&&console.warn&&console.warn("@babel/polyfill is loaded more than once on this page. This is probably not desirable/intended and may have consequences if different versions of the polyfills are applied sequentially. If you do need to load the polyfill more than once, use @babel/polyfill/noConflict instead to bypass the warning."),o.default._babelPolyfill=!0},function(t,e,n){"use strict";n(149),n(292),n(294),n(297),n(299),n(301),n(303),n(305),n(307),n(309),n(311),n(313),n(315),n(319)},function(t,e,n){n(150),n(153),n(154),n(155),n(156),n(157),n(158),n(159),n(160),n(161),n(162),n(163),n(164),n(165),n(166),n(167),n(168),n(169),n(170),n(171),n(172),n(173),n(174),n(175),n(176),n(177),n(178),n(179),n(180),n(181),n(182),n(183),n(184),n(185),n(186),n(187),n(188),n(189),n(190),n(191),n(192),n(193),n(194),n(196),n(197),n(198),n(199),n(200),n(201),n(202),n(203),n(204),n(205),n(206),n(207),n(208),n(209),n(210),n(211),n(212),n(213),n(214),n(215),n(216),n(217),n(218),n(219),n(220),n(221),n(222),n(223),n(224),n(225),n(226),n(227),n(228),n(229),n(231),n(232),n(234),n(235),n(236),n(237),n(238),n(239),n(240),n(242),n(243),n(244),n(245),n(246),n(247),n(248),n(249),n(250),n(251),n(252),n(253),n(254),n(85),n(255),n(131),n(256),n(132),n(257),n(258),n(259),n(260),n(133),n(263),n(264),n(265),n(266),n(267),n(268),n(269),n(270),n(271),n(272),n(273),n(274),n(275),n(276),n(277),n(278),n(279),n(280),n(281),n(282),n(283),n(284),n(285),n(286),n(287),n(288),n(289),n(290),n(291),t.exports=n(10)},function(t,e,n){"use strict";var r=n(3),o=n(17),i=n(11),a=n(1),c=n(15),s=n(31).KEY,u=n(4),l=n(52),d=n(42),f=n(33),h=n(7),p=n(66),m=n(112),v=n(152),g=n(55),y=n(5),b=n(6),_=n(14),w=n(19),x=n(30),O=n(32),C=n(37),j=n(115),S=n(24),I=n(54),k=n(12),E=n(35),N=S.f,P=k.f,G=j.f,A=r.Symbol,T=r.JSON,F=T&&T.stringify,M=h("_hidden"),V=h("toPrimitive"),$={}.propertyIsEnumerable,R=l("symbol-registry"),L=l("symbols"),B=l("op-symbols"),D=Object.prototype,W="function"==typeof A&&!!I.f,U=r.QObject,z=!U||!U.prototype||!U.prototype.findChild,H=i&&u((function(){return 7!=C(P({},"a",{get:function(){return P(this,"a",{value:7}).a}})).a}))?function(t,e,n){var r=N(D,e);r&&delete D[e],P(t,e,n),r&&t!==D&&P(D,e,r)}:P,K=function(t){var e=L[t]=C(A.prototype);return e._k=t,e},q=W&&"symbol"==typeof A.iterator?function(t){return"symbol"==typeof t}:function(t){return t instanceof A},J=function(t,e,n){return t===D&&J(B,e,n),y(t),e=x(e,!0),y(n),o(L,e)?(n.enumerable?(o(t,M)&&t[M][e]&&(t[M][e]=!1),n=C(n,{enumerable:O(0,!1)})):(o(t,M)||P(t,M,O(1,{})),t[M][e]=!0),H(t,e,n)):P(t,e,n)},Y=function(t,e){y(t);for(var n,r=v(e=w(e)),o=0,i=r.length;i>o;)J(t,n=r[o++],e[n]);return t},X=function(t){var e=$.call(this,t=x(t,!0));return!(this===D&&o(L,t)&&!o(B,t))&&(!(e||!o(this,t)||!o(L,t)||o(this,M)&&this[M][t])||e)},Z=function(t,e){if(t=w(t),e=x(e,!0),t!==D||!o(L,e)||o(B,e)){var n=N(t,e);return!n||!o(L,e)||o(t,M)&&t[M][e]||(n.enumerable=!0),n}},Q=function(t){for(var e,n=G(w(t)),r=[],i=0;n.length>i;)o(L,e=n[i++])||e==M||e==s||r.push(e);return r},tt=function(t){for(var e,n=t===D,r=G(n?B:w(t)),i=[],a=0;r.length>a;)!o(L,e=r[a++])||n&&!o(D,e)||i.push(L[e]);return i};W||(c((A=function(){if(this instanceof A)throw TypeError("Symbol is not a constructor!");var t=f(arguments.length>0?arguments[0]:void 0),e=function(n){this===D&&e.call(B,n),o(this,M)&&o(this[M],t)&&(this[M][t]=!1),H(this,t,O(1,n))};return i&&z&&H(D,t,{configurable:!0,set:e}),K(t)}).prototype,"toString",(function(){return this._k})),S.f=Z,k.f=J,n(38).f=j.f=Q,n(49).f=X,I.f=tt,i&&!n(34)&&c(D,"propertyIsEnumerable",X,!0),p.f=function(t){return K(h(t))}),a(a.G+a.W+a.F*!W,{Symbol:A});for(var et="hasInstance,isConcatSpreadable,iterator,match,replace,search,species,split,toPrimitive,toStringTag,unscopables".split(","),nt=0;et.length>nt;)h(et[nt++]);for(var rt=E(h.store),ot=0;rt.length>ot;)m(rt[ot++]);a(a.S+a.F*!W,"Symbol",{for:function(t){return o(R,t+="")?R[t]:R[t]=A(t)},keyFor:function(t){if(!q(t))throw TypeError(t+" is not a symbol!");for(var e in R)if(R[e]===t)return e},useSetter:function(){z=!0},useSimple:function(){z=!1}}),a(a.S+a.F*!W,"Object",{create:function(t,e){return void 0===e?C(t):Y(C(t),e)},defineProperty:J,defineProperties:Y,getOwnPropertyDescriptor:Z,getOwnPropertyNames:Q,getOwnPropertySymbols:tt});var it=u((function(){I.f(1)}));a(a.S+a.F*it,"Object",{getOwnPropertySymbols:function(t){return I.f(_(t))}}),T&&a(a.S+a.F*(!W||u((function(){var t=A();return"[null]"!=F([t])||"{}"!=F({a:t})||"{}"!=F(Object(t))}))),"JSON",{stringify:function(t){for(var e,n,r=[t],o=1;arguments.length>o;)r.push(arguments[o++]);if(n=e=r[1],(b(e)||void 0!==t)&&!q(t))return g(e)||(e=function(t,e){if("function"==typeof n&&(e=n.call(this,t,e)),!q(e))return e}),r[1]=e,F.apply(T,r)}}),A.prototype[V]||n(18)(A.prototype,V,A.prototype.valueOf),d(A,"Symbol"),d(Math,"Math",!0),d(r.JSON,"JSON",!0)},function(t,e,n){t.exports=n(52)("native-function-to-string",Function.toString)},function(t,e,n){var r=n(35),o=n(54),i=n(49);t.exports=function(t){var e=r(t),n=o.f;if(n)for(var a,c=n(t),s=i.f,u=0;c.length>u;)s.call(t,a=c[u++])&&e.push(a);return e}},function(t,e,n){var r=n(1);r(r.S,"Object",{create:n(37)})},function(t,e,n){var r=n(1);r(r.S+r.F*!n(11),"Object",{defineProperty:n(12).f})},function(t,e,n){var r=n(1);r(r.S+r.F*!n(11),"Object",{defineProperties:n(114)})},function(t,e,n){var r=n(19),o=n(24).f;n(25)("getOwnPropertyDescriptor",(function(){return function(t,e){return o(r(t),e)}}))},function(t,e,n){var r=n(14),o=n(39);n(25)("getPrototypeOf",(function(){return function(t){return o(r(t))}}))},function(t,e,n){var r=n(14),o=n(35);n(25)("keys",(function(){return function(t){return o(r(t))}}))},function(t,e,n){n(25)("getOwnPropertyNames",(function(){return n(115).f}))},function(t,e,n){var r=n(6),o=n(31).onFreeze;n(25)("freeze",(function(t){return function(e){return t&&r(e)?t(o(e)):e}}))},function(t,e,n){var r=n(6),o=n(31).onFreeze;n(25)("seal",(function(t){return function(e){return t&&r(e)?t(o(e)):e}}))},function(t,e,n){var r=n(6),o=n(31).onFreeze;n(25)("preventExtensions",(function(t){return function(e){return t&&r(e)?t(o(e)):e}}))},function(t,e,n){var r=n(6);n(25)("isFrozen",(function(t){return function(e){return!r(e)||!!t&&t(e)}}))},function(t,e,n){var r=n(6);n(25)("isSealed",(function(t){return function(e){return!r(e)||!!t&&t(e)}}))},function(t,e,n){var r=n(6);n(25)("isExtensible",(function(t){return function(e){return!!r(e)&&(!t||t(e))}}))},function(t,e,n){var r=n(1);r(r.S+r.F,"Object",{assign:n(116)})},function(t,e,n){var r=n(1);r(r.S,"Object",{is:n(117)})},function(t,e,n){var r=n(1);r(r.S,"Object",{setPrototypeOf:n(70).set})},function(t,e,n){"use strict";var r=n(50),o={};o[n(7)("toStringTag")]="z",o+""!="[object z]"&&n(15)(Object.prototype,"toString",(function(){return"[object "+r(this)+"]"}),!0)},function(t,e,n){var r=n(1);r(r.P,"Function",{bind:n(118)})},function(t,e,n){var r=n(12).f,o=Function.prototype,i=/^\s*function ([^ (]*)/;"name"in o||n(11)&&r(o,"name",{configurable:!0,get:function(){try{return(""+this).match(i)[1]}catch(t){return""}}})},function(t,e,n){"use strict";var r=n(6),o=n(39),i=n(7)("hasInstance"),a=Function.prototype;i in a||n(12).f(a,i,{value:function(t){if("function"!=typeof this||!r(t))return!1;if(!r(this.prototype))return t instanceof this;for(;t=o(t);)if(this.prototype===t)return!0;return!1}})},function(t,e,n){var r=n(1),o=n(120);r(r.G+r.F*(parseInt!=o),{parseInt:o})},function(t,e,n){var r=n(1),o=n(121);r(r.G+r.F*(parseFloat!=o),{parseFloat:o})},function(t,e,n){"use strict";var r=n(3),o=n(17),i=n(27),a=n(72),c=n(30),s=n(4),u=n(38).f,l=n(24).f,d=n(12).f,f=n(43).trim,h=r.Number,p=h,m=h.prototype,v="Number"==i(n(37)(m)),g="trim"in String.prototype,y=function(t){var e=c(t,!1);if("string"==typeof e&&e.length>2){var n,r,o,i=(e=g?e.trim():f(e,3)).charCodeAt(0);if(43===i||45===i){if(88===(n=e.charCodeAt(2))||120===n)return NaN}else if(48===i){switch(e.charCodeAt(1)){case 66:case 98:r=2,o=49;break;case 79:case 111:r=8,o=55;break;default:return+e}for(var a,s=e.slice(2),u=0,l=s.length;uo)return NaN;return parseInt(s,r)}}return+e};if(!h(" 0o1")||!h("0b1")||h("+0x1")){h=function(t){var e=arguments.length<1?0:t,n=this;return n instanceof h&&(v?s((function(){m.valueOf.call(n)})):"Number"!=i(n))?a(new p(y(e)),n,h):y(e)};for(var b,_=n(11)?u(p):"MAX_VALUE,MIN_VALUE,NaN,NEGATIVE_INFINITY,POSITIVE_INFINITY,EPSILON,isFinite,isInteger,isNaN,isSafeInteger,MAX_SAFE_INTEGER,MIN_SAFE_INTEGER,parseFloat,parseInt,isInteger".split(","),w=0;_.length>w;w++)o(p,b=_[w])&&!o(h,b)&&d(h,b,l(p,b));h.prototype=m,m.constructor=h,n(15)(r,"Number",h)}},function(t,e,n){"use strict";var r=n(1),o=n(23),i=n(122),a=n(73),c=1..toFixed,s=Math.floor,u=[0,0,0,0,0,0],l="Number.toFixed: incorrect invocation!",d=function(t,e){for(var n=-1,r=e;++n<6;)r+=t*u[n],u[n]=r%1e7,r=s(r/1e7)},f=function(t){for(var e=6,n=0;--e>=0;)n+=u[e],u[e]=s(n/t),n=n%t*1e7},h=function(){for(var t=6,e="";--t>=0;)if(""!==e||0===t||0!==u[t]){var n=String(u[t]);e=""===e?n:e+a.call("0",7-n.length)+n}return e},p=function(t,e,n){return 0===e?n:e%2==1?p(t,e-1,n*t):p(t*t,e/2,n)};r(r.P+r.F*(!!c&&("0.000"!==8e-5.toFixed(3)||"1"!==.9.toFixed(0)||"1.25"!==1.255.toFixed(2)||"1000000000000000128"!==(0xde0b6b3a7640080).toFixed(0))||!n(4)((function(){c.call({})}))),"Number",{toFixed:function(t){var e,n,r,c,s=i(this,l),u=o(t),m="",v="0";if(u<0||u>20)throw RangeError(l);if(s!=s)return"NaN";if(s<=-1e21||s>=1e21)return String(s);if(s<0&&(m="-",s=-s),s>1e-21)if(n=(e=function(t){for(var e=0,n=t;n>=4096;)e+=12,n/=4096;for(;n>=2;)e+=1,n/=2;return e}(s*p(2,69,1))-69)<0?s*p(2,-e,1):s/p(2,e,1),n*=4503599627370496,(e=52-e)>0){for(d(0,n),r=u;r>=7;)d(1e7,0),r-=7;for(d(p(10,r,1),0),r=e-1;r>=23;)f(1<<23),r-=23;f(1<0?m+((c=v.length)<=u?"0."+a.call("0",u-c)+v:v.slice(0,c-u)+"."+v.slice(c-u)):m+v}})},function(t,e,n){"use strict";var r=n(1),o=n(4),i=n(122),a=1..toPrecision;r(r.P+r.F*(o((function(){return"1"!==a.call(1,void 0)}))||!o((function(){a.call({})}))),"Number",{toPrecision:function(t){var e=i(this,"Number#toPrecision: incorrect invocation!");return void 0===t?a.call(e):a.call(e,t)}})},function(t,e,n){var r=n(1);r(r.S,"Number",{EPSILON:Math.pow(2,-52)})},function(t,e,n){var r=n(1),o=n(3).isFinite;r(r.S,"Number",{isFinite:function(t){return"number"==typeof t&&o(t)}})},function(t,e,n){var r=n(1);r(r.S,"Number",{isInteger:n(123)})},function(t,e,n){var r=n(1);r(r.S,"Number",{isNaN:function(t){return t!=t}})},function(t,e,n){var r=n(1),o=n(123),i=Math.abs;r(r.S,"Number",{isSafeInteger:function(t){return o(t)&&i(t)<=9007199254740991}})},function(t,e,n){var r=n(1);r(r.S,"Number",{MAX_SAFE_INTEGER:9007199254740991})},function(t,e,n){var r=n(1);r(r.S,"Number",{MIN_SAFE_INTEGER:-9007199254740991})},function(t,e,n){var r=n(1),o=n(121);r(r.S+r.F*(Number.parseFloat!=o),"Number",{parseFloat:o})},function(t,e,n){var r=n(1),o=n(120);r(r.S+r.F*(Number.parseInt!=o),"Number",{parseInt:o})},function(t,e,n){var r=n(1),o=n(124),i=Math.sqrt,a=Math.acosh;r(r.S+r.F*!(a&&710==Math.floor(a(Number.MAX_VALUE))&&a(1/0)==1/0),"Math",{acosh:function(t){return(t=+t)<1?NaN:t>94906265.62425156?Math.log(t)+Math.LN2:o(t-1+i(t-1)*i(t+1))}})},function(t,e,n){var r=n(1),o=Math.asinh;r(r.S+r.F*!(o&&1/o(0)>0),"Math",{asinh:function t(e){return isFinite(e=+e)&&0!=e?e<0?-t(-e):Math.log(e+Math.sqrt(e*e+1)):e}})},function(t,e,n){var r=n(1),o=Math.atanh;r(r.S+r.F*!(o&&1/o(-0)<0),"Math",{atanh:function(t){return 0==(t=+t)?t:Math.log((1+t)/(1-t))/2}})},function(t,e,n){var r=n(1),o=n(74);r(r.S,"Math",{cbrt:function(t){return o(t=+t)*Math.pow(Math.abs(t),1/3)}})},function(t,e,n){var r=n(1);r(r.S,"Math",{clz32:function(t){return(t>>>=0)?31-Math.floor(Math.log(t+.5)*Math.LOG2E):32}})},function(t,e,n){var r=n(1),o=Math.exp;r(r.S,"Math",{cosh:function(t){return(o(t=+t)+o(-t))/2}})},function(t,e,n){var r=n(1),o=n(75);r(r.S+r.F*(o!=Math.expm1),"Math",{expm1:o})},function(t,e,n){var r=n(1);r(r.S,"Math",{fround:n(195)})},function(t,e,n){var r=n(74),o=Math.pow,i=o(2,-52),a=o(2,-23),c=o(2,127)*(2-a),s=o(2,-126);t.exports=Math.fround||function(t){var e,n,o=Math.abs(t),u=r(t);return oc||n!=n?u*(1/0):u*n}},function(t,e,n){var r=n(1),o=Math.abs;r(r.S,"Math",{hypot:function(t,e){for(var n,r,i=0,a=0,c=arguments.length,s=0;a0?(r=n/s)*r:n;return s===1/0?1/0:s*Math.sqrt(i)}})},function(t,e,n){var r=n(1),o=Math.imul;r(r.S+r.F*n(4)((function(){return-5!=o(4294967295,5)||2!=o.length})),"Math",{imul:function(t,e){var n=+t,r=+e,o=65535&n,i=65535&r;return 0|o*i+((65535&n>>>16)*i+o*(65535&r>>>16)<<16>>>0)}})},function(t,e,n){var r=n(1);r(r.S,"Math",{log10:function(t){return Math.log(t)*Math.LOG10E}})},function(t,e,n){var r=n(1);r(r.S,"Math",{log1p:n(124)})},function(t,e,n){var r=n(1);r(r.S,"Math",{log2:function(t){return Math.log(t)/Math.LN2}})},function(t,e,n){var r=n(1);r(r.S,"Math",{sign:n(74)})},function(t,e,n){var r=n(1),o=n(75),i=Math.exp;r(r.S+r.F*n(4)((function(){return-2e-17!=!Math.sinh(-2e-17)})),"Math",{sinh:function(t){return Math.abs(t=+t)<1?(o(t)-o(-t))/2:(i(t-1)-i(-t-1))*(Math.E/2)}})},function(t,e,n){var r=n(1),o=n(75),i=Math.exp;r(r.S,"Math",{tanh:function(t){var e=o(t=+t),n=o(-t);return e==1/0?1:n==1/0?-1:(e-n)/(i(t)+i(-t))}})},function(t,e,n){var r=n(1);r(r.S,"Math",{trunc:function(t){return(t>0?Math.floor:Math.ceil)(t)}})},function(t,e,n){var r=n(1),o=n(36),i=String.fromCharCode,a=String.fromCodePoint;r(r.S+r.F*(!!a&&1!=a.length),"String",{fromCodePoint:function(t){for(var e,n=[],r=arguments.length,a=0;r>a;){if(e=+arguments[a++],o(e,1114111)!==e)throw RangeError(e+" is not a valid code point");n.push(e<65536?i(e):i(55296+((e-=65536)>>10),e%1024+56320))}return n.join("")}})},function(t,e,n){var r=n(1),o=n(19),i=n(9);r(r.S,"String",{raw:function(t){for(var e=o(t.raw),n=i(e.length),r=arguments.length,a=[],c=0;n>c;)a.push(String(e[c++])),c=e.length?{value:void 0,done:!0}:(t=r(e,n),this._i+=t.length,{value:t,done:!1})}))},function(t,e,n){"use strict";var r=n(1),o=n(76)(!1);r(r.P,"String",{codePointAt:function(t){return o(this,t)}})},function(t,e,n){"use strict";var r=n(1),o=n(9),i=n(78),a="".endsWith;r(r.P+r.F*n(80)("endsWith"),"String",{endsWith:function(t){var e=i(this,t,"endsWith"),n=arguments.length>1?arguments[1]:void 0,r=o(e.length),c=void 0===n?r:Math.min(o(n),r),s=String(t);return a?a.call(e,s,c):e.slice(c-s.length,c)===s}})},function(t,e,n){"use strict";var r=n(1),o=n(78);r(r.P+r.F*n(80)("includes"),"String",{includes:function(t){return!!~o(this,t,"includes").indexOf(t,arguments.length>1?arguments[1]:void 0)}})},function(t,e,n){var r=n(1);r(r.P,"String",{repeat:n(73)})},function(t,e,n){"use strict";var r=n(1),o=n(9),i=n(78),a="".startsWith;r(r.P+r.F*n(80)("startsWith"),"String",{startsWith:function(t){var e=i(this,t,"startsWith"),n=o(Math.min(arguments.length>1?arguments[1]:void 0,e.length)),r=String(t);return a?a.call(e,r,n):e.slice(n,n+r.length)===r}})},function(t,e,n){"use strict";n(16)("anchor",(function(t){return function(e){return t(this,"a","name",e)}}))},function(t,e,n){"use strict";n(16)("big",(function(t){return function(){return t(this,"big","","")}}))},function(t,e,n){"use strict";n(16)("blink",(function(t){return function(){return t(this,"blink","","")}}))},function(t,e,n){"use strict";n(16)("bold",(function(t){return function(){return t(this,"b","","")}}))},function(t,e,n){"use strict";n(16)("fixed",(function(t){return function(){return t(this,"tt","","")}}))},function(t,e,n){"use strict";n(16)("fontcolor",(function(t){return function(e){return t(this,"font","color",e)}}))},function(t,e,n){"use strict";n(16)("fontsize",(function(t){return function(e){return t(this,"font","size",e)}}))},function(t,e,n){"use strict";n(16)("italics",(function(t){return function(){return t(this,"i","","")}}))},function(t,e,n){"use strict";n(16)("link",(function(t){return function(e){return t(this,"a","href",e)}}))},function(t,e,n){"use strict";n(16)("small",(function(t){return function(){return t(this,"small","","")}}))},function(t,e,n){"use strict";n(16)("strike",(function(t){return function(){return t(this,"strike","","")}}))},function(t,e,n){"use strict";n(16)("sub",(function(t){return function(){return t(this,"sub","","")}}))},function(t,e,n){"use strict";n(16)("sup",(function(t){return function(){return t(this,"sup","","")}}))},function(t,e,n){var r=n(1);r(r.S,"Date",{now:function(){return(new Date).getTime()}})},function(t,e,n){"use strict";var r=n(1),o=n(14),i=n(30);r(r.P+r.F*n(4)((function(){return null!==new Date(NaN).toJSON()||1!==Date.prototype.toJSON.call({toISOString:function(){return 1}})})),"Date",{toJSON:function(t){var e=o(this),n=i(e);return"number"!=typeof n||isFinite(n)?e.toISOString():null}})},function(t,e,n){var r=n(1),o=n(230);r(r.P+r.F*(Date.prototype.toISOString!==o),"Date",{toISOString:o})},function(t,e,n){"use strict";var r=n(4),o=Date.prototype.getTime,i=Date.prototype.toISOString,a=function(t){return t>9?t:"0"+t};t.exports=r((function(){return"0385-07-25T07:06:39.999Z"!=i.call(new Date(-50000000000001))}))||!r((function(){i.call(new Date(NaN))}))?function(){if(!isFinite(o.call(this)))throw RangeError("Invalid time value");var t=this,e=t.getUTCFullYear(),n=t.getUTCMilliseconds(),r=e<0?"-":e>9999?"+":"";return r+("00000"+Math.abs(e)).slice(r?-6:-4)+"-"+a(t.getUTCMonth()+1)+"-"+a(t.getUTCDate())+"T"+a(t.getUTCHours())+":"+a(t.getUTCMinutes())+":"+a(t.getUTCSeconds())+"."+(n>99?n:"0"+a(n))+"Z"}:i},function(t,e,n){var r=Date.prototype,o=r.toString,i=r.getTime;new Date(NaN)+""!="Invalid Date"&&n(15)(r,"toString",(function(){var t=i.call(this);return t==t?o.call(this):"Invalid Date"}))},function(t,e,n){var r=n(7)("toPrimitive"),o=Date.prototype;r in o||n(18)(o,r,n(233))},function(t,e,n){"use strict";var r=n(5),o=n(30);t.exports=function(t){if("string"!==t&&"number"!==t&&"default"!==t)throw TypeError("Incorrect hint");return o(r(this),"number"!=t)}},function(t,e,n){var r=n(1);r(r.S,"Array",{isArray:n(55)})},function(t,e,n){"use strict";var r=n(21),o=n(1),i=n(14),a=n(126),c=n(81),s=n(9),u=n(82),l=n(83);o(o.S+o.F*!n(56)((function(t){Array.from(t)})),"Array",{from:function(t){var e,n,o,d,f=i(t),h="function"==typeof this?this:Array,p=arguments.length,m=p>1?arguments[1]:void 0,v=void 0!==m,g=0,y=l(f);if(v&&(m=r(m,p>2?arguments[2]:void 0,2)),null==y||h==Array&&c(y))for(n=new h(e=s(f.length));e>g;g++)u(n,g,v?m(f[g],g):f[g]);else for(d=y.call(f),n=new h;!(o=d.next()).done;g++)u(n,g,v?a(d,m,[o.value,g],!0):o.value);return n.length=g,n}})},function(t,e,n){"use strict";var r=n(1),o=n(82);r(r.S+r.F*n(4)((function(){function t(){}return!(Array.of.call(t)instanceof t)})),"Array",{of:function(){for(var t=0,e=arguments.length,n=new("function"==typeof this?this:Array)(e);e>t;)o(n,t,arguments[t++]);return n.length=e,n}})},function(t,e,n){"use strict";var r=n(1),o=n(19),i=[].join;r(r.P+r.F*(n(48)!=Object||!n(20)(i)),"Array",{join:function(t){return i.call(o(this),void 0===t?",":t)}})},function(t,e,n){"use strict";var r=n(1),o=n(69),i=n(27),a=n(36),c=n(9),s=[].slice;r(r.P+r.F*n(4)((function(){o&&s.call(o)})),"Array",{slice:function(t,e){var n=c(this.length),r=i(this);if(e=void 0===e?n:e,"Array"==r)return s.call(this,t,e);for(var o=a(t,n),u=a(e,n),l=c(u-o),d=new Array(l),f=0;f1&&(r=Math.min(r,i(arguments[1]))),r<0&&(r=n+r);r>=0;r--)if(r in e&&e[r]===t)return r||0;return-1}})},function(t,e,n){var r=n(1);r(r.P,"Array",{copyWithin:n(129)}),n(40)("copyWithin")},function(t,e,n){var r=n(1);r(r.P,"Array",{fill:n(84)}),n(40)("fill")},function(t,e,n){"use strict";var r=n(1),o=n(26)(5),i=!0;"find"in[]&&Array(1).find((function(){i=!1})),r(r.P+r.F*i,"Array",{find:function(t){return o(this,t,arguments.length>1?arguments[1]:void 0)}}),n(40)("find")},function(t,e,n){"use strict";var r=n(1),o=n(26)(6),i="findIndex",a=!0;i in[]&&Array(1)[i]((function(){a=!1})),r(r.P+r.F*a,"Array",{findIndex:function(t){return o(this,t,arguments.length>1?arguments[1]:void 0)}}),n(40)(i)},function(t,e,n){n(45)("Array")},function(t,e,n){var r=n(3),o=n(72),i=n(12).f,a=n(38).f,c=n(79),s=n(57),u=r.RegExp,l=u,d=u.prototype,f=/a/g,h=/a/g,p=new u(f)!==f;if(n(11)&&(!p||n(4)((function(){return h[n(7)("match")]=!1,u(f)!=f||u(h)==h||"/a/i"!=u(f,"i")})))){u=function(t,e){var n=this instanceof u,r=c(t),i=void 0===e;return!n&&r&&t.constructor===u&&i?t:o(p?new l(r&&!i?t.source:t,e):l((r=t instanceof u)?t.source:t,r&&i?s.call(t):e),n?this:d,u)};for(var m=function(t){t in u||i(u,t,{configurable:!0,get:function(){return l[t]},set:function(e){l[t]=e}})},v=a(l),g=0;v.length>g;)m(v[g++]);d.constructor=u,u.prototype=d,n(15)(r,"RegExp",u)}n(45)("RegExp")},function(t,e,n){"use strict";n(132);var r=n(5),o=n(57),i=n(11),a=/./.toString,c=function(t){n(15)(RegExp.prototype,"toString",t,!0)};n(4)((function(){return"/a/b"!=a.call({source:"a",flags:"b"})}))?c((function(){var t=r(this);return"/".concat(t.source,"/","flags"in t?t.flags:!i&&t instanceof RegExp?o.call(t):void 0)})):"toString"!=a.name&&c((function(){return a.call(this)}))},function(t,e,n){"use strict";var r=n(5),o=n(9),i=n(87),a=n(58);n(59)("match",1,(function(t,e,n,c){return[function(n){var r=t(this),o=null==n?void 0:n[e];return void 0!==o?o.call(n,r):new RegExp(n)[e](String(r))},function(t){var e=c(n,t,this);if(e.done)return e.value;var s=r(t),u=String(this);if(!s.global)return a(s,u);var l=s.unicode;s.lastIndex=0;for(var d,f=[],h=0;null!==(d=a(s,u));){var p=String(d[0]);f[h]=p,""===p&&(s.lastIndex=i(u,o(s.lastIndex),l)),h++}return 0===h?null:f}]}))},function(t,e,n){"use strict";var r=n(5),o=n(14),i=n(9),a=n(23),c=n(87),s=n(58),u=Math.max,l=Math.min,d=Math.floor,f=/\$([$&`']|\d\d?|<[^>]*>)/g,h=/\$([$&`']|\d\d?)/g;n(59)("replace",2,(function(t,e,n,p){return[function(r,o){var i=t(this),a=null==r?void 0:r[e];return void 0!==a?a.call(r,i,o):n.call(String(i),r,o)},function(t,e){var o=p(n,t,this,e);if(o.done)return o.value;var d=r(t),f=String(this),h="function"==typeof e;h||(e=String(e));var v=d.global;if(v){var g=d.unicode;d.lastIndex=0}for(var y=[];;){var b=s(d,f);if(null===b)break;if(y.push(b),!v)break;""===String(b[0])&&(d.lastIndex=c(f,i(d.lastIndex),g))}for(var _,w="",x=0,O=0;O=x&&(w+=f.slice(x,j)+N,x=j+C.length)}return w+f.slice(x)}];function m(t,e,r,i,a,c){var s=r+t.length,u=i.length,l=h;return void 0!==a&&(a=o(a),l=f),n.call(c,l,(function(n,o){var c;switch(o.charAt(0)){case"$":return"$";case"&":return t;case"`":return e.slice(0,r);case"'":return e.slice(s);case"<":c=a[o.slice(1,-1)];break;default:var l=+o;if(0===l)return n;if(l>u){var f=d(l/10);return 0===f?n:f<=u?void 0===i[f-1]?o.charAt(1):i[f-1]+o.charAt(1):n}c=i[l-1]}return void 0===c?"":c}))}}))},function(t,e,n){"use strict";var r=n(5),o=n(117),i=n(58);n(59)("search",1,(function(t,e,n,a){return[function(n){var r=t(this),o=null==n?void 0:n[e];return void 0!==o?o.call(n,r):new RegExp(n)[e](String(r))},function(t){var e=a(n,t,this);if(e.done)return e.value;var c=r(t),s=String(this),u=c.lastIndex;o(u,0)||(c.lastIndex=0);var l=i(c,s);return o(c.lastIndex,u)||(c.lastIndex=u),null===l?-1:l.index}]}))},function(t,e,n){"use strict";var r=n(79),o=n(5),i=n(51),a=n(87),c=n(9),s=n(58),u=n(86),l=n(4),d=Math.min,f=[].push,h="length",p=!l((function(){RegExp(4294967295,"y")}));n(59)("split",2,(function(t,e,n,l){var m;return m="c"=="abbc".split(/(b)*/)[1]||4!="test".split(/(?:)/,-1)[h]||2!="ab".split(/(?:ab)*/)[h]||4!=".".split(/(.?)(.?)/)[h]||".".split(/()()/)[h]>1||"".split(/.?/)[h]?function(t,e){var o=String(this);if(void 0===t&&0===e)return[];if(!r(t))return n.call(o,t,e);for(var i,a,c,s=[],l=(t.ignoreCase?"i":"")+(t.multiline?"m":"")+(t.unicode?"u":"")+(t.sticky?"y":""),d=0,p=void 0===e?4294967295:e>>>0,m=new RegExp(t.source,l+"g");(i=u.call(m,o))&&!((a=m.lastIndex)>d&&(s.push(o.slice(d,i.index)),i[h]>1&&i.index=p));)m.lastIndex===i.index&&m.lastIndex++;return d===o[h]?!c&&m.test("")||s.push(""):s.push(o.slice(d)),s[h]>p?s.slice(0,p):s}:"0".split(void 0,0)[h]?function(t,e){return void 0===t&&0===e?[]:n.call(this,t,e)}:n,[function(n,r){var o=t(this),i=null==n?void 0:n[e];return void 0!==i?i.call(n,o,r):m.call(String(o),n,r)},function(t,e){var r=l(m,t,this,e,m!==n);if(r.done)return r.value;var u=o(t),f=String(this),h=i(u,RegExp),v=u.unicode,g=(u.ignoreCase?"i":"")+(u.multiline?"m":"")+(u.unicode?"u":"")+(p?"y":"g"),y=new h(p?u:"^(?:"+u.source+")",g),b=void 0===e?4294967295:e>>>0;if(0===b)return[];if(0===f.length)return null===s(y,f)?[f]:[];for(var _=0,w=0,x=[];w0?arguments[0]:void 0)}}),{get:function(t){var e=r.getEntry(o(this,"Map"),t);return e&&e.v},set:function(t,e){return r.def(o(this,"Map"),0===t?0:t,e)}},r,!0)},function(t,e,n){"use strict";var r=n(136),o=n(41);t.exports=n(62)("Set",(function(t){return function(){return t(this,arguments.length>0?arguments[0]:void 0)}}),{add:function(t){return r.def(o(this,"Set"),t=0===t?0:t,t)}},r)},function(t,e,n){"use strict";var r,o=n(3),i=n(26)(0),a=n(15),c=n(31),s=n(116),u=n(137),l=n(6),d=n(41),f=n(41),h=!o.ActiveXObject&&"ActiveXObject"in o,p=c.getWeak,m=Object.isExtensible,v=u.ufstore,g=function(t){return function(){return t(this,arguments.length>0?arguments[0]:void 0)}},y={get:function(t){if(l(t)){var e=p(t);return!0===e?v(d(this,"WeakMap")).get(t):e?e[this._i]:void 0}},set:function(t,e){return u.def(d(this,"WeakMap"),t,e)}},b=t.exports=n(62)("WeakMap",g,y,u,!0,!0);f&&h&&(s((r=u.getConstructor(g,"WeakMap")).prototype,y),c.NEED=!0,i(["delete","has","get","set"],(function(t){var e=b.prototype,n=e[t];a(e,t,(function(e,o){if(l(e)&&!m(e)){this._f||(this._f=new r);var i=this._f[t](e,o);return"set"==t?this:i}return n.call(this,e,o)}))})))},function(t,e,n){"use strict";var r=n(137),o=n(41);n(62)("WeakSet",(function(t){return function(){return t(this,arguments.length>0?arguments[0]:void 0)}}),{add:function(t){return r.def(o(this,"WeakSet"),t,!0)}},r,!1,!0)},function(t,e,n){"use strict";var r=n(1),o=n(63),i=n(89),a=n(5),c=n(36),s=n(9),u=n(6),l=n(3).ArrayBuffer,d=n(51),f=i.ArrayBuffer,h=i.DataView,p=o.ABV&&l.isView,m=f.prototype.slice,v=o.VIEW;r(r.G+r.W+r.F*(l!==f),{ArrayBuffer:f}),r(r.S+r.F*!o.CONSTR,"ArrayBuffer",{isView:function(t){return p&&p(t)||u(t)&&v in t}}),r(r.P+r.U+r.F*n(4)((function(){return!new f(2).slice(1,void 0).byteLength})),"ArrayBuffer",{slice:function(t,e){if(void 0!==m&&void 0===e)return m.call(a(this),t);for(var n=a(this).byteLength,r=c(t,n),o=c(void 0===e?n:e,n),i=new(d(this,f))(s(o-r)),u=new h(this),l=new h(i),p=0;r=e.length)return{value:void 0,done:!0}}while(!((t=e[this._i++])in this._t));return{value:t,done:!1}})),r(r.S,"Reflect",{enumerate:function(t){return new i(t)}})},function(t,e,n){var r=n(24),o=n(39),i=n(17),a=n(1),c=n(6),s=n(5);a(a.S,"Reflect",{get:function t(e,n){var a,u,l=arguments.length<3?e:arguments[2];return s(e)===l?e[n]:(a=r.f(e,n))?i(a,"value")?a.value:void 0!==a.get?a.get.call(l):void 0:c(u=o(e))?t(u,n,l):void 0}})},function(t,e,n){var r=n(24),o=n(1),i=n(5);o(o.S,"Reflect",{getOwnPropertyDescriptor:function(t,e){return r.f(i(t),e)}})},function(t,e,n){var r=n(1),o=n(39),i=n(5);r(r.S,"Reflect",{getPrototypeOf:function(t){return o(i(t))}})},function(t,e,n){var r=n(1);r(r.S,"Reflect",{has:function(t,e){return e in t}})},function(t,e,n){var r=n(1),o=n(5),i=Object.isExtensible;r(r.S,"Reflect",{isExtensible:function(t){return o(t),!i||i(t)}})},function(t,e,n){var r=n(1);r(r.S,"Reflect",{ownKeys:n(139)})},function(t,e,n){var r=n(1),o=n(5),i=Object.preventExtensions;r(r.S,"Reflect",{preventExtensions:function(t){o(t);try{return i&&i(t),!0}catch(t){return!1}}})},function(t,e,n){var r=n(12),o=n(24),i=n(39),a=n(17),c=n(1),s=n(32),u=n(5),l=n(6);c(c.S,"Reflect",{set:function t(e,n,c){var d,f,h=arguments.length<4?e:arguments[3],p=o.f(u(e),n);if(!p){if(l(f=i(e)))return t(f,n,c,h);p=s(0)}if(a(p,"value")){if(!1===p.writable||!l(h))return!1;if(d=o.f(h,n)){if(d.get||d.set||!1===d.writable)return!1;d.value=c,r.f(h,n,d)}else r.f(h,n,s(0,c));return!0}return void 0!==p.set&&(p.set.call(h,c),!0)}})},function(t,e,n){var r=n(1),o=n(70);o&&r(r.S,"Reflect",{setPrototypeOf:function(t,e){o.check(t,e);try{return o.set(t,e),!0}catch(t){return!1}}})},function(t,e,n){n(293),t.exports=n(10).Array.includes},function(t,e,n){"use strict";var r=n(1),o=n(53)(!0);r(r.P,"Array",{includes:function(t){return o(this,t,arguments.length>1?arguments[1]:void 0)}}),n(40)("includes")},function(t,e,n){n(295),t.exports=n(10).Array.flatMap},function(t,e,n){"use strict";var r=n(1),o=n(296),i=n(14),a=n(9),c=n(22),s=n(127);r(r.P,"Array",{flatMap:function(t){var e,n,r=i(this);return c(t),e=a(r.length),n=s(r,0),o(n,r,r,e,0,1,t,arguments[1]),n}}),n(40)("flatMap")},function(t,e,n){"use strict";var r=n(55),o=n(6),i=n(9),a=n(21),c=n(7)("isConcatSpreadable");t.exports=function t(e,n,s,u,l,d,f,h){for(var p,m,v=l,g=0,y=!!f&&a(f,h,3);g0)v=t(e,n,p,i(p.length),v,d-1)-1;else{if(v>=9007199254740991)throw TypeError();e[v]=p}v++}g++}return v}},function(t,e,n){n(298),t.exports=n(10).String.padStart},function(t,e,n){"use strict";var r=n(1),o=n(140),i=n(61),a=/Version\/10\.\d+(\.\d+)?( Mobile\/\w+)? Safari\//.test(i);r(r.P+r.F*a,"String",{padStart:function(t){return o(this,t,arguments.length>1?arguments[1]:void 0,!0)}})},function(t,e,n){n(300),t.exports=n(10).String.padEnd},function(t,e,n){"use strict";var r=n(1),o=n(140),i=n(61),a=/Version\/10\.\d+(\.\d+)?( Mobile\/\w+)? Safari\//.test(i);r(r.P+r.F*a,"String",{padEnd:function(t){return o(this,t,arguments.length>1?arguments[1]:void 0,!1)}})},function(t,e,n){n(302),t.exports=n(10).String.trimLeft},function(t,e,n){"use strict";n(43)("trimLeft",(function(t){return function(){return t(this,1)}}),"trimStart")},function(t,e,n){n(304),t.exports=n(10).String.trimRight},function(t,e,n){"use strict";n(43)("trimRight",(function(t){return function(){return t(this,2)}}),"trimEnd")},function(t,e,n){n(306),t.exports=n(66).f("asyncIterator")},function(t,e,n){n(112)("asyncIterator")},function(t,e,n){n(308),t.exports=n(10).Object.getOwnPropertyDescriptors},function(t,e,n){var r=n(1),o=n(139),i=n(19),a=n(24),c=n(82);r(r.S,"Object",{getOwnPropertyDescriptors:function(t){for(var e,n,r=i(t),s=a.f,u=o(r),l={},d=0;u.length>d;)void 0!==(n=s(r,e=u[d++]))&&c(l,e,n);return l}})},function(t,e,n){n(310),t.exports=n(10).Object.values},function(t,e,n){var r=n(1),o=n(141)(!1);r(r.S,"Object",{values:function(t){return o(t)}})},function(t,e,n){n(312),t.exports=n(10).Object.entries},function(t,e,n){var r=n(1),o=n(141)(!0);r(r.S,"Object",{entries:function(t){return o(t)}})},function(t,e,n){"use strict";n(133),n(314),t.exports=n(10).Promise.finally},function(t,e,n){"use strict";var r=n(1),o=n(10),i=n(3),a=n(51),c=n(135);r(r.P+r.R,"Promise",{finally:function(t){var e=a(this,o.Promise||i.Promise),n="function"==typeof t;return this.then(n?function(n){return c(e,t()).then((function(){return n}))}:t,n?function(n){return c(e,t()).then((function(){throw n}))}:t)}})},function(t,e,n){n(316),n(317),n(318),t.exports=n(10)},function(t,e,n){var r=n(3),o=n(1),i=n(61),a=[].slice,c=/MSIE .\./.test(i),s=function(t){return function(e,n){var r=arguments.length>2,o=!!r&&a.call(arguments,2);return t(r?function(){("function"==typeof e?e:Function(e)).apply(this,o)}:e,n)}};o(o.G+o.B+o.F*c,{setTimeout:s(r.setTimeout),setInterval:s(r.setInterval)})},function(t,e,n){var r=n(1),o=n(88);r(r.G+r.B,{setImmediate:o.set,clearImmediate:o.clear})},function(t,e,n){for(var r=n(85),o=n(35),i=n(15),a=n(3),c=n(18),s=n(44),u=n(7),l=u("iterator"),d=u("toStringTag"),f=s.Array,h={CSSRuleList:!0,CSSStyleDeclaration:!1,CSSValueList:!1,ClientRectList:!1,DOMRectList:!1,DOMStringList:!1,DOMTokenList:!0,DataTransferItemList:!1,FileList:!1,HTMLAllCollection:!1,HTMLCollection:!1,HTMLFormElement:!1,HTMLSelectElement:!1,MediaList:!0,MimeTypeArray:!1,NamedNodeMap:!1,NodeList:!0,PaintRequestList:!1,Plugin:!1,PluginArray:!1,SVGLengthList:!1,SVGNumberList:!1,SVGPathSegList:!1,SVGPointList:!1,SVGStringList:!1,SVGTransformList:!1,SourceBufferList:!1,StyleSheetList:!0,TextTrackCueList:!1,TextTrackList:!1,TouchList:!1},p=o(h),m=0;m=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return r("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),s=n.call(i,"finallyLoc");if(c&&s){if(this.prev=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev=0;--e){var n=this.tryEntries[e];if(n.finallyLoc===t)return this.complete(n.completion,n.afterLoc),x(n),l}},catch:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var n=this.tryEntries[e];if(n.tryLoc===t){var r=n.completion;if("throw"===r.type){var o=r.arg;x(n)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(t,e,n){return this.delegate={iterator:C(t),resultName:e,nextLoc:n},"next"===this.method&&(this.arg=void 0),l}},t}(t.exports);try{regeneratorRuntime=r}catch(t){Function("r","regeneratorRuntime = r")(r)}},function(t,e,n){n(321),t.exports=n(142).global},function(t,e,n){var r=n(322);r(r.G,{global:n(90)})},function(t,e,n){var r=n(90),o=n(142),i=n(323),a=n(325),c=n(332),s=function(t,e,n){var u,l,d,f=t&s.F,h=t&s.G,p=t&s.S,m=t&s.P,v=t&s.B,g=t&s.W,y=h?o:o[e]||(o[e]={}),b=y.prototype,_=h?r:p?r[e]:(r[e]||{}).prototype;for(u in h&&(n=e),n)(l=!f&&_&&void 0!==_[u])&&c(y,u)||(d=l?_[u]:n[u],y[u]=h&&"function"!=typeof _[u]?n[u]:v&&l?i(d,r):g&&_[u]==d?function(t){var e=function(e,n,r){if(this instanceof t){switch(arguments.length){case 0:return new t;case 1:return new t(e);case 2:return new t(e,n)}return new t(e,n,r)}return t.apply(this,arguments)};return e.prototype=t.prototype,e}(d):m&&"function"==typeof d?i(Function.call,d):d,m&&((y.virtual||(y.virtual={}))[u]=d,t&s.R&&b&&!b[u]&&a(b,u,d)))};s.F=1,s.G=2,s.S=4,s.P=8,s.B=16,s.W=32,s.U=64,s.R=128,t.exports=s},function(t,e,n){var r=n(324);t.exports=function(t,e,n){if(r(t),void 0===e)return t;switch(n){case 1:return function(n){return t.call(e,n)};case 2:return function(n,r){return t.call(e,n,r)};case 3:return function(n,r,o){return t.call(e,n,r,o)}}return function(){return t.apply(e,arguments)}}},function(t,e){t.exports=function(t){if("function"!=typeof t)throw TypeError(t+" is not a function!");return t}},function(t,e,n){var r=n(326),o=n(331);t.exports=n(92)?function(t,e,n){return r.f(t,e,o(1,n))}:function(t,e,n){return t[e]=n,t}},function(t,e,n){var r=n(327),o=n(328),i=n(330),a=Object.defineProperty;e.f=n(92)?Object.defineProperty:function(t,e,n){if(r(t),e=i(e,!0),r(n),o)try{return a(t,e,n)}catch(t){}if("get"in n||"set"in n)throw TypeError("Accessors not supported!");return"value"in n&&(t[e]=n.value),t}},function(t,e,n){var r=n(91);t.exports=function(t){if(!r(t))throw TypeError(t+" is not an object!");return t}},function(t,e,n){t.exports=!n(92)&&!n(143)((function(){return 7!=Object.defineProperty(n(329)("div"),"a",{get:function(){return 7}}).a}))},function(t,e,n){var r=n(91),o=n(90).document,i=r(o)&&r(o.createElement);t.exports=function(t){return i?o.createElement(t):{}}},function(t,e,n){var r=n(91);t.exports=function(t,e){if(!r(t))return t;var n,o;if(e&&"function"==typeof(n=t.toString)&&!r(o=n.call(t)))return o;if("function"==typeof(n=t.valueOf)&&!r(o=n.call(t)))return o;if(!e&&"function"==typeof(n=t.toString)&&!r(o=n.call(t)))return o;throw TypeError("Can't convert object to primitive value")}},function(t,e){t.exports=function(t,e){return{enumerable:!(1&t),configurable:!(2&t),writable:!(4&t),value:e}}},function(t,e){var n={}.hasOwnProperty;t.exports=function(t,e){return n.call(t,e)}},function(t,e){var n;n=function(){return this}();try{n=n||new Function("return this")()}catch(t){"object"==typeof window&&(n=window)}t.exports=n},function(t,e){t.exports=function(t){if(Array.isArray(t))return t},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e){t.exports=function(t,e){var n=t&&("undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"]);if(null!=n){var r,o,i=[],a=!0,c=!1;try{for(n=n.call(t);!(a=(r=n.next()).done)&&(i.push(r.value),!e||i.length!==e);a=!0);}catch(t){c=!0,o=t}finally{try{a||null==n.return||n.return()}finally{if(c)throw o}}return i}},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e,n){var r=n(337);t.exports=function(t,e){if(t){if("string"==typeof t)return r(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?r(t,e):void 0}},t.exports.default=t.exports,t.exports.__esModule=!0},function(t,e){t.exports=function(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n(Object(o.openBlock)(),Object(o.createBlock)("div",c,[s,u,Object(o.createVNode)("strong",null,Object(o.toDisplayString)(i.time)+"ms",1),l,d,Object(o.createVNode)("strong",null,Object(o.toDisplayString)(t.numberDelimiter(i.count)),1),f,Object(o.createVNode)("div",h,null,512)])));var m,v,g=n(8),y=n.n(g),b=(m=["Sophia","Emma","Olivia","Isabella","Ava","Mia","Emily","Abigail","Madison","Elizabeth","Charlotte","Avery","Sofia","Chloe","Ella","Harper","Amelia","Aubrey","Addison","Evelyn","Natalie","Grace","Hannah","Zoey","Victoria","Lillian","Lily","Brooklyn","Samantha","Layla","Zoe","Audrey","Leah","Allison","Anna","Aaliyah","Savannah","Gabriella","Camila","Aria","Noah","Liam","Jacob","Mason","William","Ethan","Michael","Alexander","Jayden","Daniel","Elijah","Aiden","James","Benjamin","Matthew","Jackson","Logan","David","Anthony","Joseph","Joshua","Andrew","Lucas","Gabriel","Samuel","Christopher","John","Dylan","Isaac","Ryan","Nathan","Carter","Caleb","Luke","Christian","Hunter","Henry","Owen","Landon","Jack"],v=["Smith","Johnson","Williams","Brown","Jones","Miller","Davis","Garcia","Rodriguez","Wilson","Martinez","Anderson","Taylor","Thomas","Hernandez","Moore","Martin","Jackson","Thompson","White","Lopez","Lee","Gonzalez","Harris","Clark","Lewis","Robinson","Walker","Perez","Hall","Young","Allen","Sanchez","Wright","King","Scott","Green","Baker","Adams","Nelson","Hill","Ramirez","Campbell","Mitchell","Roberts","Carter","Phillips","Evans","Turner","Torres","Parker","Collins","Edwards","Stewart","Flores","Morris","Nguyen","Murphy","Rivera","Cook","Rogers","Morgan","Peterson","Cooper","Reed","Bailey","Bell","Gomez","Kelly","Howard","Ward","Cox","Diaz","Richardson","Wood","Watson","Brooks","Bennett","Gray","James","Reyes","Cruz","Hughes","Price","Myers","Long","Foster","Sanders","Ross","Morales","Powell","Sullivan","Russell","Ortiz","Jenkins","Gutierrez","Perry","Butler","Barnes","Fisher"],function(t){var e=m[Math.floor(Math.random()*m.length)],n=v[Math.floor(Math.random()*v.length)],r=new Date(Date.now()-63072e7-Math.floor(15*Math.random()*31536e6));return r=new Date(r.getFullYear(),r.getMonth(),r.getDate(),0,0,0,0),{personid:t+1,fname:e,lname:n,email:"".concat(e.replace("-","_"),"_").concat(n.replace("-","_"),"@example.com").toLowerCase(),birthday:r,stars:Math.floor(5*Math.random())+1,progress:Math.min(Math.floor(120*Math.random()),100)}});function _(t){for(var e=new Array(t),n=0;n<100;n++)e[n]=b(n);return new y.a.data.CachedDataSource({get:function(t){return e[t]?e[t]:e[t]=b(t)},length:t})}var w={name:"Welcome",data:function(){return{time:"",count:""}},mounted:function(){var t,e,n,r,o,i;this.grid&&(this.grid.dispose(),this.grid=null),this.grid=(t=this.$refs.grid,e=this,n=_(1e6),r=new Date,o=new y.a.ListGrid({parentElement:t,allowRangePaste:!0,header:[{field:"check",caption:"",width:50,columnType:"check",action:"check"},{field:"personid",caption:"ID",width:85},{field:"stars",caption:"Class",width:150,columnType:new y.a.columns.type.IconColumn({name:"star"}),style:{color:"gold"},action:new y.a.columns.action.InlineMenuEditor({options:[{value:1,classList:"stars",html:'star'},{value:2,classList:"stars",html:'star'.repeat(2)},{value:3,classList:"stars",html:'star'.repeat(3)},{value:4,classList:"stars",html:'star'.repeat(4)},{value:5,classList:"stars",html:'star'.repeat(5)}]})},{caption:"Name",columns:[{field:"fname",caption:"First Name",width:"20%",minWidth:150,action:new y.a.columns.action.SmallDialogInputEditor({classList:"helper-text--right-justified",helperText:function(t){return"".concat(t.length,"/20")},inputValidator:function(t){return t.length>20?"over the max length. ".concat(t.length):null}}),message:function(t){var e=t.fname;return e.length>20?"over the max length. ".concat(e.length):null}},{field:"lname",caption:"Last Name",width:"20%",minWidth:150,action:new y.a.columns.action.SmallDialogInputEditor({classList:"helper-text--right-justified",helperText:function(t){return"".concat(t.length,"/20")},inputValidator:function(t){return t.length>20?"over the max length. ".concat(t.length):null}}),message:function(t){var e=t.lname;return e.length>20?"over the max length. ".concat(e.length):null}}]},{field:"progress",caption:"Progress",width:"10%",minWidth:50,columnType:new y.a.columns.type.PercentCompleteBarColumn({formatter:function(t){return"".concat(t,"%")}}),style:{textAlign:"right",padding:[0,10,0,0]},action:new y.a.columns.action.SmallDialogInputEditor({type:"number",classList:["al-right"],inputValidator:function(t){return t>100?"over the max value. ".concat(t):t<0?"under the min value. ".concat(t):null}}),message:function(t){if(isNaN(t.progress))return"Not a number.";var e=t.progress-0;return e>100?"over the max value. ".concat(e):e<0?"under the min value. ".concat(e):null}},{field:"email",caption:"Email",width:"calc(50% - 505px - 20px)",minWidth:200,action:new y.a.columns.action.SmallDialogInputEditor({helperText:function(t){return"Email"},validator:function(t){return t.match(/^[-a-z0-9~!$%^&*_=+}{'?]+(\.[-a-z0-9~!$%^&*_=+}{'?]+)*@([a-z0-9_][-a-z0-9_]*(\.[-a-z0-9_]+)*\.(aero|arpa|biz|com|coop|edu|gov|info|int|mil|museum|name|net|org|pro|travel|mobi|[a-z][a-z])|([0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}))(:[0-9]{1,5})?$/i)?null:"Please enter email addr."}}),message:function(t){return t.email.match(/^[-a-z0-9~!$%^&*_=+}{'?]+(\.[-a-z0-9~!$%^&*_=+}{'?]+)*@([a-z0-9_][-a-z0-9_]*(\.[-a-z0-9_]+)*\.(aero|arpa|biz|com|coop|edu|gov|info|int|mil|museum|name|net|org|pro|travel|mobi|[a-z][a-z])|([0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}))(:[0-9]{1,5})?$/i)?null:"Please enter email addr."}},{field:{get:function(t){var e=t.birthday;return isNaN(e)?e:"".concat(e.getFullYear(),"/").concat(e.getMonth()+1,"/").concat(e.getDate())},set:function(t,e){var n=new Date(e);t.birthday=isNaN(n)?e:n}},caption:"Birthday",width:100,action:new y.a.columns.action.SmallDialogInputEditor({helperText:function(t){return"birthday"},validator:function(t){return isNaN(new Date(t))?"Please enter date.":null}}),message:function(t){var e=t.birthday;return isNaN(new Date(e))?"Please enter date.":null}},{caption:"",width:120,columnType:new y.a.columns.type.ButtonColumn({caption:"SHOW REC"}),action:new y.a.columns.action.ButtonAction({action:function(t){alert(JSON.stringify(t))}})}],frozenColCount:2,dataSource:n}),i=new Date,e.time=i-r,e.count=n.length,o)},unmounted:function(){this.grid&&(this.grid.dispose(),this.grid=null)}},x=n(2),O=n.n(x),C=n(93),j=n.n(C),S={insert:"head",singleton:!1};O()(j.a,S),j.a.locals;w.render=p,w.__scopeId="data-v-2d565912";var I=w;const k=Object(o.withScopeId)("data-v-135abbd6");Object(o.pushScopeId)("data-v-135abbd6");const E={class:"home"},N=Object(o.createVNode)("div",{class:"page-title"},[Object(o.createVNode)("h1",null,"Branch Graph on the Grid!!"),Object(o.createVNode)("span",null,"Canvas-based Grid so you can draw branch graphs.")],-1),P=Object(o.createVNode)("br",null,null,-1),G={class:"grid"},A=Object(o.createTextVNode)(" Graph "),T=Object(o.createTextVNode)(" User "),F=Object(o.createTextVNode)(" Comment ");Object(o.popScopeId)();const M=k((t,e,n,r,i,a)=>{const c=Object(o.resolveComponent)("c-grid-branch-graph-column"),s=Object(o.resolveComponent)("c-grid-input-column"),u=Object(o.resolveComponent)("c-grid");return Object(o.openBlock)(),Object(o.createBlock)("div",E,[N,P,Object(o.createVNode)("div",G,[Object(o.createVNode)(u,{ref:"grid",data:i.data},{default:k(()=>[Object(o.createVNode)(c,{width:200,cache:"",field:"command"},{default:k(()=>[A]),_:1}),Object(o.createVNode)(s,{field:"user",width:"120"},{default:k(()=>[T]),_:1}),Object(o.createVNode)(s,{field:"comment",width:"calc(100% - 320px - 20px)","min-width":"200"},{default:k(()=>[F]),_:1})]),_:1},8,["data"])])])});var V=[{command:[{command:"commit",branch:"main"},{command:"tag",branch:"main",tag:"v1.1.0"}],comment:"release 1.1.0",user:"user1"},{command:[{command:"commit",branch:"develop2"}],comment:"Update A for B",user:"user2"},{command:[{command:"merge",branch:{from:"main",to:"develop2"}}],comment:"merge",user:"user2"},{command:[{command:"merge",branch:{from:"develop3",to:"main"}}],comment:"merge",user:"user1"},{command:[{command:"commit",branch:"develop2"}],comment:"Fix for A",user:"user2"},{command:[{command:"branch",branch:{from:"main",to:"develop3"}},{command:"commit",branch:"develop3"}],comment:"Fix A to B",user:"user3"},{command:[{command:"branch",branch:{from:"main",to:"develop2"}}],comment:"fork user2",user:"user2"},{command:[{command:"merge",branch:{from:"develop",to:"main"}}],comment:"merge",user:"user2"},{command:[{command:"commit",branch:"develop"}],comment:"Add A for B",user:"user2"},{command:[{command:"commit",branch:"main"},{command:"tag",branch:"main",tag:"v1.0.0"},{command:"branch",branch:{from:"main",to:"develop"}}],comment:"release 1.0.0",user:"user1"},{command:[{command:"branch",branch:"main"},{command:"commit",branch:"main"}],comment:"initial commit",user:"user1"}],$={name:"BranchGraph",data:function(){return{data:V}}};$.render=M,$.__scopeId="data-v-135abbd6";var R=$;const L=Object(o.withScopeId)("data-v-daff151c");Object(o.pushScopeId)("data-v-daff151c");const B={class:"home"},D=Object(o.createVNode)("div",{class:"page-title"},[Object(o.createVNode)("h1",null,"Cheetah Grid is the ideal grid for enterprises")],-1),W=Object(o.createVNode)("span",null,"Display only error records",-1),U={class:"grid"},z=Object(o.createTextVNode)(" ID "),H=Object(o.createTextVNode)(" Class "),K=Object(o.createTextVNode)(" First Name "),q=Object(o.createTextVNode)(" Last Name "),J=Object(o.createTextVNode)(" Progress "),Y=Object(o.createTextVNode)(" Email "),X=Object(o.createTextVNode)(" Birthday ");Object(o.popScopeId)();const Z=L((t,e,n,r,i,a)=>{const c=Object(o.resolveComponent)("c-grid-column"),s=Object(o.resolveComponent)("c-grid-icon-column"),u=Object(o.resolveComponent)("c-grid-input-column"),l=Object(o.resolveComponent)("c-grid-column-group"),d=Object(o.resolveComponent)("c-grid-percent-complete-bar-column"),f=Object(o.resolveComponent)("c-grid-button-column"),h=Object(o.resolveComponent)("c-grid");return Object(o.openBlock)(),Object(o.createBlock)("div",B,[D,Object(o.withDirectives)(Object(o.createVNode)("input",{"onUpdate:modelValue":e[1]||(e[1]=t=>i.filterText=t),placeholder:"Filter keyword",class:"filter-input"},null,512),[[o.vModelText,i.filterText]]),Object(o.createVNode)("label",null,[Object(o.withDirectives)(Object(o.createVNode)("input",{"onUpdate:modelValue":e[2]||(e[2]=t=>i.filterErrorOnly=t),type:"checkbox",class:"filter-checkbox"},null,512),[[o.vModelCheckbox,i.filterErrorOnly]]),W]),Object(o.createVNode)("div",U,[Object(o.createVNode)(h,{ref:"grid",data:i.data,"frozen-col-count":1,filter:i.dataFilter,"allow-range-paste":"","move-cell-on-tab-key":"",onChangedValue:a.onChangedValue},{default:L(()=>[Object(o.createVNode)(c,{width:50,field:"check","column-type":"check",action:"check"}),Object(o.createVNode)(c,{field:"personid",width:"85"},{default:L(()=>[z]),_:1}),Object(o.createVNode)(s,{width:150,"column-style":{color:"gold",textOverflow:"ellipsis"},action:{actionName:"InlineMenuEditor",option:{options:[{value:"",caption:"Empty"},{value:1,classList:"stars",html:"star"},{value:2,classList:"stars",html:"star".repeat(2)},{value:3,classList:"stars",html:"star".repeat(3)},{value:4,classList:"stars",html:"star".repeat(4)},{value:5,classList:"stars",html:"star".repeat(5)}]}},message:a.starsValidateMessage,"icon-name":"star",field:"stars"},{default:L(()=>[H]),_:1},8,["action","message"]),Object(o.createVNode)(l,{caption:"Name"},{default:L(()=>[Object(o.createVNode)(u,{"min-width":150,"helper-text":t=>t.length+"/20","input-validator":a.firstNameValidator,message:a.firstNameValidateMessage,"column-style":{textOverflow:"ellipsis"},"input-class-list":"helper-text--right-justified",field:"fname",width:"20%"},{default:L(()=>[K]),_:1},8,["helper-text","input-validator","message"]),Object(o.createVNode)(u,{"helper-text":t=>t.length+"/20","input-validator":a.lastNameValidator,message:a.lastNameValidateMessage,"column-style":{textOverflow:"ellipsis"},"input-class-list":"helper-text--right-justified",field:"lname",width:"20%","min-width":"150"},{default:L(()=>[q]),_:1},8,["helper-text","input-validator","message"])]),_:1}),Object(o.createVNode)(d,{formatter:t=>t?t+"%":"","column-style":{textAlign:"right",padding:[0,10,0,0],textOverflow:"ellipsis"},action:{actionName:"SmallDialogInputEditor",option:{type:"number",classList:["al-right"],inputValidator:t=>a.progressValidator(t)}},message:a.progressValidateMessage,field:"progress",width:"10%","min-width":"50"},{default:L(()=>[J]),_:1},8,["formatter","action","message"]),Object(o.createVNode)(u,{validator:a.emailValidator,message:a.emailValidateMessage,"column-style":{textOverflow:"ellipsis"},"helper-text":"Email",field:"email",width:"calc(50% - 505px - 20px)","min-width":"200"},{default:L(()=>[Y]),_:1},8,["validator","message"]),Object(o.createVNode)(u,{field:a.birthdayField,validator:a.birthdayValidator,message:a.birthdayValidateMessage,"column-style":{textOverflow:"ellipsis"},"helper-text":"birthday",width:"100",filter:e=>t.dateFormat(e,"yyyy/m/d")},{default:L(()=>[X]),_:1},8,["field","validator","message","filter"]),Object(o.createVNode)(f,{width:120,"column-style":{textOverflow:"ellipsis"},caption:"SHOW REC",onClick:a.clickRec},null,8,["onClick"])]),_:1},8,["data","filter","onChangedValue"])])])});var Q,tt,et=(Q=_(1e6),tt=new Array(Q.length),{get:function(t){return tt[t]?tt[t]:tt[t]=function(t){var e=Q.get(t);return Math.floor(10*Math.random())||(e.stars=""),Math.floor(10*Math.random())||(e.progress=""),Math.floor(10*Math.random())||(e.email=""),Math.floor(10*Math.random())||(e.birthday=""),e}(t)},length:Q.length}),nt=function(t){return t.stars?null:"Please select."},rt=function(t){return t.length>20?"over the max length. ".concat(t.length):null},ot=function(t){return t.fname?rt(t.fname):"Please enter First Name."},it=function(t){return t.length>20?"over the max length. ".concat(t.length):null},at=function(t){return t.lname?it(t.lname):"Please enter Last Name."},ct=function(t){return t>100?"over the max value. ".concat(t):t<0?"under the min value. ".concat(t):null},st=function(t){return isNaN(t.progress)?"Please enter number":t.progress>0?ct(t.progress):"Please enter progress."},ut=function(t){return t.match(/^[-a-z0-9~!$%^&*_=+}{'?]+(\.[-a-z0-9~!$%^&*_=+}{'?]+)*@([a-z0-9_][-a-z0-9_]*(\.[-a-z0-9_]+)*\.(aero|arpa|biz|com|coop|edu|gov|info|int|mil|museum|name|net|org|pro|travel|mobi|[a-z][a-z])|([0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}))(:[0-9]{1,5})?$/i)?null:"Please enter email addr."},lt=function(t){var e=t.email;if(!e)return{type:"error",message:"Please enter Email address."};var n=ut(e);return n?{type:"error",message:n}:"".concat(t.fname.replace("-","_"),"_").concat(t.lname.replace("-","_"),"@example.com").toLowerCase()!==e?{type:"warning",message:"Email address is incorrect."}:null},dt=function(t){return isNaN(new Date(t))?"Please enter date.":null},ft=function(t){return t.birthday?dt(t.birthday):"Please enter birthday."},ht={name:"Enterprise",data:function(){return{data:et,filterText:"",filterErrorOnly:!1,dataFilter:void 0}},computed:{birthdayField:function(){return{get:function(t){return t.birthday},set:function(t,e){var n=new Date(e);t.birthday=isNaN(n)?e:n}}}},watch:{filterText:function(t){this.onChangeFilter(t,this.filterErrorOnly)},filterErrorOnly:function(t){this.onChangeFilter(this.filterText,t)}},methods:{onChangeFilter:function(t,e){if(t||e){var n=t.toLowerCase().split(/\s/g).filter((function(t){return!!t}));this.dataFilter=function(t){var r="".concat(t.personid,"\n").concat(t.fname,"\n").concat(t.lname,"\n").concat(t.email).toLowerCase();return!!n.every((function(t){return r.includes(t)}))&&(!e||[nt,ot,at,st,lt,ft].some((function(e){return!!e(t)})))}}else this.dataFilter=void 0},clickRec:function(t){alert(JSON.stringify(t))},onChangedValue:function(){this.$refs.grid.invalidate()},starsValidateMessage:nt,firstNameValidator:rt,firstNameValidateMessage:ot,lastNameValidator:it,lastNameValidateMessage:at,progressValidator:ct,progressValidateMessage:st,emailValidator:ut,emailValidateMessage:lt,birthdayValidator:dt,birthdayValidateMessage:ft}},pt=n(94),mt=n.n(pt),vt={insert:"head",singleton:!1};O()(mt.a,vt),mt.a.locals;ht.render=Z,ht.__scopeId="data-v-daff151c";var gt=ht;const yt=Object(o.withScopeId)("data-v-4929453a");Object(o.pushScopeId)("data-v-4929453a");const bt={class:"home"},_t=Object(o.createVNode)("div",{class:"page-title"},[Object(o.createVNode)("h1",null,"Cheetah is the fastest animal on land")],-1),wt=Object(o.createVNode)("br",null,null,-1),xt={class:"grid"},Ot=Object(o.createTextVNode)(" No "),Ct=Object(o.createTextVNode)(" Name "),jt=Object(o.createTextVNode)(" Habitat "),St=Object(o.createTextVNode)(" Speed "),It=Object(o.createTextVNode)(" Length "),kt=Object(o.createTextVNode)(" Weight "),Et=Object(o.createTextVNode)(" Button ");Object(o.popScopeId)();const Nt=yt((t,e,n,r,i,a)=>{const c=Object(o.resolveComponent)("c-grid-column"),s=Object(o.resolveComponent)("c-grid-percent-complete-bar-column"),u=Object(o.resolveComponent)("c-grid-button-column"),l=Object(o.resolveComponent)("c-grid");return Object(o.openBlock)(),Object(o.createBlock)("div",bt,[_t,wt,Object(o.createVNode)("div",xt,[Object(o.createVNode)(l,{data:i.data,"frozen-col-count":2},{default:yt(()=>[Object(o.createVNode)(c,{width:60,field:"check","column-type":"check",action:"check"}),Object(o.createVNode)(c,{"column-style":{textAlign:"center"},sort:!0,width:70,field:"no"},{default:yt(()=>[Ot]),_:1}),Object(o.createVNode)(c,{width:300,sort:!0,icon:{src:"icon",width:26},field:"name","column-style":t=>1===t.no?{indicatorTopLeft:{style:"triangle",color:"#ff9933"}}:void 0},{default:yt(()=>[Ct]),_:1},8,["column-style"]),Object(o.createVNode)(c,{width:300,icon:{src:"habitat",width:26},field:"area"},{default:yt(()=>[jt]),_:1}),Object(o.createVNode)(s,{sort:!0,min:0,max:120,formatter:t=>"","column-style":{barHeight:25},field:"speed",width:"400"},{default:yt(()=>[St]),_:1}),Object(o.createVNode)(s,{sort:!0,"column-style":{barHeight:5,barColor:"#F48FB1"},formatter:t=>t+"cm",min:0,max:5500,field:"length",width:"200"},{default:yt(()=>[It]),_:1},8,["formatter"]),Object(o.createVNode)(s,{sort:!0,formatter:t=>t+"kg","column-style":{barHeight:5,barColor:"#7986CB"},min:0,max:5400,field:"weight",width:"200"},{default:yt(()=>[kt]),_:1},8,["formatter"]),Object(o.createVNode)(u,{width:150,caption:"DETAIL",onClick:a.clickRec},{default:yt(()=>[Et]),_:1},8,["onClick"])]),_:1},8,["data"])])])});var Pt=n(144),Gt=n.n(Pt);function At(t){return null!=t}const Tt=t=>t&&"function"==typeof t.then;function Ft(t){return t===Object(t)}function Mt(t,e){if(!At(t))return;if(Tt(t))return t.then(t=>Mt(t,e));if(e in t)return t[e];if("function"==typeof e)return e(t);const n=(""+e).split(".");return n.length<=1?t[e]:function(t,e,...n){let r=t;for(let t=0;tMt(t,e),...n)}function Vt(t,e){return Tt(t)?t.then(e):e(t)}function $t(t){return t&&"string"!=typeof t&&("function"==typeof t&&(t=t()),"string"==typeof t.typeName&&(t=new g.columns.type[t.typeName](t.option))),t}function Rt(t){return t&&"string"!=typeof t&&("function"==typeof t?t=new g.columns.action.Action({action:t}):"string"==typeof t.actionName&&(t=new g.columns.action[t.actionName](t.option))),t}const Lt={handler(){this.$_CGrid_nextTickUpdate()},deep:!0};function Bt(...t){const e={};return t.forEach(t=>{for(const n in t)e[n]=t[n]}),e}function Dt(t){return function(){const e=`$_CGridColumn_${t}Proxy`,n=this[t];return"function"==typeof n?this[e]:n}}function Wt(t){return function(...e){const n=this[t];return"function"==typeof n?n(...e):void 0}}function Ut(t,e="defaultSlotContainer"){const n=t.$refs[e].children;return n[0]?n:null}const{EVENT_TYPE:zt}=g.ListGrid,Ht=Object.keys(zt).map(t=>zt[t].replace(/_/g,"-").toLowerCase()).reduce((t,e)=>(t[e]=null,t),{});function Kt(t){("undefined"!=typeof __VUE_OPTIONS_API__&&__VUE_OPTIONS_API__||"undefined"!=typeof Vue&&(""+Vue.version).startsWith("3"))&&(delete t.beforeDestroy,delete t.destroyed)}const qt=Object(o.withScopeId)("data-v-6fbefaaa");Object(o.pushScopeId)("data-v-6fbefaaa");const Jt={class:"c-grid"},Yt={class:"define"},Xt={ref:"defaultSlotContainer"},Zt={ref:"layoutHeaderSlotContainer"},Qt={ref:"layoutBodySlotContainer"};Object(o.popScopeId)();const te=qt((t,e,n,r,i,a)=>(Object(o.openBlock)(),Object(o.createBlock)("div",Jt,[Object(o.createVNode)("div",Yt,[Object(o.createVNode)("div",Xt,[Object(o.createCommentVNode)("\n Use this slot to set the simple header definition.\n The definition is set to `header` property described in [Define Headers and Columns]\n "),Object(o.renderSlot)(t.$slots,"default",{},void 0,!0)],512),Object(o.createVNode)("div",Zt,[Object(o.createCommentVNode)("\n Use this slot to set the layout header definition.\n Use this slot in combination with the `layout-body` slot.\n The definition is set to `layout.header` property described in [Advanced Layout].\n "),Object(o.renderSlot)(t.$slots,"layout-header",{},void 0,!0)],512),Object(o.createVNode)("div",Qt,[Object(o.createCommentVNode)("\n Use this slot to set the layout body definition.\n Use this slot in combination with the `layout-header` slot.\n The definition is set to `layout.body` property described in [Advanced Layout].\n "),Object(o.renderSlot)(t.$slots,"layout-body",{},void 0,!0)],512)])])));function ee(t,e){return re(t,e).map(t=>t.createColumn()).filter(t=>t)}function ne(t,e){return re(t,e).map(t=>t.getPropsObjectInternal()).filter(t=>t)}function re(t,e){const n="string"==typeof e?Ut(t,e):e;return n?function t(e,n,r){const o=[];r||(r=new Map,e.$_CGrid_defineColumns.forEach(t=>{r.set(t.$el,t)}));for(let i=0;i{Object.prototype.propertyIsEnumerable.call(t,n)&&e.push(n)})}return e}function ae(t,e){if(t===e)return!0;if(typeof t!=typeof e||null==t||null==e||t.constructor!==e.constructor)return!1;if(oe[typeof t])return!1;const n=ie(t),r=ie(e);if(n.length!==r.length)return!1;for(let o=0;ot.dispose());o&&o.source===n?(o.length=n.length,c=o,i.delete(c)):(c=g.data.CachedDataSource.ofArray(n),a.push(c))}else n instanceof g.data.DataSource?c=n:o&&o.source===n?(o.length=n.length,c=o,i.delete(c)):(c=new g.data.CachedDataSource(n),a.push(c));r&&(c instanceof g.data.FilterDataSource?c.filter=r:(c=new g.data.FilterDataSource(c,r),a.push(c))),e.dataSource=c,i.forEach(t=>t.dispose())}function se(t){const e={};return Ut(t,"layoutBodySlotContainer")?Ut(t,"layoutHeaderSlotContainer")?e.layout={header:ne(t,"layoutHeaderSlotContainer"),body:ne(t,"layoutBodySlotContainer")}:e.layout={header:ne(t,"layoutBodySlotContainer"),body:ne(t,"layoutBodySlotContainer")}:e.header=ne(t,"defaultSlotContainer"),Bt({theme:t.theme||null},e,t.options)}function ue(t){const e={};return Ut(t,"layoutBodySlotContainer")?Ut(t,"layoutHeaderSlotContainer")?e.layout={header:ee(t,"layoutHeaderSlotContainer"),body:ee(t,"layoutBodySlotContainer")}:e.layout={header:ee(t,"layoutBodySlotContainer"),body:ee(t,"layoutBodySlotContainer")}:e.header=ee(t,"defaultSlotContainer"),Bt({frozenColCount:t.frozenColCount-0,theme:t.theme||null,headerRowHeight:t.headerRowHeight,allowRangePaste:t.allowRangePaste,trimOnPaste:t.trimOnPaste,defaultRowHeight:t.defaultRowHeight,defaultColWidth:t.defaultColWidth,font:t.font,underlayBackgroundColor:t.underlayBackgroundColor,keyboardOptions:{moveCellOnTab:t.moveCellOnTabKey,moveCellOnEnter:t.moveCellOnEnterKey,deleteCellValueOnDel:t.deleteCellValueOnDelKey,selectAllOnCtrlA:t.selectAllOnCtrlAKey},disableColumnResize:t.disableColumnResize},e,t.options)}function le(t){t._beforeGridProps=se(t);const e=ue(t);e.parentElement=t.$el;const n=t.rawGrid=new g.ListGrid(e);t.disabled&&(n.disabled=!0),t.readonly&&(n.readOnly=!0),ce(t,n,t.data,t.filter),function(t,e){const{EVENT_TYPE:n}=g.ListGrid;e.listen(n.CHANGED_HEADER_VALUE,(...n)=>{t.headerValues=e.headerValues});for(const r in n){const o=n[r],i=o.replace(/_/g,"-").toLowerCase();e.listen(o,(...r)=>{const a=[];t.$_CGrid_emit(i,...r,t=>{a.push(t)});const[c]=r,s=c&&null!=c.col&&"number"==typeof c.col?c.col:null,u=c&&null!=c.row&&"number"==typeof c.row?c.row:null;if(null!=s&&null!=u&&e.colCount>s){const t=e.frozenRowCount>u?e.getHeaderDefine(s,u):e.getColumnDefine(s,u);t&&t.vm&&t.vm.$emit(i,...r,t=>{a.push(t)})}if(o===n.REJECTED_PASTE_VALUES){const t=new Map;for(const n of c.detail||[]){const r=e.getColumnDefine(n.col,n.row);if(r&&r.vm){let e=t.get(r.vm);e||(e=[],t.set(r.vm,e)),e.push(n)}}for(const[e,n]of t)e.$emit(i,{...c,detail:n},t=>{a.push(t)})}return a[0]})}}(t,n)}let de=0;var fe={name:"CGrid",get mixins(){Kt(this)},provide(){return{$_CGridInstance:this}},props:{data:{type:[Array,Object],default:void 0},frozenColCount:{type:[Number,String],default:0},headerRowHeight:{type:[Number,Array],default:void 0},allowRangePaste:{type:Boolean},trimOnPaste:{type:Boolean},defaultRowHeight:{type:Number,default:void 0},defaultColWidth:{type:Number,default:void 0},filter:{type:[Function],default:void 0},font:{type:String,default:void 0},underlayBackgroundColor:{type:String,default:void 0},theme:{type:[Object,String],default:void 0},moveCellOnTabKey:{type:[Boolean,Function],default:!1},moveCellOnEnterKey:{type:[Boolean,Function],default:!1},deleteCellValueOnDelKey:{type:Boolean},selectAllOnCtrlAKey:{type:Boolean},disableColumnResize:{type:Boolean},disabled:{type:Boolean},readonly:{type:Boolean},options:{type:Object,default:void 0}},emits:{"click-cell":null,"dblclick-cell":null,"selected-cell":null,"paste-cell":null,"changed-value":null,"changed-header-value":null,...Ht},data:()=>({headerValues:new Map}),computed:{dataLengthForWatch(){return this.data&&this.data.length||0}},watch:{data(t){this.rawGrid&&ce(this,this.rawGrid,t,this.filter)},dataLengthForWatch(){this.rawGrid&&ce(this,this.rawGrid,this.data,this.filter)},filter(t){this.rawGrid&&ce(this,this.rawGrid,this.data,t)},frozenColCount(t){this.rawGrid&&(this.rawGrid.frozenColCount=t)},allowRangePaste(t){this.rawGrid&&(this.rawGrid.allowRangePaste=!!t)},trimOnPaste(t){this.rawGrid&&(this.rawGrid.trimOnPaste=!!t)},headerRowHeight(t){this.rawGrid&&(this.rawGrid.headerRowHeight=t)},defaultRowHeight(t){this.rawGrid&&null!=t&&(this.rawGrid.defaultRowHeight=t)},defaultColWidth(t){this.rawGrid&&null!=t&&(this.rawGrid.defaultColWidth=t)},font(t){this.rawGrid&&(this.rawGrid.font=t,this.$_CGrid_nextTickInvalidate())},underlayBackgroundColor(t){this.rawGrid&&(this.rawGrid.underlayBackgroundColor=t,this.$_CGrid_nextTickInvalidate())},disableColumnResize(t){this.rawGrid&&(this.rawGrid.disableColumnResize=t)},options:Lt,headerValues:{handler(t){this.rawGrid.headerValues=t},deep:!0},disabled(t){this.rawGrid&&(this.rawGrid.disabled=t)},readonly(t){this.rawGrid&&(this.rawGrid.readOnly=t)},moveCellOnTabKey(t){this.$_CGrid_updateKeyboardOptions({moveCellOnTab:t})},moveCellOnEnterKey(t){this.$_CGrid_updateKeyboardOptions({moveCellOnEnter:t})},deleteCellValueOnDelKey(t){this.$_CGrid_updateKeyboardOptions({deleteCellValueOnDel:t})},selectAllOnCtrlAKey(t){this.$_CGrid_updateKeyboardOptions({selectAllOnCtrlA:t})}},created(){this.$_CGrid_defineColumns=[]},mounted(){this.$_CGrid_cancelNextTickUpdate(),this.rawGrid&&(this.rawGrid.dispose(),this.rawGrid=null),le(this)},unmounted(){he(this)},destroyed(){he(this)},updated(){this.$_CGrid_nextTickUpdate()},methods:{invalidate(){this.rawGrid&&(this.$_CGrid_ifDelayingForceUpdate(),this.rawGrid.invalidate())},updateSize(){this.rawGrid&&(this.$_CGrid_ifDelayingForceUpdate(),this.rawGrid.updateSize())},updateScroll(){this.rawGrid&&(this.$_CGrid_ifDelayingForceUpdate(),this.rawGrid.updateScroll())},$_CGrid_nextTickInvalidate(){const t=++de;this._nextTickInvalidateId=t,this.$nextTick(()=>{this._nextTickInvalidateId===t&&this.invalidate()})},$_CGrid_nextTickUpdate(){const t=++de;this._nextTickUpdateId=t,this.$nextTick(()=>{this._nextTickUpdateId===t&&this.$_CGrid_update()})},$_CGrid_cancelNextTickUpdate(){this._nextTickUpdateId=void 0},$_CGrid_ifDelayingForceUpdate(){this._nextTickUpdateId&&this.$_CGrid_update()},$_CGrid_update(){if(this.$_CGrid_cancelNextTickUpdate(),this.rawGrid){const t=se(this);if(ae(this._beforeGridProps,t))return;const e=Bt({},t),n=Bt({},this._beforeGridProps);if(delete n.header,delete e.header,delete n.layout,delete e.layout,delete n.theme,delete e.theme,ae(n,e)){const e=ue(this),{header:n,layout:r,theme:o}=e;return ae(this._beforeGridProps.header,t.header)||(this.rawGrid.header=n),ae(this._beforeGridProps.layout,t.layout)||(this.rawGrid.layout=r),this.rawGrid.theme=o,this.rawGrid.$_CGrid_nextTickInvalidate(),void(this._beforeGridProps=Bt({},t))}this.rawGrid.dispose(),le(this)}},$_CGrid_emit(t,...e){switch(t){case"click-cell":this.$emit("click-cell",...e);break;case"dblclick-cell":this.$emit("dblclick-cell",...e);break;case"selected-cell":this.$emit("selected-cell",...e);break;case"paste-cell":this.$emit("paste-cell",...e);break;case"changed-value":this.$emit("changed-value",...e);break;case"changed-header-value":this.$emit("changed-header-value",...e);break;default:this.$emit(t,...e)}},$_CGrid_setColumnDefine(t){this.$_CGrid_defineColumns.indexOf(t)>=0||this.$_CGrid_defineColumns.push(t)},$_CGrid_removeColumnDefine(t){const e=this.$_CGrid_defineColumns.indexOf(t);e<0||this.$_CGrid_defineColumns.splice(e,1)},$_CGrid_updateKeyboardOptions(t){this.rawGrid&&(this.rawGrid.keyboardOptions?this.rawGrid.keyboardOptions=Object.assign({},this.rawGrid.keyboardOptions,t):this.rawGrid.keyboardOptions=t)}}};function he(t){t.$_CGrid_cancelNextTickUpdate(),t.rawGrid&&(t.rawGrid.dispose(),t.rawGrid=null),t._dataSources&&t._dataSources.forEach(t=>t.dispose()),t.$_CGrid_defineColumns=[]}var pe=n(95),me=n.n(pe),ve={insert:"head",singleton:!1};O()(me.a,ve),me.a.locals;fe.render=te,fe.__scopeId="data-v-6fbefaaa";var ge=fe;const ye=Object(o.withScopeId)("data-v-3b1ad4b6");Object(o.pushScopeId)("data-v-3b1ad4b6");const be={class:"c-grid-column"};Object(o.popScopeId)();const _e=ye((t,e,n,r,i,a)=>(Object(o.openBlock)(),Object(o.createBlock)("div",be,[Object(o.createCommentVNode)(" Use this slot to set the header caption "),Object(o.renderSlot)(t.$slots,"default",{},void 0,!0)]))),we=new WeakMap;function xe(t){we.set(t.$el,t)}function Oe(t){we.delete(t.$el)}function Ce(t){return we.get(t)}function je(t){Oe(t),t.$_CGridInstance.$_CGrid_removeColumnDefine(t)}var Se={get mixins(){Kt(this)},inject:["$_CGridInstance"],props:{caption:{type:[String,Function],default:""},sort:{type:[Boolean,String,Function],default:void 0},headerStyle:{type:[Object,String,Function],default:void 0},headerField:{type:[String],default:void 0},headerIcon:{type:[Object,String],default:void 0},headerType:{type:[Object,String,Function],default:void 0},headerAction:{type:[Object,String,Function],default:void 0}},emits:{...Ht},computed:{resolvedCaption(){const{caption:t}=this;return"function"==typeof t?this.$_CGridColumn_captionProxy:t||this.$_CGridColumn_getTextContent},resolvedSort:Dt("sort"),resolvedHeaderStyle:Dt("headerStyle"),resolvedHeaderType:Dt("headerType"),resolvedHeaderAction:Dt("headerAction")},watch:{resolvedCaption:Lt,resolvedSort:Lt,resolvedHeaderStyle:Lt,headerField:Lt,resolvedHeaderType:Lt,resolvedHeaderAction:Lt},mounted(){xe(this),this.$_CGridInstance.$_CGrid_setColumnDefine(this),this.$_CGrid_nextTickUpdate()},updated(){this.$_CGrid_nextTickUpdate()},beforeUnmount(){je(this)},beforeDestroy(){je(this)},methods:{invalidate(){this.$_CGridInstance&&this.$_CGridInstance.invalidate&&this.$_CGridInstance.invalidate()},nextTickInvalidate(){this.$_CGridInstance&&this.$_CGridInstance.invalidate&&this.$_CGridInstance.$_CGrid_nextTickInvalidate()},getPropsObjectInternal(){return{caption:this.resolvedCaption,headerStyle:this.resolvedHeaderStyle,headerField:this.headerField,headerIcon:this.headerIcon,headerType:this.resolvedHeaderType,headerAction:this.resolvedHeaderAction,sort:this.resolvedSort}},createColumn(){return{vm:this,caption:this.resolvedCaption,headerStyle:this.resolvedHeaderStyle,headerField:this.headerField,headerIcon:this.headerIcon,headerType:this.resolvedHeaderType,headerAction:this.resolvedHeaderAction,sort:this.resolvedSort}},$_CGrid_update(){this.$_CGridInstance&&this.$_CGridInstance.$_CGrid_update&&this.$_CGridInstance.$_CGrid_update()},$_CGrid_nextTickUpdate(){this.$_CGridInstance&&this.$_CGridInstance.$_CGrid_nextTickUpdate&&this.$_CGridInstance.$_CGrid_nextTickUpdate()},$_CGridColumn_captionProxy:Wt("caption"),$_CGridColumn_getTextContent(){return this.$el.textContent.trim()},$_CGridColumn_sortProxy:Wt("sort"),$_CGridColumn_headerStyleProxy:Wt("headerStyle"),$_CGridColumn_headerTypeProxy:Wt("headerType"),$_CGridColumn_headerActionProxy:Wt("headerAction")}},Ie={mixins:[Se],inject:["$_CGridInstance"],props:{colspan:{type:[Number,String],default:void 0},rowspan:{type:[Number,String],default:void 0}},watch:{colspan:Lt,rowspan:Lt},methods:{getPropsObjectInternal(){return Bt(Se.methods.getPropsObjectInternal.apply(this),{colSpan:this.colspan,rowSpan:this.rowspan})},createColumn(){return Bt(Se.methods.createColumn.apply(this),{colSpan:this.colspan,rowSpan:this.rowspan})}}},ke={props:{field:{type:[Object,String,Function],default:void 0},filter:{type:[String,Function],default:void 0},width:{type:[Number,String],default:void 0},minWidth:{type:[Number,String],default:void 0},maxWidth:{type:[Number,String],default:void 0},columnStyle:{type:[Object,String,Function],default:void 0},icon:{type:[Object,String,Function],default:void 0},message:{type:[Object,String,Function],default:void 0}},data:()=>({pluginMessageFunctions:[]}),computed:{resolvedField0(){const{field:t}=this;return"function"==typeof t?this.$_CGridColumn_fieldProxy:Ft(t)?{get:t.get&&this.$_CGridColumn_objectFieldGetProxy,set:t.set&&this.$_CGridColumn_objectFieldSetProxy}:t},resolvedField(){return this.resolvedFilter?function t(e,n,r){if(Ft(n)&&n.get&&n.set)return{get:t(e,n.get,r),set:n.set};if("function"==typeof r)return t=>Vt(Mt(t,n),r);const o=e.constructor;if(!(o&&o.filter))return t=>Vt(Mt(t,n),r);const i=(r=r.trim()).indexOf("(");if(i<0)return t=>Vt(Mt(t,n),o.filter(r));{const t=r.slice(0,i),a=r.slice(i+1,r.length-1),c=Function(`with(this){return [${a}]}`).call(e.$vnode.context);return e=>Vt(Mt(e,n),e=>o.filter(t)(e,...c))}}(this,this.resolvedField0,this.resolvedFilter):this.resolvedField0},resolvedFilter:Dt("filter"),resolvedColumnStyle:Dt("columnStyle"),resolvedIcon:Dt("icon"),resolvedMessage:Dt("message"),compositedMessages(){const{resolvedMessage:t}=this,e=this.$_CGridColumn_getPluginMessageFunctions(),n=[];return t&&n.push(t),n.push(...e),n}},watch:{resolvedField:Lt,width:Lt,minWidth:Lt,maxWidth:Lt,resolvedColumnStyle:Lt,resolvedIcon:Lt,resolvedMessage:Lt,compositedMessages:Lt},methods:{getPropsObjectInternal(){return{field:this.resolvedField0,filter:this.resolvedFilter,width:this.width,minWidth:this.minWidth,maxWidth:this.maxWidth,style:this.resolvedColumnStyle,icon:this.resolvedIcon,message:this.compositedMessages}},createColumn(){return{field:this.resolvedField,width:this.width,minWidth:this.minWidth,maxWidth:this.maxWidth,style:this.resolvedColumnStyle,icon:this.resolvedIcon,message:this.compositedMessages}},$_CGridColumn_fieldProxy:Wt("field"),$_CGridColumn_filterProxy:Wt("filter"),$_CGridColumn_columnStyleProxy:Wt("columnStyle"),$_CGridColumn_iconProxy:Wt("icon"),$_CGridColumn_messageProxy:Wt("message"),$_CGridColumn_objectFieldGetProxy(...t){return this.field.get(...t)},$_CGridColumn_objectFieldSetProxy(...t){return this.field.set(...t)},$_CGridColumn_getPluginMessageFunctions(){this.cachedPluginMessageFunctions||(this.cachedPluginMessageFunctions=[]),this.cachedPluginMessageFunctions.length=this.pluginMessageFunctions.length;for(let t=0;tthis.pluginMessageFunctions[e](...t)}return this.cachedPluginMessageFunctions}}},Ee={name:"CGridColumn",mixins:[Ie,ke],props:{columnType:{type:[Object,String,Function],default:void 0},action:{type:[Object,String,Function],default:void 0}},computed:{resolvedAction:Dt("action")},watch:{columnType:Lt,resolvedAction:Lt},methods:{getPropsObjectInternal(){return Bt(Ie.methods.getPropsObjectInternal.apply(this),ke.methods.getPropsObjectInternal.apply(this),{columnType:this.columnType,action:this.resolvedAction})},createColumn(){const t=$t(this.columnType),e=Rt(this.resolvedAction);return Bt(Ie.methods.createColumn.apply(this),ke.methods.createColumn.apply(this),{columnType:t,action:e})},$_CGridColumn_actionProxy:Wt("action")}},Ne=n(96),Pe=n.n(Ne),Ge={insert:"head",singleton:!1};O()(Pe.a,Ge),Pe.a.locals;Ee.render=_e,Ee.__scopeId="data-v-3b1ad4b6";var Ae=Ee;const Te=Object(o.withScopeId)("data-v-f93e9aa2");Object(o.pushScopeId)("data-v-f93e9aa2");const Fe={ref:"defaultSlotContainer",class:"c-grid-column-group"};Object(o.popScopeId)();const Me=Te((t,e,n,r,i,a)=>(Object(o.openBlock)(),Object(o.createBlock)("div",Fe,[Object(o.createCommentVNode)(" Use this slot to set the children columns definition "),Object(o.renderSlot)(t.$slots,"default",{},void 0,!0)],512)));var Ve={name:"CGridColumnGroup",mixins:[Se],props:{},methods:{getPropsObjectInternal(){const t=Se.methods.getPropsObjectInternal.apply(this);return t.columns=ne(this.$_CGridInstance,Ut(this)),t},createColumn(){return Bt(Se.methods.createColumn.apply(this),{columns:ee(this.$_CGridInstance,Ut(this))})}}},$e=n(97),Re=n.n($e),Le={insert:"head",singleton:!1};O()(Re.a,Le),Re.a.locals;Ve.render=Me,Ve.__scopeId="data-v-f93e9aa2";var Be=Ve;const De=Object(o.withScopeId)("data-v-1df77f7e");Object(o.pushScopeId)("data-v-1df77f7e");const We={class:"c-grid-button-column"};Object(o.popScopeId)();const Ue=De((t,e,n,r,i,a)=>(Object(o.openBlock)(),Object(o.createBlock)("div",We,[Object(o.createCommentVNode)(" Use this slot to set the header caption "),Object(o.renderSlot)(t.$slots,"default",{},void 0,!0)])));var ze={name:"CGridButtonColumn",mixins:[Ie,ke],props:{caption:{type:[String],default:""},disabled:{type:[Boolean,Function],default:!1}},emits:{click:null},watch:{disabled(t){this._action&&(this._action.disabled=t)}},methods:{getPropsObjectInternal(){return Bt(Ie.methods.getPropsObjectInternal.apply(this),ke.methods.getPropsObjectInternal.apply(this),{caption:this.caption})},createColumn(){const t=this._action=new g.columns.action.ButtonAction({action:(...t)=>{this.$emit("click",...t)},disabled:this.disabled});return Bt(Ie.methods.createColumn.apply(this),ke.methods.createColumn.apply(this),{caption:this.$_CGridColumn_getTextContent,columnType:new g.columns.type.ButtonColumn({caption:this.caption}),action:t})}}},He=n(98),Ke=n.n(He),qe={insert:"head",singleton:!1};O()(Ke.a,qe),Ke.a.locals;ze.render=Ue,ze.__scopeId="data-v-1df77f7e";var Je=ze;const Ye=Object(o.withScopeId)("data-v-654a106a");Object(o.pushScopeId)("data-v-654a106a");const Xe={class:"c-grid-check-column"};Object(o.popScopeId)();const Ze=Ye((t,e,n,r,i,a)=>(Object(o.openBlock)(),Object(o.createBlock)("div",Xe,[Object(o.createCommentVNode)(" Use this slot to set the header caption "),Object(o.renderSlot)(t.$slots,"default",{},void 0,!0)])));var Qe={name:"CGridCheckColumn",mixins:[Ie,ke],props:{disabled:{type:[Boolean,Function],default:!1},readonly:{type:[Boolean,Function],default:!1}},watch:{disabled(t){this._action&&(this._action.disabled=t)},readonly(t){this._action&&(this._action.readOnly=t)}},methods:{getPropsObjectInternal(){return Bt(Ie.methods.getPropsObjectInternal.apply(this),ke.methods.getPropsObjectInternal.apply(this))},createColumn(){const t=this._action=new g.columns.action.CheckEditor({disabled:this.disabled,readOnly:this.readonly});return Bt(Ie.methods.createColumn.apply(this),ke.methods.createColumn.apply(this),{columnType:"check",action:t})}}},tn=n(99),en=n.n(tn),nn={insert:"head",singleton:!1};O()(en.a,nn),en.a.locals;Qe.render=Ze,Qe.__scopeId="data-v-654a106a";var rn=Qe;const on=Object(o.withScopeId)("data-v-479206a0");Object(o.pushScopeId)("data-v-479206a0");const an={class:"c-grid-percent-complete-bar-column"};Object(o.popScopeId)();const cn=on((t,e,n,r,i,a)=>(Object(o.openBlock)(),Object(o.createBlock)("div",an,[Object(o.createCommentVNode)(" Use this slot to set the header caption "),Object(o.renderSlot)(t.$slots,"default",{},void 0,!0)])));var sn={name:"CGridPercentCompleteBarColumn",mixins:[Ie,ke],props:{formatter:{type:[Function],default:void 0},min:{type:[Number,String],default:void 0},max:{type:[Number,String],default:void 0},action:{type:[Object,String,Function],default:void 0}},computed:{resolvedFormatter:Dt("formatter"),resolvedAction:Dt("action")},watch:{resolvedFormatter:Lt,min:Lt,max:Lt,resolvedAction:Lt},methods:{getPropsObjectInternal(){return Bt(Ie.methods.getPropsObjectInternal.apply(this),ke.methods.getPropsObjectInternal.apply(this),{min:this.min,max:this.max,formatter:this.resolvedFormatter,action:this.resolvedAction})},createColumn(){const t=new g.columns.type.PercentCompleteBarColumn({min:this.min,max:this.max,formatter:this.resolvedFormatter}),e=Rt(this.resolvedAction);return Bt(Ie.methods.createColumn.apply(this),ke.methods.createColumn.apply(this),{columnType:t,action:e})},$_CGridColumn_formatterProxy:Wt("formatter"),$_CGridColumn_actionProxy:Wt("action")}},un=n(100),ln=n.n(un),dn={insert:"head",singleton:!1};O()(ln.a,dn),ln.a.locals;sn.render=cn,sn.__scopeId="data-v-479206a0";var fn=sn;const hn=Object(o.withScopeId)("data-v-23810e3e");Object(o.pushScopeId)("data-v-23810e3e");const pn={class:"c-grid-icon-column"};Object(o.popScopeId)();const mn=hn((t,e,n,r,i,a)=>(Object(o.openBlock)(),Object(o.createBlock)("div",pn,[Object(o.createCommentVNode)(" Use this slot to set the header caption "),Object(o.renderSlot)(t.$slots,"default",{},void 0,!0)])));var vn={name:"CGridIconColumn",mixins:[Ie,ke],props:{iconTagName:{type:[String,Function],default:void 0},iconClassName:{type:[String,Function],default:void 0},iconContent:{type:[String,Function],default:void 0},iconName:{type:[String,Function],default:void 0},iconWidth:{type:[Number,String,Function],default:void 0},action:{type:[Object,String,Function],default:void 0}},computed:{resolvedIconTagName:Dt("iconTagName"),resolvedIconClassName:Dt("iconClassName"),resolvedIconContent:Dt("iconContent"),resolvedIconName:Dt("iconName"),resolvedIconWidth:Dt("iconWidth"),resolvedAction:Dt("action")},watch:{resolvedIconTagName:Lt,resolvedIconClassName:Lt,resolvedIconContent:Lt,resolvedIconName:Lt,resolvedIconWidth:Lt,resolvedAction:Lt},methods:{getPropsObjectInternal(){return Bt(Ie.methods.getPropsObjectInternal.apply(this),ke.methods.getPropsObjectInternal.apply(this),{tagName:this.resolvedIconTagName,className:this.resolvedIconClassName,content:this.resolvedIconContent,name:this.resolvedIconName,iconWidth:this.resolvedIconWidth,action:this.resolvedAction})},createColumn(){const t=new g.columns.type.IconColumn({tagName:this.resolvedIconTagName,className:this.resolvedIconClassName,content:this.resolvedIconContent,name:this.resolvedIconName,iconWidth:this.resolvedIconWidth}),e=Rt(this.resolvedAction);return Bt(Ie.methods.createColumn.apply(this),ke.methods.createColumn.apply(this),{columnType:t,action:e})},$_CGridColumn_iconTagNameProxy:Wt("iconTagName"),$_CGridColumn_iconClassNameProxy:Wt("iconClassName"),$_CGridColumn_iconContentProxy:Wt("iconContent"),$_CGridColumn_iconNameProxy:Wt("iconName"),$_CGridColumn_iconWidthProxy:Wt("iconWidth"),$_CGridColumn_actionProxy:Wt("action")}},gn=n(101),yn=n.n(gn),bn={insert:"head",singleton:!1};O()(yn.a,bn),yn.a.locals;vn.render=mn,vn.__scopeId="data-v-23810e3e";var _n=vn;const wn=Object(o.withScopeId)("data-v-202f6002");Object(o.pushScopeId)("data-v-202f6002");const xn={class:"c-grid-input-column"};Object(o.popScopeId)();const On=wn((t,e,n,r,i,a)=>(Object(o.openBlock)(),Object(o.createBlock)("div",xn,[Object(o.createCommentVNode)(" Use this slot to set the header caption "),Object(o.renderSlot)(t.$slots,"default",{},void 0,!0)])));var Cn={name:"CGridInputColumn",mixins:[Ie,ke],props:{columnType:{type:[Object,String,Function],default:void 0},helperText:{type:[String,Function],default:void 0},inputValidator:{type:[Function],default:void 0},validator:{type:[Function],default:void 0},inputClassList:{type:[Array,String,Function],default:void 0},inputType:{type:[String,Function],default:void 0},disabled:{type:[Boolean,Function],default:!1},readonly:{type:[Boolean,Function],default:!1}},computed:{resolvedHelperText:Dt("helperText"),resolvedInputValidator:Dt("inputValidator"),resolvedValidator:Dt("validator"),resolvedInputClassList:Dt("inputClassList"),resolvedInputType:Dt("inputType")},watch:{columnType:Lt,resolvedHelperText:Lt,resolvedInputValidator:Lt,resolvedValidator:Lt,resolvedInputClassList:Lt,resolvedInputType:Lt,disabled(t){this._action&&(this._action.disabled=t)},readonly(t){this._action&&(this._action.readOnly=t)}},methods:{getPropsObjectInternal(){return Bt(Ie.methods.getPropsObjectInternal.apply(this),ke.methods.getPropsObjectInternal.apply(this),{columnType:this.columnType,helperText:this.resolvedHelperText,inputValidator:this.resolvedInputValidator,validator:this.resolvedValidator,classList:this.resolvedInputClassList,type:this.resolvedInputType})},createColumn(){const t=this._action=new g.columns.action.SmallDialogInputEditor({helperText:this.resolvedHelperText,inputValidator:this.resolvedInputValidator,validator:this.resolvedValidator,classList:this.resolvedInputClassList,type:this.resolvedInputType,disabled:this.disabled,readOnly:this.readonly}),e=$t(this.columnType);return Bt(Ie.methods.createColumn.apply(this),ke.methods.createColumn.apply(this),{columnType:e,action:t})},$_CGridColumn_helperTextProxy:Wt("helperText"),$_CGridColumn_inputValidatorProxy:Wt("inputValidator"),$_CGridColumn_validatorProxy:Wt("validator"),$_CGridColumn_inputClassListProxy:Wt("inputClassList"),$_CGridColumn_inputTypeProxy:Wt("inputType")}},jn=n(102),Sn=n.n(jn),In={insert:"head",singleton:!1};O()(Sn.a,In),Sn.a.locals;Cn.render=On,Cn.__scopeId="data-v-202f6002";var kn=Cn;const En=Object(o.withScopeId)("data-v-53497d7c");Object(o.pushScopeId)("data-v-53497d7c");const Nn={class:"c-grid-link-column"};Object(o.popScopeId)();const Pn=En((t,e,n,r,i,a)=>(Object(o.openBlock)(),Object(o.createBlock)("div",Nn,[Object(o.createCommentVNode)(" Use this slot to set the header caption "),Object(o.renderSlot)(t.$slots,"default",{},void 0,!0)])));var Gn={name:"CGridLinkColumn",mixins:[Ie,ke],props:{columnType:{type:[Object,String,Function],default:void 0},href:{type:[String,Function],default:void 0},target:{type:[String],default:void 0},disabled:{type:[Boolean,Function],default:!1}},computed:{resolvedHref:Dt("href")},watch:{columnType:Lt,resolvedHref:Lt,target:Lt,disabled(t){this._action&&(this._action.disabled=t)}},methods:{getPropsObjectInternal(){return Bt(Ie.methods.getPropsObjectInternal.apply(this),ke.methods.getPropsObjectInternal.apply(this),{columnType:this.columnType,href:this.resolvedHref,target:this.target})},createColumn(){const{resolvedHref:t,target:e="_blank"}=this,n="function"==typeof t?new g.columns.action.Action({action:t,disabled:this.disabled}):new g.columns.action.Action({action(n){window.open(n[t],e)},disabled:this.disabled}),r=$t(this.columnType);return Bt(Ie.methods.createColumn.apply(this),ke.methods.createColumn.apply(this),{columnType:r,action:n})},$_CGridColumn_hrefProxy:Wt("href")}},An=n(103),Tn=n.n(An),Fn={insert:"head",singleton:!1};O()(Tn.a,Fn),Tn.a.locals;Gn.render=Pn,Gn.__scopeId="data-v-53497d7c";var Mn=Gn;const Vn=Object(o.withScopeId)("data-v-156b7d11");Object(o.pushScopeId)("data-v-156b7d11");const $n={class:"c-grid-menu-column"};Object(o.popScopeId)();const Rn=Vn((t,e,n,r,i,a)=>(Object(o.openBlock)(),Object(o.createBlock)("div",$n,[Object(o.createCommentVNode)(" Use this slot to set the header caption "),Object(o.renderSlot)(t.$slots,"default",{},void 0,!0)])));function Ln(t,e){return"function"==typeof t?!!t(e):!!t}var Bn={name:"CGridMenuColumn",mixins:[Ie,ke],props:{options:{type:[Object,Array],default:void 0},displayOptions:{type:[Object,Array],default:void 0},editorOptions:{type:[Object,Array,Function],default:void 0},disabled:{type:[Boolean,Function],default:!1},readonly:{type:[Boolean,Function],default:!1}},computed:{resolvedEditorOptions:Dt("editorOptions")},watch:{options:Lt,displayOptions:Lt,resolvedEditorOptions:Lt,disabled(t){this._action&&(this._action.disabled=t,this.$nextTick(this.nextTickInvalidate))},readonly(t){this._action&&(this._action.readOnly=t,this.$nextTick(this.nextTickInvalidate))}},methods:{getPropsObjectInternal(){return Bt(Ie.methods.getPropsObjectInternal.apply(this),ke.methods.getPropsObjectInternal.apply(this),{options:this.options,displayOptions:this.displayOptions,editorOptions:this.resolvedEditorOptions})},createColumn(){const t=this.displayOptions||this.options,e=this.resolvedEditorOptions||this.options,n=this._action=e?new g.columns.action.InlineMenuEditor({options:e,disabled:this.disabled,readOnly:this.readonly}):void 0,r=new g.columns.type.MenuColumn({options:t});return Bt(Ie.methods.createColumn.apply(this),ke.methods.createColumn.apply(this),{columnType:r,action:n,style:(...t)=>{let e=this.columnStyle;return"function"==typeof e&&(e=e(...t)),(Ln(this.disabled,...t)||Ln(this.readonly,...t))&&(e?(e=e.clone?e.clone():Bt({},e),e.appearance="none"):e={appearance:"none"}),e}})},$_CGridColumn_editorOptionsProxy:Wt("editorOptions")}},Dn=n(104),Wn=n.n(Dn),Un={insert:"head",singleton:!1};O()(Wn.a,Un),Wn.a.locals;Bn.render=Rn,Bn.__scopeId="data-v-156b7d11";var zn=Bn;const Hn=Object(o.withScopeId)("data-v-b1bc3b30");Object(o.pushScopeId)("data-v-b1bc3b30");const Kn={class:"c-grid-radio-column"};Object(o.popScopeId)();const qn=Hn((t,e,n,r,i,a)=>(Object(o.openBlock)(),Object(o.createBlock)("div",Kn,[Object(o.createCommentVNode)(" Use this slot to set the header caption "),Object(o.renderSlot)(t.$slots,"default",{},void 0,!0)])));var Jn={name:"CGridRadioColumn",mixins:[Ie,ke],props:{disabled:{type:[Boolean,Function],default:!1},readonly:{type:[Boolean,Function],default:!1},checkAction:{type:Function,default:void 0},group:{type:Function,default:void 0}},watch:{disabled(t){this._action&&(this._action.disabled=t)},readonly(t){this._action&&(this._action.readOnly=t)},checkAction(t){this._action&&(this._action.checkAction=t)},group(t){this._action&&(this._action.group=t)}},methods:{getPropsObjectInternal(){return Bt(Ie.methods.getPropsObjectInternal.apply(this),ke.methods.getPropsObjectInternal.apply(this))},createColumn(){const t=this._action=new g.columns.action.RadioEditor({disabled:this.disabled,readOnly:this.readonly,checkAction:this.checkAction,group:this.group});return Bt(Ie.methods.createColumn.apply(this),ke.methods.createColumn.apply(this),{columnType:"radio",action:t})}}},Yn=n(105),Xn=n.n(Yn),Zn={insert:"head",singleton:!1};O()(Xn.a,Zn),Xn.a.locals;Jn.render=qn,Jn.__scopeId="data-v-b1bc3b30";var Qn=Jn;const tr=Object(o.withScopeId)("data-v-e45eef62");Object(o.pushScopeId)("data-v-e45eef62");const er={class:"c-grid-branch-graph-column"};Object(o.popScopeId)();const nr=tr((t,e,n,r,i,a)=>(Object(o.openBlock)(),Object(o.createBlock)("div",er,[Object(o.createCommentVNode)(" Use this slot to set the header caption "),Object(o.renderSlot)(t.$slots,"default",{},void 0,!0)])));var rr={name:"CGridBranchGraphColumn",mixins:[Ie,ke],props:{start:{type:String,default:void 0,validator:t=>null==t||"top"===t||"bottom"===t},cache:{type:Boolean},action:{type:[Object,String,Function],default:void 0}},computed:{resolvedAction:Dt("action")},watch:{start:Lt,cache:Lt,resolvedAction:Lt},methods:{getPropsObjectInternal(){return Bt(Ie.methods.getPropsObjectInternal.apply(this),ke.methods.getPropsObjectInternal.apply(this),{start:this.start,cache:this.cache,action:this.resolvedAction})},createColumn(){const t=new g.columns.type.BranchGraphColumn({start:this.start,cache:this.cache}),e=Rt(this.resolvedAction);return Bt(Ie.methods.createColumn.apply(this),ke.methods.createColumn.apply(this),{columnType:t,action:e})},$_CGridColumn_actionProxy:Wt("action")}},or=n(106),ir=n.n(or),ar={insert:"head",singleton:!1};O()(ir.a,ar),ir.a.locals;rr.render=nr,rr.__scopeId="data-v-e45eef62";var cr=rr;const sr=Object(o.withScopeId)("data-v-4c3e14aa");Object(o.pushScopeId)("data-v-4c3e14aa");const ur={ref:"defaultSlotContainer",class:"c-grid-layout-row"};Object(o.popScopeId)();const lr=sr((t,e,n,r,i,a)=>(Object(o.openBlock)(),Object(o.createBlock)("div",ur,[Object(o.createCommentVNode)(" Use this slot to set the row layout definition "),Object(o.renderSlot)(t.$slots,"default",{},void 0,!0)],512)));var dr={name:"CGridLayoutRow",get mixins(){Kt(this)},inject:["$_CGridInstance"],mounted(){xe(this),this.$_CGridInstance.$_CGrid_setColumnDefine(this),this.$_CGrid_nextTickUpdate()},updated(){this.$_CGrid_nextTickUpdate()},beforeUnmount(){fr(this)},beforeDestroy(){fr(this)},methods:{getPropsObjectInternal(){return ne(this.$_CGridInstance,Ut(this))},createColumn(){return ee(this.$_CGridInstance,Ut(this))},$_CGrid_nextTickUpdate(){this.$_CGridInstance&&this.$_CGridInstance.$_CGrid_nextTickUpdate&&this.$_CGridInstance.$_CGrid_nextTickUpdate()}}};function fr(t){Oe(t),t.$_CGridInstance.$_CGrid_removeColumnDefine(t)}var hr=n(107),pr=n.n(hr),mr={insert:"head",singleton:!1};O()(pr.a,mr),pr.a.locals;dr.render=lr,dr.__scopeId="data-v-4c3e14aa";var vr=dr;const gr=Object(o.withScopeId)("data-v-0cb2dc3e");Object(o.pushScopeId)("data-v-0cb2dc3e");const yr={class:"c-grid-header"};Object(o.popScopeId)();const br=gr((t,e,n,r,i,a)=>(Object(o.openBlock)(),Object(o.createBlock)("div",yr,[Object(o.createCommentVNode)(" Use this slot to set the header caption "),Object(o.renderSlot)(t.$slots,"default",{},void 0,!0)])));var _r={name:"CGridHeader",mixins:[Ie],props:{caption:{type:[String,Function],default:""},width:{type:[Number,String],default:void 0},minWidth:{type:[Number,String],default:void 0},maxWidth:{type:[Number,String],default:void 0}},watch:{width:Lt,minWidth:Lt,maxWidth:Lt},methods:{getPropsObjectInternal(){return Bt(Ie.methods.getPropsObjectInternal.apply(this),{width:this.width,minWidth:this.minWidth,maxWidth:this.maxWidth})},createColumn(){return Bt(Ie.methods.createColumn.apply(this),{width:this.width,minWidth:this.minWidth,maxWidth:this.maxWidth})}}},wr=n(108),xr=n.n(wr),Or={insert:"head",singleton:!1};O()(xr.a,Or),xr.a.locals;_r.render=br,_r.__scopeId="data-v-0cb2dc3e";var Cr=_r,jr=ge;function Sr(t){const e={CGrid:ge,CGridColumn:Ae,CGridColumnGroup:Be,CGridCheckColumn:rn,CGridButtonColumn:Je,CGridPercentCompleteBarColumn:fn,CGridIconColumn:_n,CGridInputColumn:kn,CGridLinkColumn:Mn,CGridMenuColumn:zn,CGridRadioColumn:Qn,CGridBranchGraphColumn:cr,CGridLayoutRow:vr,CGridHeader:Cr};for(const n in e)t.component(n,e[n])}function Ir(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}ge.install=Sr;var kr=[{no:1,check:"true",name:"Cheetah",icon:"./animals-icons/cheetah.png",habitat:"./animals-icons/africa.png",area:"Africa",length:150,weight:60,speed:120},{no:2,check:"false",name:"Lion",icon:"./animals-icons/lion.png",habitat:"./animals-icons/africa.png",area:"Africa",length:200,weight:200,speed:79.2},{no:3,check:"true",name:"Wolf",icon:"./animals-icons/wolf.png",habitat:"./animals-icons/world.png",area:"World",length:150,weight:40,speed:60},{no:4,check:"false",name:"Tiger",icon:"./animals-icons/tiger.png",habitat:"./animals-icons/asia.png",area:"Asia",length:280,weight:200,speed:64.8},{no:5,check:"true",name:"Cat",icon:"./animals-icons/cat.png",habitat:"./animals-icons/world.png",area:"World",length:75,weight:5,speed:30},{no:6,check:"false",name:"Dog",icon:"./animals-icons/dog.png",habitat:"./animals-icons/africa.png",area:"Africa",length:100,weight:10,speed:69.6},{no:7,check:"true",name:"Rat",icon:"./animals-icons/rat.png",habitat:"./animals-icons/asia.png",area:"Asia",length:.2,weight:.5,speed:39.6},{no:8,check:"false",name:"Elephant",icon:"./animals-icons/elephant.png",habitat:"./animals-icons/asia.png",area:"Asia",length:5500,weight:5400,speed:36},{no:9,check:"true",name:"Giraffe",icon:"./animals-icons/giraffe.png",habitat:"./animals-icons/africa.png",area:"Africa",length:5300,weight:1930,speed:54},{no:10,check:"false",name:"Turtle",icon:"./animals-icons/turtle.png",habitat:"./animals-icons/asia.png",area:"Asia",length:200,weight:900,speed:9.6},{no:11,check:"true",name:"Rabbit",icon:"./animals-icons/rabbit.png",habitat:"./animals-icons/asia.png",area:"Asia",length:76,weight:2,speed:72},{no:12,check:"true",name:"Gorilla",icon:"./animals-icons/gorilla.png",habitat:"./animals-icons/africa.png",area:"Africa",length:170,weight:160,speed:49.2},{no:13,check:"false",name:"Monkey",icon:"./animals-icons/monkey.png",habitat:"./animals-icons/asia.png",area:"Asia",length:60,weight:18,speed:57.6},{no:14,check:"true",name:"Rhinoceros",icon:"./animals-icons/rhinoceros.png",habitat:"./animals-icons/africa.png",area:"Africa",length:400,weight:2300,speed:48},{no:15,check:"false",name:"Horse",icon:"./animals-icons/horse.png",habitat:"./animals-icons/africa.png",area:"Africa",length:170,weight:800,speed:63.6},{no:16,check:"true",name:"Kangaroo",icon:"./animals-icons/kangaroo.png",habitat:"./animals-icons/africa.png",area:"Africa",length:160,weight:85,speed:60},{no:17,check:"false",name:"Penguin",icon:"./animals-icons/penguin.png",habitat:"./animals-icons/world.png",area:"World",length:100,weight:45,speed:8.4},{no:18,check:"true",name:"Crocodile",icon:"./animals-icons/crocodile.png",habitat:"./animals-icons/africa.png",area:"Africa",length:500,weight:1e3,speed:24},{no:19,check:"false",name:"Snake",icon:"./animals-icons/snake.png",habitat:"./animals-icons/africa.png",area:"Africa",length:300,weight:6,speed:9.6},{no:20,check:"true",name:"Squirrel",icon:"./animals-icons/squirrel.png",habitat:"./animals-icons/world.png",area:"World",length:10,weight:.1,speed:14.4},{no:21,check:"false",name:"Reindeer",icon:"./animals-icons/reindeer.png",habitat:"./animals-icons/world.png",area:"World",length:220,weight:300,speed:69.6}],Er={name:"Animals",components:function(t){for(var e=1;e Star
npm',1),Lr=Object(o.createVNode)("label",{class:"menu-title"},"DEMOS:",-1),Br={class:"link"},Dr=Object(o.createVNode)("label",{class:"menu-title"},"LINKS:",-1),Wr=Object(o.createVNode)("div",{class:"menu-item"},[Object(o.createVNode)("a",{href:"https://future-architect.github.io/cheetah-grid/documents/index.html"},[Object(o.createVNode)("span",{class:"link"},"Documents")])],-1),Ur=Object(o.createVNode)("div",{class:"menu-item"},[Object(o.createVNode)("a",{class:"link",href:"https://github.com/future-architect/cheetah-grid"},[Object(o.createVNode)("span",null," View on GitHub "),Object(o.createVNode)("svg",{version:"1.1",width:"16",height:"16",viewBox:"0 0 16 16",class:"octicon octicon-mark-github","aria-hidden":"true"},[Object(o.createVNode)("path",{"fill-rule":"evenodd",d:"M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8z"})])])],-1),zr={class:"main"},Hr=Object(o.createVNode)("footer",{class:"footer"}," © 2017 - 2018 Future Corporation. Author Yosuke Ota. Code licensed under the MIT License. ",-1);var Kr=n(64),qr=n.n(Kr),Jr=Pr.options.routes,Yr={name:"App",components:{},data:function(){return{routes:Jr}},computed:{},mounted:function(){!function(t,e,n){var r=t.getElementsByTagName(e),o=qr()(r,1)[0];if(!t.getElementById(n)){var i=t.createElement(e);i.id=n,i.src="https://buttons.github.io/buttons.js",o.parentNode.insertBefore(i,o)}}(document,"script","gh-buttons"),function(t,e,n){var r=t.getElementsByTagName(e),o=qr()(r,1)[0];if(!t.getElementById(n)){var i=t.createElement(e);i.id=n,i.src="https://connect.facebook.net/ja_JP/sdk.js#xfbml=1&version=v2.10",o.parentNode.insertBefore(i,o)}}(document,"script","facebook-jssdk"),function(t,e,n){var r=t.getElementsByTagName(e),o=qr()(r,1)[0],i=/^http:/.test(t.location)?"http":"https";if(!t.getElementById(n)){var a=t.createElement(e);a.id=n,a.src="".concat(i,"://platform.twitter.com/widgets.js"),o.parentNode.insertBefore(a,o)}}(document,"script","twitter-wjs")},methods:{}},Xr=n(110),Zr=n.n(Xr),Qr={insert:"head",singleton:!1};O()(Zr.a,Qr),Zr.a.locals;Yr.render=function(t,e,n,r,i,a){const c=Object(o.resolveComponent)("router-link"),s=Object(o.resolveComponent)("router-view");return Object(o.openBlock)(),Object(o.createBlock)("div",Tr,[Object(o.createVNode)("header",Fr,[Object(o.createVNode)("div",null,[Object(o.createVNode)("section",Mr,[Object(o.createVNode)(c,{to:{name:"welcome"},class:"logo"},{default:Object(o.withCtx)(()=>[Vr,$r]),_:1}),Rr]),Object(o.createVNode)("section",null,[Lr,(Object(o.openBlock)(!0),Object(o.createBlock)(o.Fragment,null,Object(o.renderList)(i.routes,t=>(Object(o.openBlock)(),Object(o.createBlock)("div",{key:t.path,class:"menu-item"},[Object(o.createVNode)(c,{to:{name:t.name}},{default:Object(o.withCtx)(()=>[Object(o.createVNode)("span",Br,Object(o.toDisplayString)(t.meta.title),1)]),_:2},1032,["to"])]))),128)),Dr,Wr,Ur])])]),Object(o.createVNode)("main",zr,[Object(o.createVNode)(s)]),Hr])};var to=Yr,eo=Object(o.createApp)(to);eo.use(Pr),eo.use(jr),y.a.themes.default=y.a.themes.default.extends({}),Pr.beforeEach((function(t,e,n){document.title="".concat(t.meta.title," | Cheetah Grid Demo"),n()})),eo.mixin({methods:{numberDelimiter:function(t){return t.toLocaleString()},dateFormat:function(t,e){return t?isNaN(new Date(t))?t:"".concat(t.getFullYear(),"/").concat(t.getMonth()+1,"/").concat(t.getDate()):""}}}),eo.mount("#app-root")}]); \ No newline at end of file diff --git a/assets/images/logo.svg b/assets/images/logo.svg new file mode 100644 index 000000000..41d99e881 --- /dev/null +++ b/assets/images/logo.svg @@ -0,0 +1,4576 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/documents/404.html b/documents/404.html new file mode 100644 index 000000000..6ea03d31d --- /dev/null +++ b/documents/404.html @@ -0,0 +1,26 @@ + + + + + + Cheetah Grid + + + + + + + + + + + + + + +

404

There's nothing here.
+ Take me home. +
+ + + diff --git a/documents/api/index.html b/documents/api/index.html new file mode 100644 index 000000000..fc37ae4a8 --- /dev/null +++ b/documents/api/index.html @@ -0,0 +1,52 @@ + + + + + + API | Cheetah Grid + + + + + + + + + + + + + + + + + + diff --git a/documents/api/js/advanced_header/column_sort.html b/documents/api/js/advanced_header/column_sort.html new file mode 100644 index 000000000..ff138ddd6 --- /dev/null +++ b/documents/api/js/advanced_header/column_sort.html @@ -0,0 +1,233 @@ + + + + + + Sort by Column | Cheetah Grid + + + + + + + + + + + + + + +
Cheetah Grid

# Sort by Column

Define sort settings of each column by using sort property.
+When you set true value, the records are sorted by builtin logic in Cheetah Grid.
+When you set string value, the records are sorted by builtin logic in Cheetah Grid, using the specified field.
+Please define function if you want to sort by your own logic.

<div class="sample1 demo-grid middle"></div>
+
1
const records = [
+  {
+    no: 1,
+    name: "Asiatic",
+  },
+  {
+    no: 2,
+    name: "South African",
+  },
+  {
+    no: 3,
+    name: "Tanzanian",
+  },
+  {
+    no: 4,
+    name: "Sudan",
+  },
+  {
+    no: 5,
+    name: "King",
+  },
+];
+const grid = new cheetahGrid.ListGrid({
+  parentElement: document.querySelector(".sample1"),
+  header: [
+    {
+      field: "no",
+      caption: "no",
+      width: 50,
+      // define custom sort logic
+      sort(order, col, grid) {
+        const compare =
+          order === "desc"
+            ? (v1, v2) => (v1 === v2 ? 0 : v1 > v2 ? 1 : -1)
+            : (v1, v2) => (v1 === v2 ? 0 : v1 < v2 ? 1 : -1);
+        records.sort((r1, r2) => compare(r1.no, r2.no));
+        console.log("sorted:", records);
+        grid.records = records;
+      },
+    },
+    {
+      field: "name",
+      caption: "name",
+      width: 200,
+      // use default sort logic
+      sort: true,
+    },
+  ],
+});
+grid.records = records;
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50

# Style Properties

Property Description Default
sortArrowColor Defines the color of the sort icon. --
multiline If true, accept multiline text caption. false
lineHeight Define the amount of space used for lines. --
autoWrapText Define whether to wrap automatically. --
lineClamp Define truncates text at a specific number of lines. --

In addition to this, the Standard styles is available.

# Color of sort arrow

In order to change the color of the sort arrow you implement as follows.

<div class="sample2 demo-grid middle"></div>
+
1
const records = [
+  {
+    no: 1,
+    name: "Asiatic",
+  },
+  {
+    no: 2,
+    name: "South African",
+  },
+  {
+    no: 3,
+    name: "Tanzanian",
+  },
+  {
+    no: 4,
+    name: "Sudan",
+  },
+  {
+    no: 5,
+    name: "King",
+  },
+];
+const grid = new cheetahGrid.ListGrid({
+  parentElement: document.querySelector(".sample2"),
+  header: [
+    {
+      field: "no",
+      caption: "no",
+      width: 50,
+      sort(order, col, grid) {
+        const compare =
+          order === "desc"
+            ? (v1, v2) => (v1 === v2 ? 0 : v1 > v2 ? 1 : -1)
+            : (v1, v2) => (v1 === v2 ? 0 : v1 < v2 ? 1 : -1);
+        records.sort((r1, r2) => compare(r1.no, r2.no));
+        grid.records = records;
+      },
+      // define color of sort arrow
+      headerStyle: { sortArrowColor: "red" },
+    },
+    {
+      field: "name",
+      caption: "name",
+      width: 200,
+      sort: true,
+      // define color of sort arrow
+      headerStyle() {
+        return { sortArrowColor: "blue" };
+      },
+    },
+  ],
+});
+grid.records = records;
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53

# Reset

If you set sortState property to null, the sort state is initialized.
+(only the arrow icon of the header is initialized.)

<div class="sample3 demo-grid middle"></div>
+<button class="sample3-reset">Reset</button>
+
1
2
const records = [
+  {
+    no: 1,
+    name: "Asiatic",
+  },
+  {
+    no: 2,
+    name: "South African",
+  },
+  {
+    no: 3,
+    name: "Tanzanian",
+  },
+  {
+    no: 4,
+    name: "Sudan",
+  },
+  {
+    no: 5,
+    name: "King",
+  },
+];
+const grid = new cheetahGrid.ListGrid({
+  parentElement: document.querySelector(".sample3"),
+  header: [
+    {
+      field: "no",
+      caption: "no",
+      width: 50,
+      sort(order, col, grid) {
+        const compare =
+          order === "desc"
+            ? (v1, v2) => (v1 === v2 ? 0 : v1 > v2 ? 1 : -1)
+            : (v1, v2) => (v1 === v2 ? 0 : v1 < v2 ? 1 : -1);
+        records.sort((r1, r2) => compare(r1.no, r2.no));
+        grid.records = records;
+      },
+    },
+    {
+      field: "name",
+      caption: "name",
+      width: 200,
+      sort: true,
+    },
+  ],
+});
+grid.records = records;
+
+const button = document.querySelector(".sample3-reset");
+button.onclick = () => {
+  grid.sortState = null;
+  // does not redraw automatically, please call `invalidate`.
+  grid.invalidate();
+};
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54

+ ← + + Define Multiline Text Header + + → +

+ + + diff --git a/documents/api/js/advanced_header/header_actions.html b/documents/api/js/advanced_header/header_actions.html new file mode 100644 index 000000000..a438f0e4a --- /dev/null +++ b/documents/api/js/advanced_header/header_actions.html @@ -0,0 +1,174 @@ + + + + + + Define Header Actions | Cheetah Grid + + + + + + + + + + + + + + +
Cheetah Grid

# Define Header Actions

# Advanced Header Action

Define header action by using headerAction property.
+Please select suitable Action class for headerType of same header.

headerType Specified headerAction by string Description
check 'check' Define the behavior when checkbox is clicked.
sort 'sort' Define the behavior on clicked. the default behavior is to sort the data.
<div class="sample1 demo-grid small"></div>
+
1
const grid = new cheetahGrid.ListGrid({
+  parentElement: document.querySelector(".sample1"),
+  header: [
+    { field: "no", caption: "no", width: 50 },
+    {
+      field: "check",
+      width: 100,
+      columnType: "check",
+      action: "check",
+      headerType: "check",
+      headerAction: "check",
+    },
+    {
+      field: "text",
+      caption: "sort",
+      width: 120,
+      action: "input",
+      headerType: "sort",
+      headerAction: "sort",
+    },
+  ],
+});
+grid.records = [
+  { no: 1, check: true, text: "abc" },
+  { no: 2, check: false, text: "def" },
+  { no: 3, check: true, text: "ghi" },
+];
+
+const { CHANGED_HEADER_VALUE, CHANGED_VALUE } = cheetahGrid.ListGrid.EVENT_TYPE;
+grid.listen(CHANGED_HEADER_VALUE, ({ value, field }) => {
+  if (field !== "check") {
+    return;
+  }
+  // header check value on change
+
+  for (const rec of grid.records) {
+    rec[field] = value;
+  }
+  grid.invalidate();
+});
+grid.listen(CHANGED_VALUE, ({ value, field }) => {
+  if (field !== "check") {
+    return;
+  }
+  // check value on change
+
+  grid.headerValues.set(field, false);
+
+  grid.invalidate();
+});
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50

# Using Vue.js

In vue-cheetah-grid, define the header-action, header-type property.

<div class="demo-grid small">
+  <c-grid
+    ref="grid"
+    :data="records">
+    <c-grid-column
+      field="no"
+      width= "50"
+    >
+      no
+    </c-grid-column>
+    <c-grid-check-column
+      field="check"
+      width="100"
+      header-type="check"
+      header-action="check"
+      @changed-header-value="onChangeHeaderValue"
+      @changed-value="onChangeValue" />
+    <c-grid-column
+      field="text"
+      width= "120"
+      header-type="sort"
+      header-action="sort" 
+    >
+      sort
+    </c-grid-column>
+  </c-grid>
+</div>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
export default {
+  data() {
+    return {
+      records: [
+        { no: 1, check: true, text: "abc" },
+        { no: 2, check: false, text: "def" },
+        { no: 3, check: true, text: "ghi" },
+      ],
+    };
+  },
+  methods: {
+    onChangeHeaderValue({ value }) {
+      // header check value on change
+      const { grid } = this.$refs;
+
+      for (const rec of this.records) {
+        rec.check = value;
+      }
+      grid.invalidate();
+    },
+    onChangeValue() {
+      // check value on change
+      const { grid } = this.$refs;
+
+      grid.headerValues.set("check", false);
+
+      grid.invalidate();
+    },
+  },
+};
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

# Using Header Action Class

By setting the property headerAction as an Action instance, +You can change the properties of the action (disable, etc.) in the when you want.

+ ← + + Advanced Layout + + → +

+ + + diff --git a/documents/api/js/advanced_header/header_styles.html b/documents/api/js/advanced_header/header_styles.html new file mode 100644 index 000000000..796aa44f5 --- /dev/null +++ b/documents/api/js/advanced_header/header_styles.html @@ -0,0 +1,56 @@ + + + + + + Define Header Styles | Cheetah Grid + + + + + + + + + + + + + + +
Cheetah Grid

# Define Header Styles

# Standard Header Style

Define header style by using headerStyle property.

Properties below are prepared in standard.

Property Description
color Define the color of header cell.
textAlign Define the horizontal position of text in header cell.
textBaseline Define the vertical position of text in header cell.
bgColor Define the background color of header cell.
font Define the font of header cell.
padding Define the padding of header cell. If you set 4 values separately, please set the Array.
textOverflow Define how to display when text overflows the area of a header cell. clip or ellipsis is available.

# Style Properties Per Header Type

# Simple Text Header

Additional properties are available for simple text headers:

Property Description
multiline If true, accept multiline text caption.
lineHeight Define the amount of space used for lines.
autoWrapText Define whether to wrap automatically.
lineClamp Define truncates text at a specific number of lines.

# Checkbox Header

Additional properties are available for checkbox headers:

Property Description
checkBgColor Define background color of checkbox, when it is checked.
uncheckBgColor Define background color of checkbox, when it is unchecked.
borderColor Define border color of checkbox.

# Multiline Text Header

Check out Define Multiline Text Header.

# Sort Header

Check out Sort by Column.

+ ← + + Define Header Actions + + → +

+ + + diff --git a/documents/api/js/advanced_header/index.html b/documents/api/js/advanced_header/index.html new file mode 100644 index 000000000..b689df96e --- /dev/null +++ b/documents/api/js/advanced_header/index.html @@ -0,0 +1,56 @@ + + + + + + Advanced Header | Cheetah Grid + + + + + + + + + + + + + + + + + + diff --git a/documents/api/js/advanced_header/multiline_text_header.html b/documents/api/js/advanced_header/multiline_text_header.html new file mode 100644 index 000000000..e513422ec --- /dev/null +++ b/documents/api/js/advanced_header/multiline_text_header.html @@ -0,0 +1,83 @@ + + + + + + Define Multiline Text Header | Cheetah Grid + + + + + + + + + + + + + + +
Cheetah Grid

# Define Multiline Text Header

You can display multiline text in the header by setting the headerType property to 'multilinetext'.

<div class="sample1 demo-grid small"></div>
+
1
const grid = new cheetahGrid.ListGrid({
+  parentElement: document.querySelector(".sample1"),
+  header: [
+    {
+      field: "item",
+      caption: "Item\nName",
+      width: 100,
+      headerType: "multilinetext",
+    },
+    {
+      field: "amount",
+      caption: "Regular\nPrice",
+      width: 120,
+      headerType: "multilinetext",
+    },
+  ],
+});
+grid.records = [
+  { item: "abc", amount: 123 },
+  { item: "def", amount: 456 },
+  { item: "ghi", amount: 789 },
+];
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

Note that simple text headers and headers with sort can also display multiline text using the style property multiline: true.

# Style Properties

Property Description Default
lineHeight Define the amount of space used for lines --
autoWrapText Define whether to wrap automatically. --
lineClamp Define truncates text at a specific number of lines. --

In addition to this, the Standard styles is available.

+ ← + + Define Header Styles + + → +

+ + + diff --git a/documents/api/js/advanced_layout/index.html b/documents/api/js/advanced_layout/index.html new file mode 100644 index 000000000..8ac3ae05d --- /dev/null +++ b/documents/api/js/advanced_layout/index.html @@ -0,0 +1,101 @@ + + + + + + Advanced Layout | Cheetah Grid + + + + + + + + + + + + + + +
Cheetah Grid

# Advanced Layout

You can use the layout property to define advanced header and record layouts.
+(In this case, the header property cannot be used.)

The layout property is defined by an object with the header and the body. +Define an array of rows in each section, and define each element in a row.

When using the layout property, you can set colSpan and rowSpan for each definition element.

For example:

<div class="sample-layout demo-grid middle"></div>
+
1
const grid = new cheetahGrid.ListGrid({
+  parentElement: document.querySelector(".sample-layout"),
+  layout: {
+    header: [
+      // header line1
+      [
+        { caption: "ID", width: 100, rowSpan: 2 },
+        { caption: "First Name", width: 200 },
+        { caption: "Email", width: 250, rowSpan: 2 },
+        { caption: "Birthday", width: 200, rowSpan: 2 },
+      ],
+      // header line2
+      [{ caption: "Last Name" }],
+    ],
+    body: [
+      // line1
+      [
+        { field: "personid", rowSpan: 2 },
+        { field: "fname" },
+        { field: "email", rowSpan: 2 },
+        { field: getBirthday, rowSpan: 2 },
+      ],
+      // line2
+      [{ field: "lname" }],
+    ],
+  },
+  frozenColCount: 1,
+});
+grid.records = records;
+
+function getBirthday(rec) {
+  const dateTimeFormat = new Intl.DateTimeFormat("en-US", {
+    year: "numeric",
+    month: "numeric",
+    day: "numeric",
+  });
+  return dateTimeFormat.format(rec.birthday);
+}
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38

+ ← + + Options and Properties + + → +

+ + + diff --git a/documents/api/js/cell_message.html b/documents/api/js/cell_message.html new file mode 100644 index 000000000..19758a5eb --- /dev/null +++ b/documents/api/js/cell_message.html @@ -0,0 +1,285 @@ + + + + + + Define Cell Messages | Cheetah Grid + + + + + + + + + + + + + + +
Cheetah Grid

# Define Cell Messages

Define the message to display in each cell of the column by using message property.

<div class="sample1 demo-grid small"></div>
+
1
const menuOptions = [
+  { value: "", label: "Empty" },
+  { value: "1", label: "Option 1" },
+  { value: "2", label: "Option 2" },
+  { value: "3", label: "Option 3" },
+  { value: "4", label: "Option 4" },
+  { value: "5", label: "Option 5" },
+  { value: "6", label: "Option 6" },
+  { value: "7", label: "Option 7" },
+];
+const displayOptions = [
+  { value: "", label: "Choose your option" },
+  { value: "1", label: "Option 1" },
+  { value: "2", label: "Option 2" },
+  { value: "3", label: "Option 3" },
+  { value: "4", label: "Option 4" },
+  { value: "5", label: "Option 5" },
+  { value: "6", label: "Option 6" },
+  { value: "7", label: "Option 7" },
+];
+
+const grid = new cheetahGrid.ListGrid({
+  parentElement: document.querySelector(".sample1"),
+  header: [
+    {
+      field: "text1",
+      caption: "message field",
+      width: 150,
+      //message field
+      message: "msg",
+    },
+    {
+      field: "text2",
+      caption: "input",
+      width: 150,
+      //message function
+      message(rec) {
+        return rec.text2.match(/^[a-zA-Z]*$/) ? null : "Please only alphabet.";
+      },
+      action: "input",
+    },
+    {
+      field: "text3",
+      caption: "inline input",
+      width: 150,
+      message(rec) {
+        return rec.text3.match(/^[a-zA-Z]*$/) ? null : "Please only alphabet.";
+      },
+      action: new cheetahGrid.columns.action.InlineInputEditor(),
+    },
+    {
+      field: "val4",
+      caption: "menu",
+      width: 200,
+      message(rec) {
+        return rec.val4 ? null : "Please select.";
+      },
+      columnType: new cheetahGrid.columns.type.MenuColumn({
+        options: displayOptions,
+      }),
+      action: new cheetahGrid.columns.action.InlineMenuEditor({
+        options: menuOptions,
+      }),
+    },
+    {
+      field: "check5",
+      caption: "check",
+      width: 100,
+      message(rec) {
+        return rec.check5 ? null : "Please check.";
+      },
+      columnType: "check",
+      action: "check",
+    },
+    {
+      field: "text1",
+      caption: "info",
+      width: 150,
+      message(rec) {
+        return {
+          //info message
+          type: "info",
+          message: "Info Message.",
+        };
+      },
+    },
+    {
+      field: "text1",
+      caption: "warning",
+      width: 150,
+      message(rec) {
+        return {
+          //warning message
+          type: "warning",
+          message: "Warning Message.",
+        };
+      },
+    },
+  ],
+});
+grid.records = [
+  {
+    text1: "text",
+    text2: "123",
+    text3: "123",
+    val4: "",
+    check5: false,
+    msg: "message.",
+  },
+  {
+    text1: "text",
+    text2: "123",
+    text3: "123",
+    val4: "",
+    check5: false,
+    msg: "message.",
+  },
+  {
+    text1: "text",
+    text2: "123",
+    text3: "123",
+    val4: "",
+    check5: false,
+    msg: "message.",
+  },
+  {
+    text1: "text",
+    text2: "123",
+    text3: "123",
+    val4: "",
+    check5: false,
+    msg: "message.",
+  },
+  {
+    text1: "text",
+    text2: "123",
+    text3: "123",
+    val4: "",
+    check5: false,
+    msg: "message.",
+  },
+
+  {
+    text1: "text",
+    text2: "123",
+    text3: "123",
+    val4: "",
+    check5: false,
+    msg: "message.",
+  },
+  {
+    text1: "text",
+    text2: "123",
+    text3: "123",
+    val4: "",
+    check5: false,
+    msg: "message.",
+  },
+  {
+    text1: "text",
+    text2: "123",
+    text3: "123",
+    val4: "",
+    check5: false,
+    msg: "message.",
+  },
+  {
+    text1: "text",
+    text2: "123",
+    text3: "123",
+    val4: "",
+    check5: false,
+    msg: "message.",
+  },
+  {
+    text1: "text",
+    text2: "123",
+    text3: "123",
+    val4: "",
+    check5: false,
+    msg: "message.",
+  },
+
+  {
+    text1: "text",
+    text2: "123",
+    text3: "123",
+    val4: "",
+    check5: false,
+    msg: "message.",
+  },
+  {
+    text1: "text",
+    text2: "123",
+    text3: "123",
+    val4: "",
+    check5: false,
+    msg: "message.",
+  },
+  {
+    text1: "text",
+    text2: "123",
+    text3: "123",
+    val4: "",
+    check5: false,
+    msg: "message.",
+  },
+  {
+    text1: "text",
+    text2: "123",
+    text3: "123",
+    val4: "",
+    check5: false,
+    msg: "message.",
+  },
+  {
+    text1: "text",
+    text2: "123",
+    text3: "123",
+    val4: "",
+    check5: false,
+    msg: "message.",
+  },
+];
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224

+ ← + + Advanced Header + + → +

+ + + diff --git a/documents/api/js/column_actions/ButtonAction.html b/documents/api/js/column_actions/ButtonAction.html new file mode 100644 index 000000000..705319b98 --- /dev/null +++ b/documents/api/js/column_actions/ButtonAction.html @@ -0,0 +1,124 @@ + + + + + + ButtonAction | Cheetah Grid + + + + + + + + + + + + + + +
Cheetah Grid

# ButtonAction

Define the behavior when the button is clicked.

The specified method is executed after select the cell by clicking it and then push Enter.

You can control the property of disabled and action by manipulating the instance of ButtonAction class.
+You can also disable each record by specifying a function for the disabled property.

<div class="sample1 demo-grid small"></div>
+
+<label>change disabled properties : </label>
+<select class="sample1disabled">
+  <option value="" selected="true">default</option>
+  <option value="disabled">disabled = true</option>
+</select>
+<span class="sample1disabledmemo"></span><br />
+<label>change action properties : </label>
+<select class="sample1action">
+  <option value="" selected="true">Show record</option>
+  <option value="hello">Message 'Hello!'</option>
+</select>
+<span>Once you have changed, please try to click</span>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
const buttonAction = new cheetahGrid.columns.action.ButtonAction({
+  action(rec) {
+    alert(JSON.stringify(rec, null, "  "));
+  },
+});
+
+const grid = new cheetahGrid.ListGrid({
+  parentElement: document.querySelector(".sample1"),
+  header: [
+    {
+      caption: "button",
+      width: 180,
+      columnType: new cheetahGrid.columns.type.ButtonColumn({
+        caption: "BUTTON",
+      }),
+      action: buttonAction,
+    },
+  ],
+});
+grid.records = [
+  { no: 1 /* ・・・ */ },
+  { no: 2 /* ・・・ */ },
+  { no: 3 /* ・・・ */ },
+];
+
+document.querySelector(".sample1disabled").onchange = function () {
+  //change disabled properties
+  if (this.value === "disabled") {
+    buttonAction.disabled = true;
+    document.querySelector(".sample1disabledmemo").textContent =
+      "It will not toggle and does not respond when hovering the mouse";
+  } else {
+    buttonAction.disabled = false;
+    document.querySelector(".sample1disabledmemo").textContent = "default";
+  }
+};
+
+document.querySelector(".sample1action").onchange = function () {
+  //change action properties
+  if (this.value === "hello") {
+    buttonAction.action = () => {
+      alert("Hello!");
+    };
+  } else {
+    buttonAction.action = (rec) => {
+      alert(JSON.stringify(rec, null, "  "));
+    };
+  }
+};
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49

+ ← + + CheckEditor + + → +

+ + + diff --git a/documents/api/js/column_actions/CheckEditor.html b/documents/api/js/column_actions/CheckEditor.html new file mode 100644 index 000000000..be1f7d157 --- /dev/null +++ b/documents/api/js/column_actions/CheckEditor.html @@ -0,0 +1,256 @@ + + + + + + CheckEditor | Cheetah Grid + + + + + + + + + + + + + + +
Cheetah Grid

# CheckEditor

Define the behavior and data editing when checkbox is clicked.

The record is edited after select the cell by clicking it and then push Enter or Space.

You can control the property of readOnly and disabled by setting the instance of CheckEditor class to action of the column.
+But if you define 'check', as string, to action of the column, you can't control these properties.
+You can also disable or read-only each record by specifying a function for the disabled and readOnly properties.

<div class="sample1 demo-grid small"></div>
+
+<label>change action properties : </label>
+<select class="sample1mode">
+  <option value="" selected="true">both false</option>
+  <option value="readOnly">readOnly = true</option>
+  <option value="disabled">disabled = true</option>
+</select>
+<span class="sample1modememo"></span>
+
1
2
3
4
5
6
7
8
9
const checkEditorAction = new cheetahGrid.columns.action.CheckEditor();
+const grid = new cheetahGrid.ListGrid({
+  parentElement: document.querySelector(".sample1"),
+  header: [
+    {
+      field: "check1",
+      caption: "defined by string",
+      width: 220,
+      columnType: "check",
+      action: "check",
+    },
+
+    //
+    {
+      field: "check2",
+      caption: "defined by class instance",
+      width: 220,
+      columnType: "check",
+      action: checkEditorAction,
+    },
+
+    {
+      caption: "show",
+      width: 100,
+      columnType: new cheetahGrid.columns.type.ButtonColumn({
+        caption: "SHOW",
+      }),
+      action: new cheetahGrid.columns.action.ButtonAction({
+        action(rec) {
+          alert(JSON.stringify(rec, null, "  "));
+        },
+      }),
+    },
+  ],
+});
+grid.records = [
+  { check1: true, check2: false },
+  { check1: false, check2: true },
+  { check1: true, check2: false },
+];
+
+document.querySelector(".sample1mode").onchange = function () {
+  //change action properties
+  if (this.value === "readOnly") {
+    checkEditorAction.readOnly = true;
+    checkEditorAction.disabled = false;
+    document.querySelector(".sample1modememo").textContent =
+      "It will not toggle";
+  } else if (this.value === "disabled") {
+    checkEditorAction.readOnly = false;
+    checkEditorAction.disabled = true;
+    document.querySelector(".sample1modememo").textContent =
+      "It will not toggle and does not respond when hovering the mouse";
+  } else {
+    checkEditorAction.readOnly = false;
+    checkEditorAction.disabled = false;
+    document.querySelector(".sample1modememo").textContent = "both false";
+  }
+};
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59

# Data editing

Basic behavior is switching true and false.

Switchings shown below can be done as the special behavior.

Type Truthy Value Falsy Value
number 1 0
string 'true' 'false'
string 'on' 'off'
string '1' '0'
string '01' '00'
string '00001' '00000'

The value regarded as truthy value in JavaScript is switched to false.
+The value regarded as falsy value is switched to true.

All numbers except 0 are switched to 0.
+In this case, the original number will not be restored when switching again.

<div class="sample2 demo-grid small"></div>
+
1
const grid = new cheetahGrid.ListGrid({
+  parentElement: document.querySelector(".sample2"),
+  header: [
+    {
+      field: "boolean",
+      caption: "true/false",
+      width: 100,
+      columnType: "check",
+      action: "check",
+    },
+    {
+      field: "num",
+      caption: "1/0",
+      width: 100,
+      columnType: "check",
+      action: "check",
+    },
+    {
+      field: "truefalse",
+      caption: "'true'/'false'",
+      width: 100,
+      columnType: "check",
+      action: "check",
+    },
+    {
+      field: "onoff",
+      caption: "on/off",
+      width: 100,
+      columnType: "check",
+      action: "check",
+    },
+    {
+      field: "onezero",
+      caption: "'1'/'0'",
+      width: 100,
+      columnType: "check",
+      action: "check",
+    },
+    {
+      field: "numstring",
+      caption: "num string",
+      width: 100,
+      columnType: "check",
+      action: "check",
+    },
+    {
+      caption: "show",
+      width: 100,
+      columnType: new cheetahGrid.columns.type.ButtonColumn({
+        caption: "SHOW",
+      }),
+      action: new cheetahGrid.columns.action.ButtonAction({
+        action(rec) {
+          alert(JSON.stringify(rec, null, "  "));
+        },
+      }),
+    },
+  ],
+});
+grid.records = [
+  {
+    boolean: true,
+    num: 0,
+    truefalse: "true",
+    onoff: "off",
+    onezero: "1",
+    numstring: "00",
+  },
+  {
+    boolean: false,
+    num: 1,
+    truefalse: "false",
+    onoff: "on",
+    onezero: "0",
+    numstring: "0001",
+  },
+  {
+    boolean: true,
+    num: 0,
+    truefalse: "true",
+    onoff: "off",
+    onezero: "1",
+    numstring: "00000000000",
+  },
+];
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85

# disabled

You can control disabled depending on the state of the record by giving disabled a function.

<div class="sample3 demo-grid small"></div>
+
1
const checkEditorAction = new cheetahGrid.columns.action.CheckEditor();
+checkEditorAction.disabled = (record) => record.disabled;
+
+const grid = new cheetahGrid.ListGrid({
+  parentElement: document.querySelector(".sample3"),
+  header: [
+    {
+      field: "test",
+      caption: "disabled?",
+      width: 220,
+      columnType: "check",
+      action: checkEditorAction,
+    },
+
+    //
+    {
+      field: "disabled",
+      caption: "control",
+      width: 220,
+      columnType: "check",
+      action: "check",
+    },
+  ],
+});
+grid.records = [
+  { disabled: true, test: false },
+  { disabled: false, test: true },
+  { disabled: true, test: false },
+];
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

+ ← + + SmallDialogInputEditor + + → +

+ + + diff --git a/documents/api/js/column_actions/Classes.html b/documents/api/js/column_actions/Classes.html new file mode 100644 index 000000000..d1384efa1 --- /dev/null +++ b/documents/api/js/column_actions/Classes.html @@ -0,0 +1,56 @@ + + + + + + Column Action Classes | Cheetah Grid + + + + + + + + + + + + + + +
Cheetah Grid

# Column Action Classes

# Namespace cheetahGrid.columns.action

Class Name Function Others
CheckEditor The behavior when clicking the checkbox same as action: 'check'
ButtonAction The behavior when clicking the button ---
SmallDialogInputEditor The behavior when input the cell (Material Design Small edit dialog) same as action: 'input'
InlineInputEditor The behavior when input the cell InlineInputEditor is an experiment stage
InlineMenuEditor The behavior when select menu the cell ---
RadioEditor The behavior when clicking the radio button same as action: 'radio'

# Standard Properties

+ ← + + ButtonAction + + → +

+ + + diff --git a/documents/api/js/column_actions/InlineInputEditor.html b/documents/api/js/column_actions/InlineInputEditor.html new file mode 100644 index 000000000..97d7b6836 --- /dev/null +++ b/documents/api/js/column_actions/InlineInputEditor.html @@ -0,0 +1,161 @@ + + + + + + InlineInputEditor | Cheetah Grid + + + + + + + + + + + + + + +
Cheetah Grid

# InlineInputEditor

Enables data editing by input.

<div class="sample1 demo-grid small"></div>
+
+<label>change action properties : </label>
+<select class="sample1mode">
+  <option value="" selected="true">both false</option>
+  <option value="readOnly">readOnly = true</option>
+  <option value="disabled">disabled = true</option>
+</select>
+<span class="sample1modememo"></span>
+
1
2
3
4
5
6
7
8
9
const inputEditor = new cheetahGrid.columns.action.InlineInputEditor();
+const grid = new cheetahGrid.ListGrid({
+  parentElement: document.querySelector(".sample1"),
+  header: [
+    {
+      field: "text",
+      caption: "defined by InlineInputEditor",
+      width: 260,
+      action: inputEditor,
+    },
+
+    {
+      caption: "show",
+      width: 100,
+      columnType: new cheetahGrid.columns.type.ButtonColumn({
+        caption: "SHOW",
+      }),
+      action: new cheetahGrid.columns.action.ButtonAction({
+        action(rec) {
+          alert(JSON.stringify(rec, null, "  "));
+        },
+      }),
+    },
+  ],
+});
+grid.records = [
+  { text: "text" },
+  { text: "text" },
+  { text: "text" },
+  { text: "text" },
+  { text: "text" },
+  { text: "text" },
+  { text: "text" },
+  { text: "text" },
+  { text: "text" },
+  { text: "text" },
+];
+
+document.querySelector(".sample1mode").onchange = function () {
+  //change action properties
+  if (this.value === "readOnly") {
+    inputEditor.readOnly = true;
+    inputEditor.disabled = false;
+    document.querySelector(".sample1modememo").textContent =
+      "It will not toggle";
+  } else if (this.value === "disabled") {
+    inputEditor.readOnly = false;
+    inputEditor.disabled = true;
+    document.querySelector(".sample1modememo").textContent =
+      "It will not toggle and does not respond when hovering the mouse";
+  } else {
+    inputEditor.readOnly = false;
+    inputEditor.disabled = false;
+    document.querySelector(".sample1modememo").textContent = "both false";
+  }
+};
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56

# Properties

Property Description
type Specify the type attribute of the <input> element.
classList Specify class of the <input> element.
<div class="sample2 demo-grid small"></div>
+
1
const grid = new cheetahGrid.ListGrid({
+  parentElement: document.querySelector(".sample2"),
+  header: [
+    {
+      field: "number",
+      caption: "type & classList",
+      width: 220,
+      columnType: "number",
+      action: new cheetahGrid.columns.action.InlineInputEditor({
+        type: "number",
+        classList: ["al-right"],
+      }),
+    },
+    {
+      caption: "show",
+      width: 100,
+      columnType: new cheetahGrid.columns.type.ButtonColumn({
+        caption: "SHOW",
+      }),
+      action: new cheetahGrid.columns.action.ButtonAction({
+        action(rec) {
+          alert(JSON.stringify(rec, null, "  "));
+        },
+      }),
+    },
+  ],
+});
+grid.records = [{ number: 1234 }, { number: 1234.123 }, { number: -1234.123 }];
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
.al-right {
+  text-align: right;
+}
+
1
2
3

+ ← + + InlineMenuEditor + + → +

+ + + diff --git a/documents/api/js/column_actions/InlineMenuEditor.html b/documents/api/js/column_actions/InlineMenuEditor.html new file mode 100644 index 000000000..eab7faf05 --- /dev/null +++ b/documents/api/js/column_actions/InlineMenuEditor.html @@ -0,0 +1,162 @@ + + + + + + InlineMenuEditor | Cheetah Grid + + + + + + + + + + + + + + +
Cheetah Grid

# InlineMenuEditor

Enables data editing by menu selection.

<div class="sample1 demo-grid small"></div>
+
+<label>change action properties : </label>
+<select class="sample1mode">
+  <option value="" selected="true">both false</option>
+  <option value="readOnly">readOnly = true</option>
+  <option value="disabled">disabled = true</option>
+</select>
+<span class="sample1modememo"></span>
+
1
2
3
4
5
6
7
8
9
const menuOptions = [
+  { value: "", label: "Empty" },
+  { value: "1", label: "Option 1" },
+  { value: "2", label: "Option 2" },
+  { value: "3", label: "Option 3" },
+  { value: "4", label: "Option 4" },
+  { value: "5", label: "Option 5" },
+  { value: "6", label: "Option 6" },
+  { value: "7", label: "Option 7" },
+];
+const displayOptions = [
+  { value: "", label: "Choose your option" },
+  { value: "1", label: "Option 1" },
+  { value: "2", label: "Option 2" },
+  { value: "3", label: "Option 3" },
+  { value: "4", label: "Option 4" },
+  { value: "5", label: "Option 5" },
+  { value: "6", label: "Option 6" },
+  { value: "7", label: "Option 7" },
+];
+const menuEditor = new cheetahGrid.columns.action.InlineMenuEditor({
+  options: menuOptions,
+});
+const grid = new cheetahGrid.ListGrid({
+  parentElement: document.querySelector(".sample1"),
+  header: [
+    {
+      field: "sel",
+      caption: "InlineMenuEditor",
+      width: 260,
+      columnType: new cheetahGrid.columns.type.MenuColumn({
+        options: displayOptions,
+      }),
+      action: new cheetahGrid.columns.action.InlineMenuEditor({
+        options: menuOptions,
+      }),
+    },
+    {
+      field: "sel2",
+      caption: "controlable properties",
+      width: 260,
+      columnType: new cheetahGrid.columns.type.MenuColumn({
+        options: displayOptions,
+      }),
+      action: menuEditor,
+    },
+
+    {
+      caption: "show",
+      width: 100,
+      columnType: new cheetahGrid.columns.type.ButtonColumn({
+        caption: "SHOW",
+      }),
+      action: new cheetahGrid.columns.action.ButtonAction({
+        action(rec) {
+          alert(JSON.stringify(rec, null, "  "));
+        },
+      }),
+    },
+  ],
+});
+grid.records = [
+  { sel: "", sel2: "" },
+  { sel: "1", sel2: "1" },
+  { sel: "2", sel2: "2" },
+  { sel: "3", sel2: "3" },
+  { sel: "", sel2: "" },
+  { sel: "1", sel2: "1" },
+  { sel: "2", sel2: "2" },
+  { sel: "3", sel2: "3" },
+  { sel: "", sel2: "" },
+  { sel: "1", sel2: "1" },
+  { sel: "2", sel2: "2" },
+  { sel: "3", sel2: "3" },
+];
+document.querySelector(".sample1mode").onchange = function () {
+  //change action properties
+  if (this.value === "readOnly") {
+    menuEditor.readOnly = true;
+    menuEditor.disabled = false;
+    document.querySelector(".sample1modememo").textContent =
+      "It will not toggle";
+  } else if (this.value === "disabled") {
+    menuEditor.readOnly = false;
+    menuEditor.disabled = true;
+    document.querySelector(".sample1modememo").textContent =
+      "It will not toggle and does not respond when hovering the mouse";
+  } else {
+    menuEditor.readOnly = false;
+    menuEditor.disabled = false;
+    document.querySelector(".sample1modememo").textContent = "both false";
+  }
+};
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93

+ ← + + RadioEditor + + → +

+ + + diff --git a/documents/api/js/column_actions/RadioEditor.html b/documents/api/js/column_actions/RadioEditor.html new file mode 100644 index 000000000..a7c561826 --- /dev/null +++ b/documents/api/js/column_actions/RadioEditor.html @@ -0,0 +1,164 @@ + + + + + + RadioEditor | Cheetah Grid + + + + + + + + + + + + + + +
Cheetah Grid

# RadioEditor

Define the behavior and data editing when radio button is clicked.

The record is edited after select the cell by clicking it and then push Enter or Space.

You can control the property of readOnly and disabled by setting the instance of RadioEditor class to action of the column.
+But if you define 'radio', as string, to action of the column, you can't control these properties.
+You can also disable or read-only each record by specifying a function for the disabled and readOnly properties.

<div class="sample1 demo-grid small"></div>
+
+<label>change action properties : </label>
+<select class="sample1mode">
+  <option value="" selected="true">both false</option>
+  <option value="readOnly">readOnly = true</option>
+  <option value="disabled">disabled = true</option>
+</select>
+<span class="sample1modememo"></span>
+
1
2
3
4
5
6
7
8
9
const radioEditorAction = new cheetahGrid.columns.action.RadioEditor();
+const grid = new cheetahGrid.ListGrid({
+  parentElement: document.querySelector(".sample1"),
+  header: [
+    {
+      field: "check1",
+      caption: "Defined by string",
+      width: 220,
+      columnType: "radio",
+      action: "radio",
+    },
+
+    //
+    {
+      field: "check2",
+      caption: "Defined by class instance",
+      width: 220,
+      columnType: "radio",
+      action: radioEditorAction,
+    },
+
+    {
+      caption: "Show",
+      width: 100,
+      columnType: new cheetahGrid.columns.type.ButtonColumn({
+        caption: "SHOW",
+      }),
+      action: new cheetahGrid.columns.action.ButtonAction({
+        action(rec) {
+          alert(JSON.stringify(rec, null, "  "));
+        },
+      }),
+    },
+  ],
+});
+grid.records = [
+  { check1: true, check2: false },
+  { check1: false, check2: true },
+  { check1: false, check2: false },
+];
+
+document.querySelector(".sample1mode").onchange = function () {
+  //change action properties
+  if (this.value === "readOnly") {
+    radioEditorAction.readOnly = true;
+    radioEditorAction.disabled = false;
+    document.querySelector(".sample1modememo").textContent =
+      "It will not toggle";
+  } else if (this.value === "disabled") {
+    radioEditorAction.readOnly = false;
+    radioEditorAction.disabled = true;
+    document.querySelector(".sample1modememo").textContent =
+      "It will not toggle and does not respond when hovering the mouse";
+  } else {
+    radioEditorAction.readOnly = false;
+    radioEditorAction.disabled = false;
+    document.querySelector(".sample1modememo").textContent = "both false";
+  }
+};
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59

# disabled

You can control disabled depending on the state of the record by giving disabled a function.

<div class="sample3 demo-grid small"></div>
+
1
const radioEditorAction = new cheetahGrid.columns.action.RadioEditor();
+radioEditorAction.disabled = (record) => record.disabled;
+
+const grid = new cheetahGrid.ListGrid({
+  parentElement: document.querySelector(".sample3"),
+  header: [
+    {
+      field: "test",
+      caption: "disabled?",
+      width: 220,
+      columnType: "radio",
+      action: radioEditorAction,
+    },
+
+    //
+    {
+      field: "disabled",
+      caption: "control",
+      width: 220,
+      columnType: "check",
+      action: "check",
+    },
+  ],
+});
+grid.records = [
+  { disabled: true, test: false },
+  { disabled: false, test: true },
+  { disabled: true, test: false },
+];
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

+ ← + + Standard Properties + + → +

+ + + diff --git a/documents/api/js/column_actions/SmallDialogInputEditor.html b/documents/api/js/column_actions/SmallDialogInputEditor.html new file mode 100644 index 000000000..505fb7666 --- /dev/null +++ b/documents/api/js/column_actions/SmallDialogInputEditor.html @@ -0,0 +1,209 @@ + + + + + + SmallDialogInputEditor | Cheetah Grid + + + + + + + + + + + + + + +
Cheetah Grid

# SmallDialogInputEditor

Enables data editing by input.

You can dynamically control the readOnly and disabled property by defining an instance of the SmallDialogInputEditor class to the action column.
+But if you define 'input', as string, to action of the column, you can't control these properties.
+You can also disable or read-only each record by specifying a function for the disabled and readOnly properties.

<div class="sample1 demo-grid small"></div>
+
+<label>change action properties : </label>
+<select class="sample1mode">
+  <option value="" selected="true">both false</option>
+  <option value="readOnly">readOnly = true</option>
+  <option value="disabled">disabled = true</option>
+</select>
+<span class="sample1modememo"></span>
+
1
2
3
4
5
6
7
8
9
const inputEditor = new cheetahGrid.columns.action.SmallDialogInputEditor();
+const grid = new cheetahGrid.ListGrid({
+  parentElement: document.querySelector(".sample1"),
+  header: [
+    {
+      field: "text1",
+      caption: "defined by string",
+      width: 220,
+      action: "input",
+    },
+
+    //
+    {
+      field: "text2",
+      caption: "defined by class instance",
+      width: 220,
+      action: inputEditor,
+    },
+
+    {
+      caption: "show",
+      width: 100,
+      columnType: new cheetahGrid.columns.type.ButtonColumn({
+        caption: "SHOW",
+      }),
+      action: new cheetahGrid.columns.action.ButtonAction({
+        action(rec) {
+          alert(JSON.stringify(rec, null, "  "));
+        },
+      }),
+    },
+  ],
+});
+grid.records = [
+  { text1: "text", text2: "text" },
+  { text1: "text", text2: "text" },
+  { text1: "text", text2: "text" },
+  { text1: "text", text2: "text" },
+  { text1: "text", text2: "text" },
+  { text1: "text", text2: "text" },
+  { text1: "text", text2: "text" },
+  { text1: "text", text2: "text" },
+  { text1: "text", text2: "text" },
+  { text1: "text", text2: "text" },
+];
+
+document.querySelector(".sample1mode").onchange = function () {
+  //change action properties
+  if (this.value === "readOnly") {
+    inputEditor.readOnly = true;
+    inputEditor.disabled = false;
+    document.querySelector(".sample1modememo").textContent =
+      "It will not toggle";
+  } else if (this.value === "disabled") {
+    inputEditor.readOnly = false;
+    inputEditor.disabled = true;
+    document.querySelector(".sample1modememo").textContent =
+      "It will not toggle and does not respond when hovering the mouse";
+  } else {
+    inputEditor.readOnly = false;
+    inputEditor.disabled = false;
+    document.querySelector(".sample1modememo").textContent = "both false";
+  }
+};
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64

# Properties

The following properties can be set with the constructor argument of SmallDialogInputEditor.

Property Description
type Specify the type attribute of the <input> element.
classList Specify class of the dialog element.
helperText Specify helper text. You can also specify a function.
validator Specify the validation function to be call before confirming the input value. If there is an error, please use the function to return the message.
inputValidator Specify the validation function of the value of <input>. If there is an error, please use the function to return the message.
<div class="sample2 demo-grid small"></div>
+
1
const grid = new cheetahGrid.ListGrid({
+  parentElement: document.querySelector(".sample2"),
+  header: [
+    {
+      field: "number",
+      caption: "type & classList",
+      width: 220,
+      columnType: "number",
+      action: new cheetahGrid.columns.action.SmallDialogInputEditor({
+        type: "number",
+        classList: ["al-right"],
+      }),
+    },
+    {
+      field: "text",
+      caption: "validator & helperText",
+      width: 220,
+      action: new cheetahGrid.columns.action.SmallDialogInputEditor({
+        classList: "helper-text--right-justified",
+        helperText(value) {
+          return `${value.length}/20`;
+        },
+        inputValidator(value) {
+          return value.length > 20
+            ? `over the max length. ${value.length}`
+            : null;
+        },
+        validator(value) {
+          return value.match(/^[a-zA-Z]*$/) ? null : "Please only alphabet.";
+        },
+      }),
+    },
+    {
+      field: "code",
+      caption: "async validator",
+      width: 220,
+      action: new cheetahGrid.columns.action.SmallDialogInputEditor({
+        helperText: "enter code. /^[A-Z]\\d{3}$/",
+        validator(value) {
+          return new Promise((r) => {
+            setTimeout(() => {
+              r(value.match(/^[A-Z]\d{3}$/) ? null : "Invalid code.");
+            }, 500);
+          });
+        },
+      }),
+    },
+    {
+      caption: "show",
+      width: 100,
+      columnType: new cheetahGrid.columns.type.ButtonColumn({
+        caption: "SHOW",
+      }),
+      action: new cheetahGrid.columns.action.ButtonAction({
+        action(rec) {
+          alert(JSON.stringify(rec, null, "  "));
+        },
+      }),
+    },
+  ],
+});
+grid.records = [
+  { number: 1234, text: "a", code: "A001" },
+  { number: 1234.123, text: "b", code: "A002" },
+  { number: -1234.123, text: "c", code: "A003" },
+];
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
.al-right input {
+  text-align: right;
+}
+
1
2
3

+ ← + + InlineInputEditor + + → +

+ + + diff --git a/documents/api/js/column_actions/index.html b/documents/api/js/column_actions/index.html new file mode 100644 index 000000000..dac8ab0c1 --- /dev/null +++ b/documents/api/js/column_actions/index.html @@ -0,0 +1,97 @@ + + + + + + Define Column Actions | Cheetah Grid + + + + + + + + + + + + + + +
Cheetah Grid

# Define Column Actions

# Standard Column Action

Define column action by using action property.
+Please select suitable Action class for columnType of same column.

columnType Specified action by string Description LINK
check 'check' Define the behavior when checkbox is clicked. CheckEditor
button --- Define the behavior when button is clicked. ButtonAction
input 'input' Define the behavior when cell input. SmallDialogInputEditor
MenuColumn --- Define the behavior when select a menu. InlineMenuEditor
radio 'radio' Define the behavior when radio button is clicked. RadioEditor
<div class="sample1 demo-grid small"></div>
+
1
const grid = new cheetahGrid.ListGrid({
+  parentElement: document.querySelector(".sample1"),
+  header: [
+    { field: "no", caption: "no", width: 50 },
+    // action: 'check'
+    {
+      field: "check",
+      caption: "check",
+      width: 60,
+      columnType: "check",
+      action: "check",
+    },
+    // action: 'input'
+    { field: "text", caption: "input", width: 120, action: "input" },
+    {
+      caption: "button",
+      width: 100,
+      columnType: new cheetahGrid.columns.type.ButtonColumn({
+        caption: "show rec",
+      }),
+      // ButtonAction
+      action: new cheetahGrid.columns.action.ButtonAction({
+        action(rec) {
+          alert(JSON.stringify(rec));
+        },
+      }),
+    },
+  ],
+});
+grid.records = [
+  { no: 1, check: true, text: "abc" },
+  { no: 2, check: false, text: "def" },
+  { no: 3, check: true, text: "ghi" },
+];
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34

# Advanced Column Action

By setting the property action as an Action instance, +You can change the properties of the action (disable, readonly, etc.) in the when you want.

Please refer to here

+ ← + + Column Action Classes + + → +

+ + + diff --git a/documents/api/js/column_actions/standard-properties.html b/documents/api/js/column_actions/standard-properties.html new file mode 100644 index 000000000..001cbbb09 --- /dev/null +++ b/documents/api/js/column_actions/standard-properties.html @@ -0,0 +1,106 @@ + + + + + + Standard Properties | Cheetah Grid + + + + + + + + + + + + + + +
Cheetah Grid

# Standard Properties

Action classes have some common properties. +Here, they will be described.

# disabled property

If set to true, the action will be disabled. +You can also control disabled for each record by specifying a function.

const alwaysDisabledButtonAction = new cheetahGrid.columns.action.ButtonAction({
+  disabled: true,
+  action(rec) {
+    alert("Clicked Button!");
+  },
+});
+const DisabledForEachRecordButtonAction =
+  new cheetahGrid.columns.action.ButtonAction({
+    disabled: (rec) => rec.disabled,
+    action(rec) {
+      alert("Clicked Button!");
+    },
+  });
+
+const grid = new cheetahGrid.ListGrid({
+  parentElement: document.querySelector(".sample1"),
+  header: [
+    {
+      caption: "Always Disabled",
+      width: 180,
+      columnType: new cheetahGrid.columns.type.ButtonColumn({
+        caption: "BUTTON",
+      }),
+      action: alwaysDisabledButtonAction,
+    },
+    {
+      caption: "Disabled",
+      field: "disabled",
+      columnType: "check",
+      action: "check",
+    },
+    {
+      caption: "Disabled for Each Record",
+      width: 180,
+      columnType: new cheetahGrid.columns.type.ButtonColumn({
+        caption: "BUTTON",
+      }),
+      action: DisabledForEachRecordButtonAction,
+    },
+  ],
+});
+grid.records = [{ disabled: false }, { disabled: false }, { disabled: false }];
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<div class="sample1 demo-grid small"></div>
+
1

# readOnly property

If set to true, the action will be read-only. +As with disabled, you can also specify a function.

+ ← + + Grid Data + + → +

+ + + diff --git a/documents/api/js/column_icon.html b/documents/api/js/column_icon.html new file mode 100644 index 000000000..cf343f5e5 --- /dev/null +++ b/documents/api/js/column_icon.html @@ -0,0 +1,309 @@ + + + + + + Define Column ICON | Cheetah Grid + + + + + + + + + + + + + + +
Cheetah Grid

# Define Column ICON

Use icon property when drawing icons.

You can use 2 types of icons below by setting.

  • ICON by Web Font
  • ICON by picture

# Standard way to specify Web Fonts

For standard Web font, you should set font and content.

<div class="sample1 demo-grid small"></div>
+
1

ICON in sample uses Font Awesome Icons (opens new window)

<!-- Font Awesome:  http://fontawesome.io -->
+<link
+  rel="stylesheet"
+  type="text/css"
+  href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"
+/>
+
1
2
3
4
5
6
const grid = new cheetahGrid.ListGrid({
+  parentElement: document.querySelector(".sample1"),
+  header: [
+    {
+      caption: "text",
+      width: 180,
+      icon: {
+        font: "normal normal normal 14px/1 FontAwesome",
+        content: "iconContent",
+        width: 16, // Optional
+      },
+      field: "text",
+    },
+
+    {
+      caption: "button",
+      width: 180,
+      icon: {
+        font: "normal normal normal 14px/1 FontAwesome",
+        content: "iconContent",
+        width: 16, // Optional
+      },
+      columnType: new cheetahGrid.columns.type.ButtonColumn({
+        caption: "BUTTON",
+      }),
+      action: new cheetahGrid.columns.action.ButtonAction({
+        action(rec) {
+          alert(JSON.stringify(rec));
+        },
+      }),
+    },
+  ],
+});
+grid.records = [
+  { text: "file", iconContent: "\uf15b" },
+  { text: "audio", iconContent: "\uf1c7" },
+  { text: "code", iconContent: "\uf1c9" },
+  { text: "image", iconContent: "\uf1c5" },
+];
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39

# Other ways to specify Web Font

You can use web font by setting className.

<div class="sample2 demo-grid small"></div>
+
1
const grid = new cheetahGrid.ListGrid({
+  parentElement: document.querySelector(".sample2"),
+  header: [
+    {
+      caption: "text",
+      width: 180,
+      icon: {
+        className: "iconClassName",
+        width: 16, // Optional
+      },
+      field: "text",
+    },
+
+    {
+      caption: "button",
+      width: 180,
+      icon: {
+        className: "iconClassName",
+        width: 16, // Optional
+        color: "#fff", // Optional
+      },
+      columnType: new cheetahGrid.columns.type.ButtonColumn({
+        caption: "BUTTON",
+      }),
+      action: new cheetahGrid.columns.action.ButtonAction({
+        action(rec) {
+          alert(JSON.stringify(rec));
+        },
+      }),
+    },
+  ],
+});
+grid.records = [
+  { text: "file", iconClassName: "fa fa-file" },
+  { text: "audio", iconClassName: "fa fa-file-audio-o" },
+  { text: "code", iconClassName: "fa fa-file-code-o" },
+  { text: "image", iconClassName: "fa fa-file-image-o" },
+];
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38

# How to specify Images

Set src to show pictures.

<div class="sample3 demo-grid small"></div>
+
1
const grid = new cheetahGrid.ListGrid({
+  parentElement: document.querySelector(".sample3"),
+  header: [
+    {
+      caption: "OSS",
+      width: 300,
+      icon: {
+        src: "iconSrc",
+        width: 16,
+      },
+      field: "label",
+    },
+    {
+      caption: "link",
+      width: 150,
+      icon: {
+        src: "iconSrc",
+        width: 16,
+      },
+      columnType: new cheetahGrid.columns.type.ButtonColumn({
+        caption: "LINK",
+      }),
+      action: new cheetahGrid.columns.action.ButtonAction({
+        action(rec) {
+          window.open(rec.url, "_blank");
+        },
+      }),
+    },
+  ],
+});
+grid.records = [
+  {
+    label: "Vuls: VULnerability Scanner",
+    iconSrc:
+      "https://github.com/future-architect/vuls/raw/master/img/vuls_icon.png",
+    url: "https://github.com/future-architect/vuls",
+  },
+  {
+    label: "uroboroSQL",
+    iconSrc: "https://future-architect.github.io/uroborosql-doc/favicon.ico",
+    url: "https://future-architect.github.io/uroborosql-doc/",
+  },
+  {
+    label: "Urushi",
+    iconSrc:
+      "http://future-architect.github.io/urushi/gh-pages-resoucres/favicon.ico",
+    url: "http://future-architect.github.io/urushi/",
+  },
+];
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49

# Multiple Icons

Give array in order to show multiple icons.

<div class="sample4 demo-grid small"></div>
+
1
const grid = new cheetahGrid.ListGrid({
+  parentElement: document.querySelector(".sample4"),
+  header: [
+    {
+      caption: "text",
+      width: 180,
+      icon: {
+        font: "normal normal normal 14px/1 FontAwesome",
+        content: "iconContent",
+        width: 16, // Optional
+      },
+      field: "text",
+    },
+
+    {
+      caption: "button",
+      width: 180,
+      icon: {
+        font: "normal normal normal 14px/1 FontAwesome",
+        content: "iconContent",
+        width: 16, // Optional
+      },
+      columnType: new cheetahGrid.columns.type.ButtonColumn({
+        caption: "BUTTON",
+      }),
+      action: new cheetahGrid.columns.action.ButtonAction({
+        action(rec) {
+          alert(JSON.stringify(rec));
+        },
+      }),
+    },
+  ],
+});
+grid.records = [
+  { text: "files", iconContent: ["\uf15b", "\uf1c7", "\uf1c9", "\uf1c5"] },
+  { text: "forms", iconContent: ["\uf046", "\uf192", "\uf0fe", "\uf147"] },
+  { text: "charts", iconContent: ["\uf1fe", "\uf080", "\uf200"] },
+];
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<div class="sample5 demo-grid small"></div>
+
1
const grid = new cheetahGrid.ListGrid({
+  parentElement: document.querySelector(".sample5"),
+  header: [
+    {
+      caption: "OSS",
+      width: 300,
+      icon: {
+        src: "iconSrc",
+        width: 16,
+      },
+      field: "label",
+    },
+    {
+      caption: "link",
+      width: 150,
+      icon: {
+        src: "iconSrc",
+        width: 16,
+      },
+      columnType: new cheetahGrid.columns.type.ButtonColumn({
+        caption: "LINK",
+      }),
+      action: new cheetahGrid.columns.action.ButtonAction({
+        action(rec) {
+          window.open(rec.url, "_blank");
+        },
+      }),
+    },
+  ],
+});
+const vulsIconUrl =
+  "https://github.com/future-architect/vuls/raw/master/img/vuls_icon.png";
+const uroboroSQLIconUrl =
+  "https://future-architect.github.io/uroborosql-doc/favicon.ico";
+const urushiIconUrl =
+  "http://future-architect.github.io/urushi/gh-pages-resoucres/favicon.ico";
+grid.records = [
+  {
+    label: "Vuls: VULnerability Scanner",
+    iconSrc: [vulsIconUrl, vulsIconUrl, vulsIconUrl, vulsIconUrl],
+    url: "https://github.com/future-architect/vuls",
+  },
+  {
+    label: "uroboroSQL",
+    iconSrc: [uroboroSQLIconUrl, uroboroSQLIconUrl, uroboroSQLIconUrl],
+    url: "https://future-architect.github.io/uroborosql-doc/",
+  },
+  {
+    label: "Urushi",
+    iconSrc: [urushiIconUrl, urushiIconUrl],
+    url: "http://future-architect.github.io/urushi/",
+  },
+  {
+    label: "Awesome OSS",
+    iconSrc: [vulsIconUrl, uroboroSQLIconUrl, urushiIconUrl],
+    url: "https://future-architect.github.io/",
+  },
+];
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58

+ ← + + Define Cell Messages + + → +

+ + + diff --git a/documents/api/js/column_styles/index.html b/documents/api/js/column_styles/index.html new file mode 100644 index 000000000..b23d96707 --- /dev/null +++ b/documents/api/js/column_styles/index.html @@ -0,0 +1,296 @@ + + + + + + Define Column Styles | Cheetah Grid + + + + + + + + + + + + + + +
Cheetah Grid

# Define Column Styles

# Standard Column Style

Define column style by using style property.

Properties below are prepared in standard.

Property Description
color Define the color of cell.
textAlign Define the horizontal position of text in cell.
textBaseline Define the vertical position of text in cell.
bgColor Define the background color of cell.
font Define the font of cell.
padding Define the padding of cell. If you set 4 values separately, please set the Array.
textOverflow Define how to display when text overflows the area of a cell. clip or ellipsis is available.
visibility Specifying hidden to it will stop drawing the cell's content. Note that this does not stop the cell's action.

Note that the column type may add style properties that you can use. The properties added are described in the documentation for each column type.

<div class="sample1 demo-grid small"></div>
+
1
const grid = new cheetahGrid.ListGrid({
+  parentElement: document.querySelector(".sample1"),
+  header: [
+    { field: "no", caption: "no", width: 50 },
+
+    // default
+    { field: "text", caption: "default", width: 150 },
+
+    // color
+    { field: "text", caption: "color", width: 150, style: { color: "red" } },
+    // textAlign
+    {
+      field: "text",
+      caption: "right",
+      width: 150,
+      style: { textAlign: "right" },
+    },
+    {
+      field: "text",
+      caption: "center",
+      width: 150,
+      style: { textAlign: "center" },
+    },
+    // textBaseline
+    {
+      field: "text",
+      caption: "top",
+      width: 150,
+      style: { textBaseline: "top" },
+    },
+    {
+      field: "text",
+      caption: "bottom",
+      width: 150,
+      style: { textBaseline: "bottom" },
+    },
+
+    // bgColor
+    {
+      field: "text",
+      caption: "bgColor",
+      width: 150,
+      style: { bgColor: "#5f5" },
+    },
+
+    // font
+    {
+      field: "text",
+      caption: "font",
+      width: 150,
+      style: { font: "9px sans-serif" },
+    },
+  ],
+});
+grid.records = [
+  { no: 1, text: "sample text" },
+  { no: 2, text: "sample text" },
+  { no: 3, text: "sample text" },
+];
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
<div class="sample2 demo-grid middle"></div>
+
1
const grid = new cheetahGrid.ListGrid({
+  parentElement: document.querySelector(".sample2"),
+  header: [
+    { field: "no", caption: "no", width: 50 },
+
+    // default
+    { field: "text", caption: "default", width: 150 },
+
+    // padding
+    { field: "text", caption: "padding", width: 150, style: { padding: 20 } },
+    {
+      field: "text",
+      caption: "padding",
+      width: 150,
+      style: { padding: [0 /*top*/, 10 /*right*/, 15 /*bottom*/, 20 /*left*/] },
+    },
+
+    //{{#if_v '0.6.0'}} textOverflow
+    {
+      field: "longText",
+      caption: "textOverflow",
+      width: 150,
+      style: { textOverflow: "ellipsis" },
+    },
+    //{{/if_v }}
+  ],
+  defaultRowHeight: 80,
+  headerRowHeight: 24,
+});
+grid.records = [
+  {
+    no: 1,
+    text: "sample text",
+    longText: "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ",
+  },
+  {
+    no: 2,
+    text: "sample text",
+    longText: "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ",
+  },
+  {
+    no: 3,
+    text: "sample text",
+    longText: "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ",
+  },
+];
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46

# Advanced Column Style

style property can be used by the advanced ways below.

  • change style by each record

This can be done by functions below.

  • use the function
  • use the instance of Style class
<div class="sample3 demo-grid small"></div>
+<label>change background color of text</label>
+<select class="sample3theme">
+  <option value="" selected="true">default</option>
+  <option value="red">red</option>
+  <option value="#DFF">#DFF</option>
+</select>
+
1
2
3
4
5
6
7
const textFieldStyle = new cheetahGrid.columns.style.Style();
+const grid = new cheetahGrid.ListGrid({
+  parentElement: document.querySelector(".sample3"),
+  header: [
+    { field: "no", caption: "no", width: 50 },
+
+    {
+      field: "value",
+      caption: "value",
+      width: 150,
+      columnType: "number",
+      //function
+      style(rec) {
+        return {
+          color: rec.value <= 0 ? "red" : undefined,
+        };
+      },
+    },
+
+    {
+      field: "text",
+      caption: "text",
+      width: 150,
+      //Style instance
+      style: textFieldStyle,
+    },
+  ],
+});
+grid.records = [
+  { no: 1, text: "sample text", value: 100 },
+  { no: 2, text: "sample text", value: 50 },
+  { no: 3, text: "sample text", value: 0 },
+  { no: 4, text: "sample text", value: -50 },
+];
+
+const themeSelect = document.querySelector(".sample3theme");
+themeSelect.onchange = function () {
+  //change bg color
+  if (themeSelect.value === "default") {
+    textFieldStyle.bgColor = null;
+  } else {
+    textFieldStyle.bgColor = themeSelect.value;
+  }
+};
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44

# Header Style

Define column header style by using headerStyle property.

<div class="sample4 demo-grid small"></div>
+
1
const grid = new cheetahGrid.ListGrid({
+  parentElement: document.querySelector(".sample4"),
+  header: [
+    { field: "no", caption: "no", width: 50 },
+
+    // default
+    { field: "text", caption: "default", width: 150 },
+
+    // color
+    {
+      field: "text",
+      caption: "color",
+      width: 150,
+      headerStyle: { color: "red" },
+    },
+    // textAlign
+    {
+      field: "text",
+      caption: "center",
+      width: 150,
+      headerStyle: { textAlign: "center" },
+    },
+    // textBaseline
+    {
+      field: "text",
+      caption: "bottom",
+      width: 150,
+      headerStyle: { textBaseline: "bottom" },
+    },
+    // bgColor
+    {
+      field: "text",
+      caption: "bgColor",
+      width: 150,
+      headerStyle: { bgColor: "#5f5" },
+    },
+    // font
+    {
+      field: "text",
+      caption: "font",
+      width: 150,
+      headerStyle: { font: "9px sans-serif" },
+    },
+    // textOverflow
+    {
+      field: "text",
+      caption: "textOverflow clip",
+      width: 150,
+      headerStyle: { textOverflow: "clip" },
+    },
+    {
+      field: "text",
+      caption: "textOverflow ellipsis",
+      width: 150,
+      headerStyle: {
+        textOverflow: "ellipsis" /*In the header this is the default*/,
+      },
+    },
+  ],
+});
+grid.records = [
+  { no: 1, text: "data" },
+  { no: 2, text: "data" },
+  { no: 3, text: "data" },
+];
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65

+ ← + + Indicators + + → +

+ + + diff --git a/documents/api/js/column_styles/indicators.html b/documents/api/js/column_styles/indicators.html new file mode 100644 index 000000000..701806e03 --- /dev/null +++ b/documents/api/js/column_styles/indicators.html @@ -0,0 +1,223 @@ + + + + + + Indicators | Cheetah Grid + + + + + + + + + + + + + + +
Cheetah Grid

# Indicators

You can use the style property to display the indicators.
+Currently the only indicator style supported is "triangle".

# Usage

<div class="sample-basic demo-grid small"></div>
+
1
const grid = new cheetahGrid.ListGrid({
+  parentElement: document.querySelector(".sample-basic"),
+  header: [
+    {
+      field: "no",
+      caption: "No",
+      width: 50,
+    },
+    {
+      field: "text",
+      caption: "Text",
+      width: 150,
+      style: { indicatorTopLeft: "triangle" },
+    },
+    {
+      field: "text",
+      caption: "Text",
+      width: 150,
+      style: { indicatorTopRight: "triangle" },
+    },
+  ],
+});
+grid.records = [
+  { no: 1, text: "data" },
+  { no: 2, text: "data" },
+  { no: 3, text: "data" },
+  { no: 4, text: "data" },
+];
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

It supports indicatorTopLeft, indicatorTopRight, indicatorBottomRight, and indicatorBottomLeft

You can also control the display of indicators per record using functions.

<div class="sample-function demo-grid small"></div>
+
1
const grid = new cheetahGrid.ListGrid({
+  parentElement: document.querySelector(".sample-function"),
+  header: [
+    {
+      field: "no",
+      caption: "No",
+      width: 50,
+    },
+    {
+      field: "text",
+      caption: "Text",
+      width: 150,
+      style(record) {
+        if (record.no === 1) {
+          return { indicatorTopLeft: "triangle" };
+        }
+        if (record.no === 2) {
+          return { indicatorTopRight: "triangle" };
+        }
+        if (record.no === 3) {
+          return { indicatorBottomRight: "triangle" };
+        }
+        if (record.no === 4) {
+          return { indicatorBottomLeft: "triangle" };
+        }
+        return undefined;
+      },
+    },
+  ],
+});
+grid.records = [
+  { no: 1, text: "data" },
+  { no: 2, text: "data" },
+  { no: 3, text: "data" },
+  { no: 4, text: "data" },
+];
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36

# Indicator Styles

We recommend using themes to control the style of the indicator. +You can control the size and color of the indicators by setting the theme's indicators.topLeftColor, indicators.topLeftSize, indicators.topRightColor, indicators.topRightSize, indicators.bottomRightColor, indicators.bottomRightSize , indicators.bottomLeftColor, and indicators.bottomLeftSize properties.

<div class="sample-theme demo-grid small"></div>
+
1
const grid = new cheetahGrid.ListGrid({
+  parentElement: document.querySelector(".sample-theme"),
+  header: [
+    {
+      field: "no",
+      caption: "No",
+      width: 50,
+    },
+    {
+      field: "text",
+      caption: "Text",
+      width: 150,
+      style(record) {
+        if (record.no === 1) {
+          return { indicatorTopLeft: "triangle" };
+        }
+        if (record.no === 2) {
+          return { indicatorTopRight: "triangle" };
+        }
+        if (record.no === 3) {
+          return { indicatorBottomRight: "triangle" };
+        }
+        if (record.no === 4) {
+          return { indicatorBottomLeft: "triangle" };
+        }
+        return undefined;
+      },
+    },
+  ],
+});
+grid.records = [
+  { no: 1, text: "data" },
+  { no: 2, text: "data" },
+  { no: 3, text: "data" },
+  { no: 4, text: "data" },
+];
+grid.theme = {
+  indicators: {
+    topLeftColor: "blue",
+    topLeftSize: 10,
+    topRightColor: "red",
+    topRightSize: 10,
+    bottomRightColor: "green",
+    bottomRightSize: 10,
+    bottomLeftColor: "black",
+    bottomLeftSize: 10,
+  },
+};
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48

You can also specify the indicator in object form if you want to change its style individually.

<div class="sample-style demo-grid small"></div>
+
1
const grid = new cheetahGrid.ListGrid({
+  parentElement: document.querySelector(".sample-style"),
+  header: [
+    {
+      field: "no",
+      caption: "No",
+      width: 50,
+    },
+    {
+      field: "text",
+      caption: "Text",
+      width: 150,
+      style(record) {
+        if (record.no === 3) {
+          return {
+            indicatorTopLeft: {
+              style: "triangle",
+              color: "red",
+              size: 15,
+            },
+          };
+        }
+        return undefined;
+      },
+    },
+  ],
+});
+grid.records = [
+  { no: 1, text: "data" },
+  { no: 2, text: "data" },
+  { no: 3, text: "data" },
+  { no: 4, text: "data" },
+];
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33

+ ← + + Define Column Actions + + → +

+ + + diff --git a/documents/api/js/column_types/BranchGraphColumn.html b/documents/api/js/column_types/BranchGraphColumn.html new file mode 100644 index 000000000..2f6e3fe0f --- /dev/null +++ b/documents/api/js/column_types/BranchGraphColumn.html @@ -0,0 +1,229 @@ + + + + + + BranchGraphColumn | Cheetah Grid + + + + + + + + + + + + + + +
Cheetah Grid

# BranchGraphColumn

Show branch graph.

# Constructor Properties

Property Description Default
start Set the moving direction by setting the beggining point. 'top' or 'bottom' 'bottom'
cache Set true when caching the calculation result of the branch structure. Please call clearCache(grid) when deleting the cahced data. false

# Style Properties

Property Description Default
branchColors Set the function which returns the color of branch you want to use. arguments: (branch name, index) the function which returns following colors in turn. '#979797','#008fb5','#f1c109'
margin Set the margin of side. 4
circleSize Set the size of point which express commit. 16
branchLineWidth Set the width of branch lines. 4
mergeStyle Set the way to express the merge line. 'bezier' or 'straight' 'bezier'
<div class="sample1 demo-grid large"></div>
+
1
const grid = new cheetahGrid.ListGrid({
+  parentElement: document.querySelector(".sample1"),
+  header: [
+    {
+      field: (rec) => rec,
+      caption: "BranchGraph",
+      width: 200,
+      columnType: new cheetahGrid.columns.type.BranchGraphColumn({
+        start: "top", // Specify the start and indicate the direction to proceed. 'top' or 'bottom'. default 'bottom'
+        cache: false, // cache enable. default false
+      }),
+    },
+    {
+      field(rec) {
+        return `${JSON.stringify(rec)},`;
+      },
+      caption: "command",
+      width: 1000,
+    },
+  ],
+  frozenColCount: 1,
+});
+grid.records = [
+  [
+    // new branch 'mastar'
+    {
+      command: "branch",
+      branch: "mastar",
+    },
+    // and commit 'mastar' branch
+    {
+      command: "commit",
+      branch: "mastar",
+    },
+  ],
+  [
+    // commit 'mastar' branch
+    {
+      command: "commit",
+      branch: "mastar",
+    },
+  ],
+  [
+    // new branch 'develop'. from 'mastar'
+    {
+      command: "branch",
+      branch: {
+        from: "mastar",
+        to: "develop",
+      },
+    },
+  ],
+  [
+    // commit 'develop' branch
+    {
+      command: "commit",
+      branch: "develop",
+    },
+  ],
+  [
+    // merge 'develop' branch into 'master' branch
+    {
+      command: "merge",
+      branch: {
+        from: "develop",
+        to: "mastar",
+      },
+    },
+    // and tag with v.0.0.1
+    {
+      command: "tag",
+      branch: "mastar",
+      tag: "v1.0.0",
+    },
+  ],
+  [
+    null, // not doing
+  ],
+  //-------------------------
+  [
+    {
+      command: "branch",
+      branch: {
+        from: "develop",
+        to: "develop2",
+      },
+    },
+    {
+      command: "commit",
+      branch: "develop2",
+    },
+  ],
+  [
+    {
+      command: "branch",
+      branch: {
+        from: "develop",
+        to: "develop3",
+      },
+    },
+    {
+      command: "commit",
+      branch: "develop3",
+    },
+    {
+      command: "merge",
+      branch: {
+        from: "develop2",
+        to: "mastar",
+      },
+    },
+  ],
+  [
+    {
+      command: "commit",
+      branch: "develop2",
+    },
+  ],
+  [
+    {
+      command: "branch",
+      branch: {
+        from: "develop2",
+        to: "develop4",
+      },
+    },
+    {
+      command: "commit",
+      branch: "develop4",
+    },
+    {
+      command: "branch",
+      branch: {
+        from: "develop2",
+        to: "develop5",
+      },
+    },
+    {
+      command: "commit",
+      branch: "develop5",
+    },
+  ],
+  [
+    {
+      command: "commit",
+      branch: "develop2",
+    },
+  ],
+  [
+    {
+      command: "tag",
+      branch: "mastar",
+      tag: "v1.1.0",
+    },
+    {
+      command: "commit",
+      branch: "mastar",
+    },
+    {
+      command: "commit",
+      branch: "develop4",
+    },
+  ],
+  {
+    command: "commit",
+    branch: "develop3",
+  },
+];
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168

+ ← + + RadioColumn + + → +

+ + + diff --git a/documents/api/js/column_types/ButtonColumn.html b/documents/api/js/column_types/ButtonColumn.html new file mode 100644 index 000000000..357e7e2ce --- /dev/null +++ b/documents/api/js/column_types/ButtonColumn.html @@ -0,0 +1,97 @@ + + + + + + ButtonColumn | Cheetah Grid + + + + + + + + + + + + + + +
Cheetah Grid

# ButtonColumn

Show the button.

# Constructor Properties

Property Description
caption Define button caption.

# Style Properties

Property Description Default
buttonBgColor Define background color of button. Resolve by the theme.

In addition to this, the Standard styles is available.

<div class="sample1 demo-grid small"></div>
+
1
const grid = new cheetahGrid.ListGrid({
+  parentElement: document.querySelector(".sample1"),
+  header: [
+    {
+      caption: "Button1",
+      width: 180,
+      columnType: new cheetahGrid.columns.type.ButtonColumn({
+        caption: "FIXED LABEL",
+      }),
+      action: new cheetahGrid.columns.action.ButtonAction({
+        action(rec) {
+          alert(JSON.stringify(rec));
+        },
+      }),
+    },
+
+    {
+      caption: "Button2",
+      field: "buttonCaption", // Get caption of button from record
+      width: 180,
+      columnType: "button",
+      action: new cheetahGrid.columns.action.ButtonAction({
+        action(rec) {
+          alert(JSON.stringify(rec));
+        },
+      }),
+    },
+  ],
+});
+grid.records = [
+  { buttonCaption: "BUTTON1" },
+  { buttonCaption: "BUTTON2" },
+  { buttonCaption: "BUTTON3" },
+  { buttonCaption: "BUTTON4" },
+  { buttonCaption: "BUTTON5" },
+];
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36

+ ← + + ImageColumn + + → +

+ + + diff --git a/documents/api/js/column_types/CheckColumn.html b/documents/api/js/column_types/CheckColumn.html new file mode 100644 index 000000000..38ddc761b --- /dev/null +++ b/documents/api/js/column_types/CheckColumn.html @@ -0,0 +1,107 @@ + + + + + + CheckColumn | Cheetah Grid + + + + + + + + + + + + + + +
Cheetah Grid

# CheckColumn

Show the checkbox.

To make it editable, please use CheckEditor.

# Style Properties

Property Description Default
checkBgColor Define background color of checkbox, when it is checked. Resolve by the theme.
uncheckBgColor Define background color of checkbox, when it is unchecked. Resolve by the theme.
borderColor Define border color of checkbox. Resolve by the theme.
textAlign Define horizontal position of checkbox in cell. 'center'
textBaseline Define vertical position of checkbox in cell. --
bgColor Define background color of cell. Resolve by the theme.
<div class="sample1 demo-grid small"></div>
+
1
const grid = new cheetahGrid.ListGrid({
+  parentElement: document.querySelector(".sample1"),
+  header: [
+    {
+      field: "c1",
+      caption: "check",
+      width: 100,
+      columnType: "check", // or `new cheetahGrid.columns.type.CheckColumn()`
+    },
+    {
+      field: "c2",
+      caption: "style",
+      width: 100,
+      columnType: "check",
+      style: {
+        uncheckBgColor: "#FDD",
+        checkBgColor: "rgb(255, 73, 72)",
+        borderColor: "red",
+      },
+    },
+    {
+      caption: "show",
+      width: 100,
+      columnType: new cheetahGrid.columns.type.ButtonColumn({
+        caption: "SHOW",
+      }),
+      action: new cheetahGrid.columns.action.ButtonAction({
+        action(rec) {
+          alert(JSON.stringify(rec, null, "  "));
+        },
+      }),
+    },
+  ],
+});
+grid.records = [
+  { c1: true, c2: false },
+  { c1: false, c2: true },
+  { c1: true, c2: false },
+  { c1: false, c2: true },
+  { c1: true, c2: false },
+  { c1: false, c2: true },
+  { c1: true, c2: false },
+  { c1: false, c2: true },
+  { c1: true, c2: false },
+  { c1: false, c2: true },
+];
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46

+ ← + + MenuColumn + + → +

+ + + diff --git a/documents/api/js/column_types/Classes.html b/documents/api/js/column_types/Classes.html new file mode 100644 index 000000000..20e79a572 --- /dev/null +++ b/documents/api/js/column_types/Classes.html @@ -0,0 +1,56 @@ + + + + + + Column Type Classes | Cheetah Grid + + + + + + + + + + + + + + +
Cheetah Grid

# Column Type Classes

# Namespace cheetahGrid.columns.type

Class Name Function Others Related Links
Column show text same as not specify type ---
NumberColumn show number with comma-separated same as columnType: 'number' NumberColumn
CheckColumn show checkbox same as columnType: 'check' - CheckColumn
- CheckEditor
MenuColumn show menu --- - MenuColumn
- InlineMenuEditor
ButtonColumn show button columnType: 'button' has same the function - ButtonColumn
- ButtonAction
ImageColumn show image same as columnType: 'image' ImageColumn
PercentCompleteBarColumn show percent complete bar --- PercentCompleteBarColumn
IconColumn show icon only --- IconColumn
MultilineTextColumn show multiline text same as columnType: 'multilinetext' MultilineTextColumn
BranchGraphColumn show branch graph --- BranchGraphColumn
RadioColumn show radio button same as columnType: 'radio' - RadioColumn
- RadioEditor

+ ← + + NumberColumn + + → +

+ + + diff --git a/documents/api/js/column_types/IconColumn.html b/documents/api/js/column_types/IconColumn.html new file mode 100644 index 000000000..72eea0e93 --- /dev/null +++ b/documents/api/js/column_types/IconColumn.html @@ -0,0 +1,97 @@ + + + + + + IconColumn | Cheetah Grid + + + + + + + + + + + + + + +
Cheetah Grid

# IconColumn

Show ICON using Web Font.
+Number of ICONs can be set at field.

TIP

When showing ICON to ordinal column, please refer to here

<div class="sample1 demo-grid small"></div>
+
1

ICON in sample uses Material icons (opens new window)

<!-- Material Icons:  https://material.io/icons/ -->
+<link
+  rel="stylesheet"
+  type="text/css"
+  href="https://fonts.googleapis.com/icon?family=Material+Icons"
+/>
+
1
2
3
4
5
6
const grid = new cheetahGrid.ListGrid({
+  parentElement: document.querySelector(".sample1"),
+  header: [
+    {
+      field: "value",
+      caption: "value",
+      width: 100,
+    },
+    {
+      field: "value",
+      caption: "icon",
+      width: 130,
+      columnType: new cheetahGrid.columns.type.IconColumn({
+        className: "material-icons",
+        content: "\uE885", // https://material.io/icons/#ic_grade
+      }),
+      style: {
+        color: "gold",
+      },
+    },
+  ],
+});
+grid.records = [
+  { value: 1 },
+  { value: 2 },
+  { value: 3 },
+  { value: 4 },
+  { value: 5 },
+];
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

+ ← + + MultilineTextColumn + + → +

+ + + diff --git a/documents/api/js/column_types/ImageColumn.html b/documents/api/js/column_types/ImageColumn.html new file mode 100644 index 000000000..146447c8c --- /dev/null +++ b/documents/api/js/column_types/ImageColumn.html @@ -0,0 +1,125 @@ + + + + + + ImageColumn | Cheetah Grid + + + + + + + + + + + + + + +
Cheetah Grid

# ImageColumn

# Draw image

Use columnType: 'image' to draw image in the cell.

<div class="sample1 demo-grid middle"></div>
+
1

note: Images used in samples are on wikipedia (opens new window). +Please click the images to check details of those.

const grid = new cheetahGrid.ListGrid({
+  parentElement: document.querySelector(".sample1"),
+  header: [
+    {
+      field: "imageUrl",
+      caption: "image",
+      width: 100,
+      columnType: "image",
+      style: { imageSizing: "keep-aspect-ratio" },
+
+      // open image detail
+      action: new cheetahGrid.columns.action.Action({
+        action(rec) {
+          window.open(rec.link, "_blank");
+        },
+      }),
+    },
+    { field: "label", caption: "label", width: 200 },
+  ],
+  frozenColCount: 1,
+  defaultRowHeight: 100,
+  headerRowHeight: 24,
+});
+//https://en.wikipedia.org/wiki/Cheetah
+grid.records = [
+  {
+    imageUrl:
+      "https://upload.wikimedia.org/wikipedia/commons/thumb/a/ab/Kooshki_%28Iranian_Cheetah%29_03.jpg/440px-Kooshki_%28Iranian_Cheetah%29_03.jpg",
+    label: "Asiatic cheetah",
+    link: "https://en.wikipedia.org/wiki/File:Kooshki_(Iranian_Cheetah)_03.jpg",
+  },
+  {
+    imageUrl:
+      "https://upload.wikimedia.org/wikipedia/commons/thumb/6/68/Cheetah_%28Kruger_National_Park%2C_South_Africa%2C_2001%29.jpg/180px-Cheetah_%28Kruger_National_Park%2C_South_Africa%2C_2001%29.jpg",
+    label: "South African cheetah",
+    link: "https://en.wikipedia.org/wiki/File:Cheetah_(Kruger_National_Park,_South_Africa,_2001).jpg",
+  },
+  {
+    imageUrl:
+      "https://upload.wikimedia.org/wikipedia/commons/thumb/5/55/Cheetah_at_Whipsnade_Zoo%2C_Dunstable.jpg/180px-Cheetah_at_Whipsnade_Zoo%2C_Dunstable.jpg",
+    label: "Sudan cheetah",
+    link: "https://en.wikipedia.org/wiki/File:Cheetah_at_Whipsnade_Zoo,_Dunstable.jpg",
+  },
+  {
+    imageUrl:
+      "https://upload.wikimedia.org/wikipedia/commons/thumb/6/6f/TanzanianCheetah.jpg/180px-TanzanianCheetah.jpg",
+    label: "Tanzanian cheetah",
+    link: "https://en.wikipedia.org/wiki/File:TanzanianCheetah.jpg",
+  },
+  {
+    imageUrl:
+      "https://upload.wikimedia.org/wikipedia/commons/thumb/a/ac/Cheetah_portrait_Whipsnade_Zoo.jpg/220px-Cheetah_portrait_Whipsnade_Zoo.jpg",
+    label: "Cheetah",
+    link: "https://en.wikipedia.org/wiki/File:Cheetah_portrait_Whipsnade_Zoo.jpg",
+  },
+  {
+    imageUrl:
+      "https://upload.wikimedia.org/wikipedia/commons/thumb/5/5e/King_cheetah.jpg/170px-King_cheetah.jpg",
+    label: "King cheetah",
+    link: "https://en.wikipedia.org/wiki/File:King_cheetah.jpg",
+  },
+];
+grid.configure("fadeinWhenCallbackInPromise", true);
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63

+ ← + + PercentCompleteBarColumn + + → +

+ + + diff --git a/documents/api/js/column_types/MenuColumn.html b/documents/api/js/column_types/MenuColumn.html new file mode 100644 index 000000000..7bb9a15fa --- /dev/null +++ b/documents/api/js/column_types/MenuColumn.html @@ -0,0 +1,116 @@ + + + + + + MenuColumn | Cheetah Grid + + + + + + + + + + + + + + +
Cheetah Grid

# MenuColumn

Maps from value to label and display it.

To make it editable, please use InlineMenuEditor.

# Constructor Properties

Property Description
options Define mapping options.

# Style Properties

Property Description Default
appearance Defines whether to display a dropdown arrow. (you can set 'menulist-button' or 'none') 'menulist-button'

In addition to this, Standard styles is available.

<div class="sample1 demo-grid small"></div>
+
1
const options = [
+  { value: "", label: "Empty" },
+  { value: "1", label: "Option 1" },
+  { value: "2", label: "Option 2" },
+  { value: "3", label: "Option 3" },
+  { value: "4", label: "Option 4" },
+  { value: "5", label: "Option 5" },
+  { value: "6", label: "Option 6" },
+  { value: "7", label: "Option 7" },
+];
+const grid = new cheetahGrid.ListGrid({
+  parentElement: document.querySelector(".sample1"),
+  header: [
+    {
+      field: "sel",
+      caption: "MenuColumn",
+      width: 260,
+      columnType: new cheetahGrid.columns.type.MenuColumn({ options }),
+    },
+    {
+      field: "sel2",
+      caption: "style",
+      width: 260,
+      columnType: new cheetahGrid.columns.type.MenuColumn({ options }),
+      style: { appearance: "none" },
+    },
+
+    {
+      caption: "show",
+      width: 100,
+      columnType: new cheetahGrid.columns.type.ButtonColumn({
+        caption: "SHOW",
+      }),
+      action: new cheetahGrid.columns.action.ButtonAction({
+        action(rec) {
+          alert(JSON.stringify(rec, null, "  "));
+        },
+      }),
+    },
+  ],
+});
+grid.records = [
+  { sel: "", sel2: "" },
+  { sel: "1", sel2: "1" },
+  { sel: "2", sel2: "2" },
+  { sel: "3", sel2: "3" },
+  { sel: "", sel2: "" },
+  { sel: "1", sel2: "1" },
+  { sel: "2", sel2: "2" },
+  { sel: "3", sel2: "3" },
+  { sel: "", sel2: "" },
+  { sel: "1", sel2: "1" },
+  { sel: "2", sel2: "2" },
+  { sel: "3", sel2: "3" },
+];
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55

+ ← + + ButtonColumn + + → +

+ + + diff --git a/documents/api/js/column_types/MultilineTextColumn.html b/documents/api/js/column_types/MultilineTextColumn.html new file mode 100644 index 000000000..ee7859ccb --- /dev/null +++ b/documents/api/js/column_types/MultilineTextColumn.html @@ -0,0 +1,289 @@ + + + + + + MultilineTextColumn | Cheetah Grid + + + + + + + + + + + + + + +
Cheetah Grid

# MultilineTextColumn

Show multiline text.

By specifying multilinetext for the columnType property,
+You can display multiple lines of text in a cell.

# Style Properties

Property Description Default
lineHeight Define the amount of space used for lines --
autoWrapText Define whether to wrap automatically. --
lineClamp Define truncates text at a specific number of lines. --

In addition to this, the Standard styles is available.

<div class="sample1 demo-grid middle"></div>
+
1
const grid = new cheetahGrid.ListGrid({
+  parentElement: document.querySelector(".sample1"),
+  header: [
+    {
+      field: "title",
+      caption: "title",
+      width: 150,
+    },
+    {
+      field: "description",
+      caption: "description",
+      width: "calc(100% - 150px)",
+      columnType: "multilinetext",
+    },
+  ],
+  frozenColCount: 1,
+  defaultRowHeight: 100,
+  headerRowHeight: 40,
+});
+grid.records = [
+  {
+    title: "Lorem ipsum",
+    description: `Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.`,
+  },
+  {
+    title: "multilinetext",
+    description: `By specifying 'multilinetext' for the 'columnType' property,
+You can display multiple lines of text in a cell.`,
+  },
+  {
+    title: "multilinetext",
+    description: `プロパティ'columnType'に'multilinetext'を指定することで、  
+セルに複数行テキストを表示することができます。  `,
+  },
+];
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38

# Aligns

<div class="sample2 demo-grid large"></div>
+
1
const grid = new cheetahGrid.ListGrid({
+  parentElement: document.querySelector(".sample2"),
+  header: [
+    {
+      field: "title",
+      caption: "title",
+      width: 150,
+    },
+    //textAlign
+    {
+      field: "description",
+      caption: "left",
+      width: 1000,
+      columnType: "multilinetext",
+      style: { textAlign: "left" },
+    },
+    {
+      field: "description",
+      caption: "right",
+      width: 1000,
+      columnType: "multilinetext",
+      style: { textAlign: "right" },
+    },
+    {
+      field: "description",
+      caption: "center",
+      width: 1000,
+      columnType: "multilinetext",
+      style: { textAlign: "center" },
+    },
+    //textBaseline
+    {
+      field: "description",
+      caption: "top",
+      width: 1000,
+      columnType: "multilinetext",
+      style: { textBaseline: "top" },
+    },
+    {
+      field: "description",
+      caption: "middle",
+      width: 1000,
+      columnType: "multilinetext",
+      style: { textBaseline: "middle" },
+    },
+    {
+      field: "description",
+      caption: "bottom",
+      width: 1000,
+      columnType: "multilinetext",
+      style: { textBaseline: "bottom" },
+    },
+  ],
+  frozenColCount: 1,
+  defaultRowHeight: 200,
+  headerRowHeight: 40,
+});
+grid.records = vm.records;
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58

# lineHeight

<div class="sample3 demo-grid large"></div>
+
1
const grid = new cheetahGrid.ListGrid({
+  parentElement: document.querySelector(".sample3"),
+  header: [
+    {
+      field: "title",
+      caption: "title",
+      width: 150,
+    },
+    {
+      field: "description",
+      caption: "lineHeight=3em top",
+      width: 1000,
+      columnType: "multilinetext",
+      style: {
+        lineHeight: "3em",
+        textBaseline: "top",
+      },
+    },
+    {
+      field: "description",
+      caption: "lineHeight=3em middle",
+      width: 1000,
+      columnType: "multilinetext",
+      style: {
+        lineHeight: "3em",
+        textBaseline: "middle",
+      },
+    },
+    {
+      field: "description",
+      caption: "lineHeight=3em bottom",
+      width: 1000,
+      columnType: "multilinetext",
+      style: {
+        lineHeight: "3em",
+        textBaseline: "bottom",
+      },
+    },
+  ],
+  frozenColCount: 1,
+  defaultRowHeight: 300,
+  headerRowHeight: 40,
+});
+grid.records = vm.records;
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44

# autoWrapText

<div class="sample4 demo-grid large"></div>
+
1
const grid = new cheetahGrid.ListGrid({
+  parentElement: document.querySelector(".sample4"),
+  header: [
+    {
+      field: "title",
+      caption: "title",
+      width: 150,
+    },
+    {
+      field: "description",
+      caption: "autoWrapText=true",
+      width: 600,
+      columnType: "multilinetext",
+      style: {
+        autoWrapText: true,
+      },
+    },
+  ],
+  frozenColCount: 1,
+  defaultRowHeight: 100,
+  headerRowHeight: 40,
+});
+grid.records = vm.records;
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

# lineClamp

<div class="sample5 demo-grid middle"></div>
+
1
const grid = new cheetahGrid.ListGrid({
+  parentElement: document.querySelector(".sample5"),
+  header: [
+    {
+      field: "title",
+      caption: "title",
+      width: 150,
+    },
+    {
+      field: "description",
+      caption: "lineClamp=2 autoWrapText=true",
+      width: 600,
+      columnType: "multilinetext",
+      style: {
+        autoWrapText: true,
+        lineClamp: 2,
+      },
+    },
+    {
+      field: "description",
+      caption: 'lineClamp="auto" autoWrapText=true',
+      width: 600,
+      columnType: "multilinetext",
+      style: {
+        autoWrapText: true,
+        lineClamp: "auto",
+      },
+    },
+    {
+      field: "description",
+      caption: "lineClamp=2 textOverflow=ellipsis",
+      width: 600,
+      columnType: "multilinetext",
+      style: {
+        lineClamp: 2,
+        textOverflow: "ellipsis",
+      },
+    },
+  ],
+  frozenColCount: 1,
+  defaultRowHeight: 60,
+  headerRowHeight: 40,
+});
+grid.records = vm.records;
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44

+ ← + + BranchGraphColumn + + → +

+ + + diff --git a/documents/api/js/column_types/NumberColumn.html b/documents/api/js/column_types/NumberColumn.html new file mode 100644 index 000000000..87ccbc83b --- /dev/null +++ b/documents/api/js/column_types/NumberColumn.html @@ -0,0 +1,124 @@ + + + + + + NumberColumn | Cheetah Grid + + + + + + + + + + + + + + +
Cheetah Grid

# NumberColumn

Show formatted numbers.

Format number with the style defined at format property in constructor.
+Please define the instance of Intl.NumberFormat class at format property.

If property isn't defined, format number using the instance created by new Intl.NumberFormat() automatically.
+Which means format style completely depends on Intl.NumberFormat.

In addition, this column type behave same as columnType: 'number'.

# Constructor Properties

Property Description
format Define number format.

# Style Properties

Standard styles is available.

<div class="sample1 demo-grid small"></div>
+
1
const grid = new cheetahGrid.ListGrid({
+  parentElement: document.querySelector(".sample1"),
+  header: [
+    {
+      field: "value",
+      caption: "text",
+      width: 180,
+    },
+    {
+      field: "value",
+      caption: "default",
+      width: 180,
+      columnType: new cheetahGrid.columns.type.NumberColumn(),
+    },
+    {
+      field: "value",
+      caption: "columnType: number",
+      width: 180,
+      columnType: "number",
+    },
+    {
+      field: "value",
+      caption: "JPY",
+      width: 180,
+      columnType: new cheetahGrid.columns.type.NumberColumn({
+        format: new Intl.NumberFormat("ja-JP", {
+          style: "currency",
+          currency: "JPY",
+        }),
+      }),
+    },
+    {
+      field: "value",
+      caption: "USD",
+      width: 180,
+      columnType: new cheetahGrid.columns.type.NumberColumn({
+        format: new Intl.NumberFormat("en-US", {
+          style: "currency",
+          currency: "USD",
+        }),
+      }),
+    },
+    {
+      field: "value",
+      caption: "EUR",
+      width: 180,
+      columnType: new cheetahGrid.columns.type.NumberColumn({
+        format: new Intl.NumberFormat("de-DE", {
+          style: "currency",
+          currency: "EUR",
+        }),
+      }),
+    },
+  ],
+});
+grid.records = [
+  { value: 1234567890 },
+  { value: 1234567890.12 },
+  { value: -1234567890.123 },
+  { value: -1234567890.123456 },
+];
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61

+ ← + + CheckColumn + + → +

+ + + diff --git a/documents/api/js/column_types/PercentCompleteBarColumn.html b/documents/api/js/column_types/PercentCompleteBarColumn.html new file mode 100644 index 000000000..90e980032 --- /dev/null +++ b/documents/api/js/column_types/PercentCompleteBarColumn.html @@ -0,0 +1,132 @@ + + + + + + PercentCompleteBarColumn | Cheetah Grid + + + + + + + + + + + + + + +
Cheetah Grid

# PercentCompleteBarColumn

Show the percent complete bar.

# Constructor Properties

Property Description
min Defines the minimum value of the bar.
max Defines the maximum value of the bar.
formatter Define the value display format.

# Style Properties

Property Description Default
barColor Define color of bar. you can set a function that returns color from the value. --
barBgColor Define background color of bar. --
barHeight Define height of bar. --

In addition to this, the Standard styles is available.

<div class="sample1 demo-grid middle"></div>
+
1
const grid = new cheetahGrid.ListGrid({
+  parentElement: document.querySelector(".sample1"),
+  header: [
+    { field: "percent", caption: "label", width: 100 },
+    {
+      field: "percent",
+      caption: "percent",
+      width: 200,
+      columnType: new cheetahGrid.columns.type.PercentCompleteBarColumn(),
+    },
+    {
+      field: "value",
+      caption: "value(10-20)",
+      width: 200,
+      columnType: new cheetahGrid.columns.type.PercentCompleteBarColumn({
+        min: 10,
+        max: 20,
+      }),
+    },
+    {
+      field: "value",
+      caption: "value(format)",
+      width: 200,
+      columnType: new cheetahGrid.columns.type.PercentCompleteBarColumn({
+        min: 10,
+        max: 20,
+        formatter: (v) => `${v}pt`,
+      }),
+    },
+    {
+      field: "percent",
+      caption: "percent2",
+      width: 200,
+      columnType: new cheetahGrid.columns.type.PercentCompleteBarColumn({
+        formatter: (s) => "",
+      }),
+      style: {
+        barHeight: 19,
+      },
+    },
+    {
+      field: "percent",
+      caption: "percent3",
+      width: 200,
+      columnType: new cheetahGrid.columns.type.PercentCompleteBarColumn(),
+      style: {
+        barBgColor: "#aaa",
+        barColor: "#444",
+      },
+    },
+    {
+      field: "percent",
+      caption: "percent4",
+      width: 200,
+      columnType: new cheetahGrid.columns.type.PercentCompleteBarColumn(),
+      style: {
+        barBgColor: (per) => (per > 50 ? "#faa" : "#aaa"),
+        barColor: (per) => (per > 50 ? "#f44" : "#444"),
+      },
+    },
+  ],
+  frozenColCount: 1,
+});
+grid.records = [
+  { percent: "100%", value: 20 },
+  { percent: "80%", value: 18 },
+  { percent: "60%", value: 16 },
+  { percent: "40%", value: 14 },
+  { percent: "20%", value: 12 },
+  { percent: "0%", value: 10 },
+];
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71

+ ← + + IconColumn + + → +

+ + + diff --git a/documents/api/js/column_types/RadioColumn.html b/documents/api/js/column_types/RadioColumn.html new file mode 100644 index 000000000..1b3303791 --- /dev/null +++ b/documents/api/js/column_types/RadioColumn.html @@ -0,0 +1,109 @@ + + + + + + RadioColumn | Cheetah Grid + + + + + + + + + + + + + + +
Cheetah Grid

# RadioColumn

Show the radio button.

To make it editable, please use RadioEditor.

# Style Properties

Property Description Default
checkColor Define check mark color of radio button. resolve by the theme.
checkBgColor Define background color of radio button, when it is checked. resolve by the theme.
uncheckBgColor Define background color of radio button, when it is unchecked. resolve by the theme.
checkBorderColor Define border color of radio button, when it is checked. resolve by the theme.
uncheckBorderColor Define border color of radio button, when it is unchecked. resolve by the theme.
textAlign Define horizontal position of radio button in cell. 'center'
textBaseline Define vertical position of radio button in cell. --
bgColor Define background color of cell. resolve by the theme.
<div class="sample1 demo-grid small"></div>
+
1
const grid = new cheetahGrid.ListGrid({
+  parentElement: document.querySelector(".sample1"),
+  header: [
+    {
+      field: "c1",
+      caption: "radio",
+      width: 100,
+      columnType: "radio", // or `new cheetahGrid.columns.type.RadioColumn()`
+    },
+    {
+      field: "c2",
+      caption: "style",
+      width: 100,
+      columnType: "radio",
+      style: {
+        checkColor: "rgb(255, 73, 72)",
+        checkBgColor: "#FDD",
+        checkBorderColor: "red",
+        uncheckBgColor: "#DDF",
+        uncheckBorderColor: "rgb(72, 73, 255)",
+      },
+    },
+    {
+      caption: "show",
+      width: 100,
+      columnType: new cheetahGrid.columns.type.ButtonColumn({
+        caption: "SHOW",
+      }),
+      action: new cheetahGrid.columns.action.ButtonAction({
+        action(rec) {
+          alert(JSON.stringify(rec, null, "  "));
+        },
+      }),
+    },
+  ],
+});
+grid.records = [
+  { c1: true, c2: false },
+  { c1: false, c2: true },
+  { c1: true, c2: false },
+  { c1: false, c2: true },
+  { c1: true, c2: false },
+  { c1: false, c2: true },
+  { c1: true, c2: false },
+  { c1: false, c2: true },
+  { c1: true, c2: false },
+  { c1: false, c2: true },
+];
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48

+ ← + + Define Column Styles + + → +

+ + + diff --git a/documents/api/js/column_types/index.html b/documents/api/js/column_types/index.html new file mode 100644 index 000000000..98b23f830 --- /dev/null +++ b/documents/api/js/column_types/index.html @@ -0,0 +1,112 @@ + + + + + + Define Column Types | Cheetah Grid + + + + + + + + + + + + + + +
Cheetah Grid

# Define Column Types

# Standard Column Type

Set the column type by using columnType.

property description LINK
none draw text in the cell ---
'number' draw number in the cell with comma-separated NumberColumn
'check' draw checkbox in the cell CheckColumn
'button' draw button in the cell ButtonColumn
'image' draw image in the cell ImageColumn
'multilinetext' draw multiline text in the cell MultilineTextColumn
'radio' draw radio button in the cell RadioColumn
<div class="sample1 demo-grid small"></div>
+
1
const grid = new cheetahGrid.ListGrid({
+  parentElement: document.querySelector(".sample1"),
+  header: [
+    { field: "no", caption: "no", width: 50 },
+
+    //default
+    { field: "default", caption: "default", width: 150 },
+  ],
+});
+grid.records = [
+  { no: 1, default: "sample text" },
+  { no: 2, default: "sample text" },
+  { no: 3, default: "sample text" },
+];
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<div class="sample2 demo-grid small"></div>
+
1
const grid = new cheetahGrid.ListGrid({
+  parentElement: document.querySelector(".sample2"),
+  header: [
+    { field: "no", caption: "no", width: 50 },
+
+    { field: "number", caption: "number", width: 180, columnType: "number" },
+    {
+      field: "check",
+      caption: "check",
+      width: 50,
+      columnType: "check",
+      action: "check",
+    },
+    {
+      caption: "button",
+      width: 100,
+      columnType: new cheetahGrid.columns.type.ButtonColumn({
+        caption: "show rec",
+      }),
+      action: new cheetahGrid.columns.action.ButtonAction({
+        action(rec) {
+          alert(JSON.stringify(rec));
+        },
+      }),
+    },
+  ],
+});
+grid.records = [
+  { no: 1, number: 12345, check: true },
+  { no: 2, number: 67890, check: false },
+  { no: 3, number: 1234567890.098, check: true },
+];
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32

# Advanced Column Type

You can try kinds of view type by defining columnType property using the instance.

Please refer to here

+ ← + + Column Type Classes + + → +

+ + + diff --git a/documents/api/js/column_width.html b/documents/api/js/column_width.html new file mode 100644 index 000000000..184a9f67c --- /dev/null +++ b/documents/api/js/column_width.html @@ -0,0 +1,94 @@ + + + + + + Define Column Width | Cheetah Grid + + + + + + + + + + + + + + +
Cheetah Grid

# Define Column Width

You can set the width of each column by using width property. +If nothing is set to width property, the value of defaultColWidth (property in grid) is used.

You can use %, calc() or auto by setting a string to the width property.

You can also set the minimum and maximum widths by setting the minWidth and maxWidth properties.

<div class="sample1 demo-grid middle"></div>
+
1
const records = generatePersons(100);
+
+const grid = new cheetahGrid.ListGrid({
+  parentElement: document.querySelector(".sample1"),
+  header: [
+    {
+      field: "check",
+      caption: "",
+      columnType: "check",
+      action: "check",
+      minWidth: 50,
+      maxWidth: 50,
+    },
+    {
+      field: "personid",
+      caption: "ID",
+      width: "10%",
+      minWidth: "50px",
+      maxWidth: "50%",
+    },
+    { field: "fname", caption: "First Name", width: "auto", minWidth: "120px" },
+    { field: "lname", caption: "Last Name", width: "auto", minWidth: "120px" },
+    {
+      field: "email",
+      caption: "Email",
+      width: "calc(60% - 110px)",
+      minWidth: "120px",
+    },
+  ],
+  defaultColWidth: 50,
+});
+grid.records = records;
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32

+ ← + + Define Column Types + + → +

+ + + diff --git a/documents/api/js/events.html b/documents/api/js/events.html new file mode 100644 index 000000000..e78f50b51 --- /dev/null +++ b/documents/api/js/events.html @@ -0,0 +1,159 @@ + + + + + + Events | Cheetah Grid + + + + + + + + + + + + + + +
Cheetah Grid

# Events

You can set an event listener using the listen(type, listener) method.

Please get the event type from cheetahGrid.ListGrid.EVENT_TYPE (opens new window).

<textarea class="log" style="width: 100%; height: 100px;">Event logs</textarea>
+<input class="include-mouse" type="checkbox" /><label
+  >Include mousemove,mouseenter,mouseleave in the log</label
+>
+<div class="sample1 demo-grid middle"></div>
+
1
2
3
4
5
const lang =
+  navigator.language || navigator.userLanguage || navigator.browserLanguage;
+const records = generatePersons(100);
+const grid = new cheetahGrid.ListGrid({
+  parentElement: document.querySelector(".sample1"),
+  header: [
+    {
+      field: "check",
+      caption: "",
+      width: 60,
+      columnType: "check",
+      action: "check",
+    },
+    { field: "personid", caption: "ID", width: 100 },
+    { field: "fname", caption: "First Name", width: 200, action: "input" },
+    { field: "lname", caption: "Last Name", width: 200, action: "input" },
+    { field: "email", caption: "Email", width: 250, action: "input" },
+    {
+      field(rec) {
+        return rec.birthday.toLocaleString(lang, {
+          year: "numeric",
+          month: "long",
+          day: "numeric",
+        });
+      },
+      caption: "birthday",
+      width: 500,
+    },
+  ],
+  frozenColCount: 1,
+  records,
+});
+
+const log = (typeName, args) => {
+  const el = document.querySelector(".log");
+  el.value += `\nEvent: ${typeName} , args (${args
+    .map(JSON.stringify)
+    .join(", ")})`;
+  el.value = el.value.trim();
+  el.scrollTop = el.scrollHeight;
+};
+
+const {
+  CLICK_CELL,
+  DBLCLICK_CELL,
+  DBLTAP_CELL,
+  MOUSEDOWN_CELL,
+  MOUSEUP_CELL,
+  SELECTED_CELL,
+  KEYDOWN,
+  MOUSEMOVE_CELL,
+  MOUSEENTER_CELL,
+  MOUSELEAVE_CELL,
+  MOUSEOVER_CELL,
+  MOUSEOUT_CELL,
+  INPUT_CELL,
+  PASTE_CELL,
+  RESIZE_COLUMN,
+  SCROLL,
+  CHANGED_VALUE,
+} = cheetahGrid.ListGrid.EVENT_TYPE;
+
+grid.listen(CLICK_CELL, (...args) => log(CLICK_CELL, args));
+grid.listen(DBLCLICK_CELL, (...args) => log(DBLCLICK_CELL, args));
+grid.listen(DBLTAP_CELL, (...args) => log(DBLTAP_CELL, args));
+grid.listen(MOUSEDOWN_CELL, (...args) => log(MOUSEDOWN_CELL, args));
+grid.listen(MOUSEUP_CELL, (...args) => log(MOUSEUP_CELL, args));
+grid.listen(SELECTED_CELL, (...args) => log(SELECTED_CELL, args));
+grid.listen(KEYDOWN, (...args) => log(KEYDOWN, args));
+grid.listen(INPUT_CELL, (...args) => log(INPUT_CELL, args));
+grid.listen(PASTE_CELL, (...args) => log(PASTE_CELL, args));
+grid.listen(RESIZE_COLUMN, (...args) => log(RESIZE_COLUMN, args));
+grid.listen(SCROLL, (...args) => log(SCROLL, args));
+
+grid.listen(CHANGED_VALUE, (...args) => log(CHANGED_VALUE, args));
+
+grid.listen(MOUSEMOVE_CELL, (...args) => {
+  if (!document.querySelector(".include-mouse").checked) {
+    return;
+  }
+  log(MOUSEMOVE_CELL, args);
+});
+grid.listen(MOUSEENTER_CELL, (...args) => {
+  if (!document.querySelector(".include-mouse").checked) {
+    return;
+  }
+  log(MOUSEENTER_CELL, args);
+});
+grid.listen(MOUSELEAVE_CELL, (...args) => {
+  if (!document.querySelector(".include-mouse").checked) {
+    return;
+  }
+  log(MOUSELEAVE_CELL, args);
+});
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
Event Name Description
EVENT_TYPE.CLICK_CELL Fires when the cell was clicked.
EVENT_TYPE.DBLCLICK_CELL Fires when the cell was double-clicked.
EVENT_TYPE.DBLTAP_CELL Fires when the cell was double-taped.
EVENT_TYPE.MOUSEDOWN_CELL Fires when pointing device button is pressed in a cell.
EVENT_TYPE.MOUSEUP_CELL Fires when pointing device button is released in a cell.
EVENT_TYPE.SELECTED_CELL Fires when the cell selection state has changed.
EVENT_TYPE.KEYDOWN Fires key-downed.
EVENT_TYPE.MOUSEMOVE_CELL TBA
EVENT_TYPE.MOUSEENTER_CELL TBA
EVENT_TYPE.MOUSELEAVE_CELL TBA
EVENT_TYPE.MOUSEOVER_CELL TBA
EVENT_TYPE.MOUSEOUT_CELL TBA
EVENT_TYPE.CONTEXTMENU_CELL Fires when the user attempts to open a context menu in the cell.
EVENT_TYPE.INPUT_CELL TBA
EVENT_TYPE.PASTE_CELL TBA
EVENT_TYPE.DELETE_CELL TBA
EVENT_TYPE.EDITABLEINPUT_CELL TBA
EVENT_TYPE.MODIFY_STATUS_EDITABLEINPUT_CELL TBA
EVENT_TYPE.RESIZE_COLUMN Fires when the column width has changed.
EVENT_TYPE.SCROLL Fires when scrolled.
EVENT_TYPE.FOCUS_GRID Fires when grid focus is activated.
EVENT_TYPE.BLUR_GRID Fires when grid focus is inactivated.
EVENT_TYPE.BEFORE_CHANGE_VALUE Notifies that before the cell value changes.
EVENT_TYPE.CHANGED_VALUE Fires when the cell value was changed.
EVENT_TYPE.CHANGED_HEADER_VALUE Fires when the header cell value was changed.
EVENT_TYPE.REJECTED_PASTE_VALUES Notifies that the pasted value has been rejected.

+ ← + + Theme + + → +

+ + + diff --git a/documents/api/js/grid_data/FilterDataSource.html b/documents/api/js/grid_data/FilterDataSource.html new file mode 100644 index 000000000..853a31852 --- /dev/null +++ b/documents/api/js/grid_data/FilterDataSource.html @@ -0,0 +1,217 @@ + + + + + + FilterDataSource | Cheetah Grid + + + + + + + + + + + + + + +
Cheetah Grid

# FilterDataSource

Filtering the data to be displayed using FilterDataSource.
+Generate a FilterDataSource instance by passing DataSource as the constructor argument.
+If you want to generate from array, describe as new cheetahGrid.data.FilterDataSource(cheetahGrid.data.DataSource.ofArray(array)).

<label>Filter:</label><input class="sample1-filter-input" />
+<div class="sample1 demo-grid large"></div>
+
1
2
/**
+ * @type {DataSource}
+ */
+const personsDataSource = generatePersonsDataSource(1000000);
+const filterDataSource = new cheetahGrid.data.FilterDataSource(
+  personsDataSource
+);
+
+const grid = new cheetahGrid.ListGrid({
+  parentElement: document.querySelector(".sample1"),
+  header: [
+    {
+      field: "check",
+      caption: "",
+      width: 50,
+      columnType: "check",
+      action: "check",
+    },
+    { field: "personid", caption: "ID", width: 100 },
+    {
+      caption: "name",
+      columns: [
+        { field: "fname", caption: "First Name", width: 200 },
+        { field: "lname", caption: "Last Name", width: 200 },
+      ],
+    },
+    { field: "email", caption: "Email", width: 250 },
+    {
+      field(rec) {
+        const d = rec.birthday;
+        return `${d.getFullYear()}/${d.getMonth() + 1}/${d.getDate()}`;
+      },
+      caption: "birthday",
+      width: 100,
+    },
+    {
+      caption: "button",
+      width: 120,
+      /* button column */
+      columnType: new cheetahGrid.columns.type.ButtonColumn({
+        caption: "SHOW REC",
+      }),
+      action: new cheetahGrid.columns.action.ButtonAction({
+        action(rec) {
+          alert(JSON.stringify(rec));
+        },
+      }),
+    },
+  ],
+  frozenColCount: 2,
+});
+grid.dataSource = filterDataSource;
+
+const input = document.querySelector(".sample1-filter-input");
+input.addEventListener("input", () => {
+  const filterValue = input.value;
+  filterDataSource.filter = filterValue
+    ? (record) => {
+        // filtering method
+        for (const k in record) {
+          if (`${record[k]}`.indexOf(filterValue) >= 0) {
+            return true;
+          }
+        }
+        return false;
+      }
+    : null;
+  // Please call `invalidate()`
+  grid.invalidate();
+});
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70

# Using Promises

This feature is available even if record data is Promise.

<label>Filter:</label><input class="sample2-filter-input" />
+<div class="sample2 demo-grid large"></div>
+
1
2
const personsDataSource = new cheetahGrid.data.CachedDataSource({
+  get(index) {
+    return new Promise((resolve) => {
+      console.log(`get record:${index}`);
+      setTimeout(() => {
+        resolve(generatePerson(index));
+      }, 300);
+    });
+  },
+  length: 1000000,
+});
+
+const grid = new cheetahGrid.ListGrid({
+  parentElement: document.querySelector(".sample2"),
+  header: [
+    {
+      field: "check",
+      caption: "",
+      width: 50,
+      columnType: "check",
+      action: "check",
+    },
+    { field: "personid", caption: "ID", width: 100 },
+    {
+      caption: "name",
+      columns: [
+        { field: "fname", caption: "First Name", width: 200 },
+        { field: "lname", caption: "Last Name", width: 200 },
+      ],
+    },
+    { field: "email", caption: "Email", width: 250 },
+    {
+      field(rec) {
+        const d = rec.birthday;
+        return `${d.getFullYear()}/${d.getMonth() + 1}/${d.getDate()}`;
+      },
+      caption: "birthday",
+      width: 100,
+    },
+    {
+      caption: "button",
+      width: 120,
+      /* button column */
+      columnType: new cheetahGrid.columns.type.ButtonColumn({
+        caption: "SHOW REC",
+      }),
+      action: new cheetahGrid.columns.action.ButtonAction({
+        action(rec) {
+          alert(JSON.stringify(rec));
+        },
+      }),
+    },
+  ],
+  frozenColCount: 2,
+});
+const filterDataSource = new cheetahGrid.data.FilterDataSource(
+  personsDataSource
+);
+grid.dataSource = filterDataSource;
+
+const input = document.querySelector(".sample2-filter-input");
+input.addEventListener("input", () => {
+  const filterValue = input.value;
+  filterDataSource.filter = filterValue
+    ? (record) => {
+        // filtering method
+        for (const k in record) {
+          if (`${record[k]}`.indexOf(filterValue) >= 0) {
+            return true;
+          }
+        }
+        return false;
+      }
+    : null;
+  // Please call `invalidate()`
+  grid.invalidate();
+});
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77

+ ← + + Selection Property + + → +

+ + + diff --git a/documents/api/js/grid_data/index.html b/documents/api/js/grid_data/index.html new file mode 100644 index 000000000..22939a749 --- /dev/null +++ b/documents/api/js/grid_data/index.html @@ -0,0 +1,165 @@ + + + + + + Grid Data | Cheetah Grid + + + + + + + + + + + + + + +
Cheetah Grid

# Grid Data

Can use the Array object or cheetahGrid.data.DataSource object for grid data.

# Using Array object

<div class="sample1 demo-grid middle"></div>
+
1
const grid = new cheetahGrid.ListGrid({
+  parentElement: document.querySelector(".sample1"),
+  header: [
+    { field: "personid", caption: "ID", width: 100 },
+    { field: "fname", caption: "First Name", width: 200 },
+    { field: "lname", caption: "Last Name", width: 200 },
+    { field: "email", caption: "Email", width: 250 },
+  ],
+  frozenColCount: 1,
+});
+// set array records
+grid.records = [
+  {
+    personid: 1,
+    fname: "Sophia",
+    lname: "Hill",
+    email: "sophia_hill@example.com",
+  },
+  {
+    personid: 2,
+    fname: "Aubrey",
+    lname: "Martin",
+    email: "aubrey_martin@example.com",
+  },
+  {
+    personid: 3,
+    fname: "Avery",
+    lname: "Jones",
+    email: "avery_jones@example.com",
+  },
+  {
+    personid: 4,
+    fname: "Joseph",
+    lname: "Rodriguez",
+    email: "joseph_rodriguez@example.com",
+  },
+  {
+    personid: 5,
+    fname: "Samuel",
+    lname: "Campbell",
+    email: "samuel_campbell@example.com",
+  },
+  {
+    personid: 6,
+    fname: "Joshua",
+    lname: "Ortiz",
+    email: "joshua_ortiz@example.com",
+  },
+  {
+    personid: 7,
+    fname: "Mia",
+    lname: "Foster",
+    email: "mia_foster@example.com",
+  },
+  {
+    personid: 8,
+    fname: "Landon",
+    lname: "Lopez",
+    email: "landon_lopez@example.com",
+  },
+  {
+    personid: 9,
+    fname: "Audrey",
+    lname: "Cox",
+    email: "audrey_cox@example.com",
+  },
+  {
+    personid: 10,
+    fname: "Anna",
+    lname: "Ramirez",
+    email: "anna_ramirez@example.com",
+  },
+];
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73

# Using cheetahGrid.data.DataSource object

<div class="sample2 demo-grid middle"></div>
+
1
// define cache
+const array = [];
+const getPerson = (index) =>
+  array[index] || (array[index] = generatePerson(index));
+
+const grid = new cheetahGrid.ListGrid({
+  parentElement: document.querySelector(".sample2"),
+  header: [
+    { field: "personid", caption: "ID", width: 100 },
+    { field: "fname", caption: "First Name", width: 200 },
+    { field: "lname", caption: "Last Name", width: 200 },
+    { field: "email", caption: "Email", width: 250 },
+  ],
+  frozenColCount: 1,
+});
+grid.dataSource = new cheetahGrid.data.CachedDataSource({
+  // Get record method
+  get(index) {
+    return getPerson(index);
+  },
+  // Number of records
+  length: 10000,
+});
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

cheetahGrid.data.DataSource has subclasses +cheetahGrid.data.CachedDataSource and cheetahGrid.data.FilterDataSource

CachedDataSource has the ability to cache the return value if the record is a Promise object. +If you know that the record does not become Promise, you can use DataSource, +In this case it is recommended to use CachedDataSource as CachedDataSource does not change in behavior.

+ ← + + Using Promises + + → +

+ + + diff --git a/documents/api/js/grid_data/using_promises.html b/documents/api/js/grid_data/using_promises.html new file mode 100644 index 000000000..7364f3e7d --- /dev/null +++ b/documents/api/js/grid_data/using_promises.html @@ -0,0 +1,188 @@ + + + + + + Using Promises | Cheetah Grid + + + + + + + + + + + + + + +
Cheetah Grid

# Using Promises

Cheetah Grid supports Promise object. +We suppose the situations below as a example.

  • Get the record informations as deferred
    +Get and show a few records in first view. Remaining records are shown when scrolled.
  • Get the cell informations as deferred
    +Get and show the important informations in first view. Remaining details are shown later.

# Promise Records

Shows usage below.

In this example grid shows 1,000 recors as a whole. Getting 100 records by each ajax is supposed.

<textarea
+  class="rec_sample_log"
+  style="width: 100%; height: 100px;"
+  readonly="true"
+>
+ajax logs</textarea
+>
+<div class="rec_sample demo-grid middle"></div>
+
1
2
3
4
5
6
7
8

getRecordsWithAjax in example code returns Promise object which get 100 records by ajax.

const getRecordsWithAjax = (startIndex, num) =>
+  new Promise((resolve) => {
+    setTimeout(() => {
+      const records = [];
+      for (let i = 0; i < num; i++) {
+        records.push(generatePerson(startIndex + i));
+      }
+      const log = document.querySelector(".rec_sample_log");
+      log.value += `\nAcquire ${num} data from index ${startIndex}.`;
+      log.value = log.value.trim();
+      log.scrollTop = log.scrollHeight;
+
+      resolve(records);
+    }, 500);
+  });
+
+// create DataSource
+const loadedData = {};
+const dataSource = new cheetahGrid.data.CachedDataSource({
+  get(index) {
+    const loadStartIndex = Math.floor(index / 100) * 100;
+    if (!loadedData[loadStartIndex]) {
+      const promiseObject = getRecordsWithAjax(loadStartIndex, 100); // return Promise Object
+      loadedData[loadStartIndex] = promiseObject;
+    }
+    return loadedData[loadStartIndex].then(
+      (data) => data[index - loadStartIndex]
+    );
+  },
+  length: 1000, //all records count
+});
+
+// create cheetahGrid
+const grid = new cheetahGrid.ListGrid({
+  parentElement: document.querySelector(".rec_sample"),
+  header: [
+    { field: "personid", caption: "ID", width: 100 },
+    { field: "fname", caption: "First Name", width: 200 },
+    { field: "lname", caption: "Last Name", width: 200 },
+    { field: "email", caption: "Email", width: 250 },
+    {
+      field: (rec) => new Intl.DateTimeFormat().format(rec.birthday),
+      caption: "birthday",
+      width: 200,
+    },
+  ],
+  frozenColCount: 1,
+});
+grid.configure("fadeinWhenCallbackInPromise", true);
+
+// set dataSource
+grid.dataSource = dataSource;
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52

# Promise Cells

Example below shows Person data. Department informations are shown later by ajax.

<textarea
+  class="cell_sample_log"
+  style="width: 100%; height: 100px;"
+  readonly="true"
+>
+ajax logs</textarea
+>
+<div class="cell_sample demo-grid middle"></div>
+
1
2
3
4
5
6
7
8

getPersonDeptWithAjax in example code returns Promise object which get department information by ajax.

const records = generatePersons(1000);
+const depts = [
+  "General Affairs",
+  "Personal",
+  "General Accounting",
+  "Sales",
+  "Sales Promotion",
+  "Procurement",
+  "Development",
+  "Engineering",
+  "Manufacturing",
+  "Procurement",
+  "Export",
+  "Public Relations",
+  "Information & Research",
+  "Legal",
+  "Advertising",
+  "Planning",
+  "Secretary",
+];
+const getPersonDeptWithAjax = (personid) =>
+  new Promise((resolve) => {
+    setTimeout(() => {
+      const dept = depts[Math.floor(Math.random() * depts.length)];
+      const log = document.querySelector(".cell_sample_log");
+      log.value += `\nAcquire department data of personid: ${personid}. => department: ${dept}`;
+      log.value = log.value.trim();
+      log.scrollTop = log.scrollHeight;
+
+      resolve(dept);
+    }, 500);
+  });
+
+const grid = new cheetahGrid.ListGrid({
+  parentElement: document.querySelector(".cell_sample"),
+  header: [
+    { field: "personid", caption: "ID", width: 100 },
+    { field: "fname", caption: "First Name", width: 200 },
+    { field: "lname", caption: "Last Name", width: 200 },
+    { field: "email", caption: "Email", width: 250 },
+    {
+      field(rec) {
+        return getPersonDeptWithAjax(rec.personid); // return Promise Object
+      },
+      caption: "Department",
+      width: 250,
+    },
+  ],
+  frozenColCount: 1,
+});
+grid.configure("fadeinWhenCallbackInPromise", true);
+
+grid.records = records;
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53

+ ← + + FilterDataSource + + → +

+ + + diff --git a/documents/api/js/headers_columns.html b/documents/api/js/headers_columns.html new file mode 100644 index 000000000..a9784b406 --- /dev/null +++ b/documents/api/js/headers_columns.html @@ -0,0 +1,168 @@ + + + + + + Define Headers and Columns | Cheetah Grid + + + + + + + + + + + + + + +
Cheetah Grid

# Define Headers and Columns

# Standard Column

The header property, the property of cheetahGrid.ListGrid, decides the behave and appearance of columns and header cells.
+We can set this property by constructor arguments or instance property.

The header property must be set by objects array (Array<object>).
+In the standard definition, each object consists of following properties.

Property Type Description LINK
caption string define the header caption ---
field string | function | {get:function,set?:function} define the field name, getter function, or accessor object of the record to display in the cell ---
width string | number define the width of column link
minWidth string | number define the minimum width of column link
maxWidth string | number define the maximum width of column link
columnType string | object define the type of column link
style string | object | function define the style of column link
action string | object define the action of column link
<div class="sample1 demo-grid middle"></div>
+
1
/*
+  record object properties
+  {
+    personid: 'ID',
+    fname: 'First Name',
+    lname: 'Last Name',
+    email: 'Email',
+    birthday: 'birthday',
+  }
+ */
+const records = generatePersons(100);
+
+const grid = new cheetahGrid.ListGrid({
+  parentElement: document.querySelector(".sample1"),
+  header: [
+    { field: "personid", caption: "ID", width: 100 },
+    { field: "fname", caption: "First Name", width: 200 },
+    { field: "lname", caption: "Last Name", width: 200 },
+    { field: "email", caption: "Email", width: 250 },
+    { field: getBirthday, caption: "Birthday", width: 200 },
+  ],
+  frozenColCount: 1,
+});
+grid.records = records;
+
+function getBirthday(rec) {
+  const dateTimeFormat = new Intl.DateTimeFormat("en-US", {
+    year: "numeric",
+    month: "numeric",
+    day: "numeric",
+  });
+  return dateTimeFormat.format(rec.birthday);
+}
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33

# field property

field is one of the most basic properties. It provides the data to display from the record to the cell. +You can choose and define one of the 3 formats.

# string format

Define the property name to get the cell data from the record as a string.

For example:

const grid = new cheetahGrid.ListGrid({
+  // ...
+  header: [
+    // ...
+    {
+      field: "email",
+      // ...
+    },
+    // ...
+  ],
+  // ...
+});
+
1
2
3
4
5
6
7
8
9
10
11
12

# function format

Define the getter function that get the cell data from the record.

For example:

const grid = new cheetahGrid.ListGrid({
+  // ...
+  header: [
+    // ...
+    {
+      field: (record) => record.email,
+      // ...
+    },
+    // ...
+  ],
+  // ...
+});
+
1
2
3
4
5
6
7
8
9
10
11
12

# object format

Define an object with a getter function that gets the cell data from the record and a setter function that sets the cell data to the record.

For example:

const grid = new cheetahGrid.ListGrid({
+  // ...
+  header: [
+    // ...
+    {
+      field: {
+        get: (record) => record.email,
+        set: (record, newValue) => (record.email = newValue),
+      },
+      // ...
+    },
+    // ...
+  ],
+  // ...
+});
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

# Multiple Header

To use multiple header, set the hierarchical structured Object to the header property.

<div class="sample2 demo-grid middle"></div>
+
1
const grid = new cheetahGrid.ListGrid({
+  parentElement: document.querySelector(".sample2"),
+  header: [
+    { field: "personid", caption: "ID", width: 100 },
+    {
+      /* multiple header */
+      caption: "name",
+      columns: [
+        { field: "fname", caption: "First Name", width: 200 },
+        { field: "lname", caption: "Last Name", width: 200 },
+      ],
+    },
+    { field: "email", caption: "Email", width: 250 },
+    { field: getBirthday, caption: "Birthday", width: 200 },
+  ],
+  frozenColCount: 1,
+});
+grid.records = records;
+
+function getBirthday(rec) {
+  const dateTimeFormat = new Intl.DateTimeFormat("en-US", {
+    year: "numeric",
+    month: "numeric",
+    day: "numeric",
+  });
+  return dateTimeFormat.format(rec.birthday);
+}
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

+ ← + + Define Column Width + + → +

+ + + diff --git a/documents/api/js/index.html b/documents/api/js/index.html new file mode 100644 index 000000000..5166eec9d --- /dev/null +++ b/documents/api/js/index.html @@ -0,0 +1,56 @@ + + + + + + API for JavaScript | Cheetah Grid + + + + + + + + + + + + + + + + + + diff --git a/documents/api/js/options/allowRangePaste.html b/documents/api/js/options/allowRangePaste.html new file mode 100644 index 000000000..9c2dd0778 --- /dev/null +++ b/documents/api/js/options/allowRangePaste.html @@ -0,0 +1,351 @@ + + + + + + Examples of allowRangePaste | Cheetah Grid + + + + + + + + + + + + + + +
Cheetah Grid

# Examples of allowRangePaste

  • Simple Layout
<div class="sample1 demo-grid large"></div>
+
1
const menuOptions = [
+  { value: "", label: "Empty" },
+  { value: "1", label: "Option 1" },
+  { value: "2", label: "Option 2" },
+  { value: "3", label: "Option 3" },
+  { value: "4", label: "Option 4" },
+  { value: "5", label: "Option 5" },
+  { value: "6", label: "Option 6" },
+  { value: "7", label: "Option 7" },
+];
+const grid = new cheetahGrid.ListGrid({
+  parentElement: document.querySelector(".sample1"),
+  allowRangePaste: true, // Allow pasting of range.
+  header: [
+    {
+      field: "selected",
+      caption: "",
+      width: 80,
+      columnType: "check",
+      action: "check",
+    },
+    { field: "personid", caption: "ID", width: 100, action: "input" },
+    {
+      field: "fname",
+      caption: "First Name",
+      width: "auto",
+      minWidth: 30,
+      action: "input",
+    },
+    {
+      field: "lname",
+      caption: "Last Name",
+      width: "auto",
+      minWidth: 30,
+      action: "input",
+    },
+    {
+      field: "email",
+      caption: "Email",
+      width: "auto",
+      minWidth: 30,
+      action: "input",
+    },
+    {
+      field: "option",
+      caption: "Option",
+      width: "auto",
+      minWidth: 30,
+      columnType: new cheetahGrid.columns.type.MenuColumn({
+        options: menuOptions,
+      }),
+      action: new cheetahGrid.columns.action.InlineMenuEditor({
+        options: menuOptions,
+      }),
+    },
+  ],
+  frozenColCount: 1,
+});
+
+grid.records = [
+  {
+    personid: 1,
+    fname: "Sophia",
+    lname: "Hill",
+    email: "sophia_hill@example.com",
+    option: "",
+  },
+  {
+    personid: 2,
+    fname: "Aubrey",
+    lname: "Martin",
+    email: "aubrey_martin@example.com",
+    option: "",
+  },
+  {
+    personid: 3,
+    fname: "Avery",
+    lname: "Jones",
+    email: "avery_jones@example.com",
+    option: "",
+  },
+  {
+    personid: 4,
+    fname: "Joseph",
+    lname: "Rodriguez",
+    email: "joseph_rodriguez@example.com",
+    option: "",
+  },
+  {
+    personid: 5,
+    fname: "Samuel",
+    lname: "Campbell",
+    email: "samuel_campbell@example.com",
+    option: "",
+  },
+  {
+    personid: 6,
+    fname: "Joshua",
+    lname: "Ortiz",
+    email: "joshua_ortiz@example.com",
+    option: "",
+  },
+  {
+    personid: 7,
+    fname: "Mia",
+    lname: "Foster",
+    email: "mia_foster@example.com",
+    option: "",
+  },
+  {
+    personid: 8,
+    fname: "Landon",
+    lname: "Lopez",
+    email: "landon_lopez@example.com",
+    option: "",
+  },
+  {
+    personid: 9,
+    fname: "Audrey",
+    lname: "Cox",
+    email: "audrey_cox@example.com",
+    option: "",
+  },
+  {
+    personid: 10,
+    fname: "Anna",
+    lname: "Ramirez",
+    email: "anna_ramirez@example.com",
+    option: "",
+  },
+];
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
  • Advanced Layout
<div class="sample2 demo-grid large"></div>
+
1
const menuOptions = [
+  { value: "", label: "Empty" },
+  { value: "1", label: "Option 1" },
+  { value: "2", label: "Option 2" },
+  { value: "3", label: "Option 3" },
+  { value: "4", label: "Option 4" },
+  { value: "5", label: "Option 5" },
+  { value: "6", label: "Option 6" },
+  { value: "7", label: "Option 7" },
+];
+const grid = new cheetahGrid.ListGrid({
+  parentElement: document.querySelector(".sample2"),
+  allowRangePaste: true, // Allow pasting of range.
+  layout: {
+    header: [
+      [
+        { caption: "", rowSpan: 2, width: 80 },
+        { caption: "ID", rowSpan: 2, width: 100 },
+        { caption: "First Name", width: "auto", minWidth: 30 },
+        { caption: "Email", width: "auto", minWidth: 30 },
+      ],
+      [{ caption: "Last Name" }, { caption: "Option" }],
+    ],
+    body: [
+      [
+        { field: "selected", rowSpan: 2, columnType: "check", action: "check" },
+        { field: "personid", rowSpan: 2, action: "input" },
+        { field: "fname", action: "input" },
+        { field: "email", action: "input" },
+      ],
+      [
+        { field: "lname", action: "input" },
+        {
+          field: "option",
+          columnType: new cheetahGrid.columns.type.MenuColumn({
+            options: menuOptions,
+          }),
+          action: new cheetahGrid.columns.action.InlineMenuEditor({
+            options: menuOptions,
+          }),
+        },
+      ],
+    ],
+  },
+  frozenColCount: 1,
+});
+
+grid.records = [
+  {
+    personid: 1,
+    fname: "Sophia",
+    lname: "Hill",
+    email: "sophia_hill@example.com",
+    option: "",
+  },
+  {
+    personid: 2,
+    fname: "Aubrey",
+    lname: "Martin",
+    email: "aubrey_martin@example.com",
+    option: "",
+  },
+  {
+    personid: 3,
+    fname: "Avery",
+    lname: "Jones",
+    email: "avery_jones@example.com",
+    option: "",
+  },
+  {
+    personid: 4,
+    fname: "Joseph",
+    lname: "Rodriguez",
+    email: "joseph_rodriguez@example.com",
+    option: "",
+  },
+  {
+    personid: 5,
+    fname: "Samuel",
+    lname: "Campbell",
+    email: "samuel_campbell@example.com",
+    option: "",
+  },
+  {
+    personid: 6,
+    fname: "Joshua",
+    lname: "Ortiz",
+    email: "joshua_ortiz@example.com",
+    option: "",
+  },
+  {
+    personid: 7,
+    fname: "Mia",
+    lname: "Foster",
+    email: "mia_foster@example.com",
+    option: "",
+  },
+  {
+    personid: 8,
+    fname: "Landon",
+    lname: "Lopez",
+    email: "landon_lopez@example.com",
+    option: "",
+  },
+  {
+    personid: 9,
+    fname: "Audrey",
+    lname: "Cox",
+    email: "audrey_cox@example.com",
+    option: "",
+  },
+  {
+    personid: 10,
+    fname: "Anna",
+    lname: "Ramirez",
+    email: "anna_ramirez@example.com",
+    option: "",
+  },
+];
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119

# Cautionary Notes

Even if you set validator or inputValidator using SmallDialogInputEditor, overwrites the pasted value even if the value is invalid.
+Use Cell Message API to notify the user of an invalid value.

<div class="sample3 demo-grid large"></div>
+
1
const grid = new cheetahGrid.ListGrid({
+  parentElement: document.querySelector(".sample3"),
+  allowRangePaste: true, // Allow pasting of range.
+  header: [
+    {
+      field: "number",
+      caption: "Number",
+      width: "auto",
+      action: new cheetahGrid.columns.action.SmallDialogInputEditor({
+        inputValidator(value) {
+          return value && isNaN(value) ? "Not a number." : null;
+        },
+      }),
+      message(record) {
+        const value = record.number;
+        return value && isNaN(value) ? "Not a number." : null;
+      },
+    },
+    { field: "text", caption: "Text", width: "auto" },
+  ],
+});
+
+grid.records = [
+  { number: 1, text: "text" },
+  { number: 2, text: "text" },
+  { number: 3, text: "text" },
+  { number: 4, text: "text" },
+  { number: 5, text: "text" },
+];
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

+ ← + + keyboardOptions + + → +

+ + + diff --git a/documents/api/js/options/index.html b/documents/api/js/options/index.html new file mode 100644 index 000000000..186ca9b1c --- /dev/null +++ b/documents/api/js/options/index.html @@ -0,0 +1,56 @@ + + + + + + Options and Properties | Cheetah Grid + + + + + + + + + + + + + + +
Cheetah Grid

# Options and Properties

# cheetahGrid.ListGrid

# Constructor Options

Property Type Description
header HeadersDefine Define simple headers and layout. This property cannot be used with the layout property. See Define Headers and Columns.
layout LayoutDefine Define advanced headers and layout. This property cannot be used with the header property. See Advanced Layout.
records Array Records. This property cannot be used with the dataSource property. See Grid Data.
dataSource DataSource The data source that supplies the records. This property cannot be used with the records property. See Grid Data.
parentElement HTMLElement Specify the parent element.
frozenColCount number Specify the number of columns to be frozen to the left.
defaultRowHeight number Specify the default grid rows height.
defaultColWidth number Specify the default grid columns width.
headerRowHeight number[] / number Specify the header row(s) height.
theme ThemeDefine / string Specify the theme. See Theme.
font string Specify the default font.
underlayBackgroundColor string Specify the underlay background color.
allowRangePaste boolean Specify true to allow pasting of the range. See Examples of allowRangePaste.
trimOnPaste boolean Specify true, trim the pasted text on pasting.
disableColumnResize boolean Specify true to disable column resize.
keyboardOptions.moveCellOnTab boolean / function Specify true to enable cell movement by Tab key. You can also specify a function that determines which cell to move to.
keyboardOptions.moveCellOnEnter boolean / function Specify true to enable cell movement by Enter key. You can also specify a function that determines which cell to move to.
keyboardOptions.deleteCellValueOnDel boolean Specify true to enable enable deletion of cell values with the Del and BS keys.
keyboardOptions.selectAllOnCtrlA boolean Specify true to enable select all cells by Ctrl + A key.

# Properties

Property Type Description
header HeadersDefine Same as the constructor option.
layout LayoutDefine Same as the constructor option.
records Array Same as the constructor option.
dataSource DataSource Same as the constructor option.
frozenColCount number Same as the constructor option.
defaultRowHeight number Same as the constructor option.
defaultColWidth number Same as the constructor option.
theme ThemeDefine / string Same as the constructor option.
font string Same as the constructor option.
underlayBackgroundColor string Same as the constructor option.
allowRangePaste boolean Same as the constructor option.
trimOnPaste boolean Same as the constructor option.
keyboardOptions object Same as the constructor option.
sortState SortState Sort state.
headerValues Map A map of the values entered in the header.

+ ← + + Examples of allowRangePaste + + → +

+ + + diff --git a/documents/api/js/options/keyboardOptions.html b/documents/api/js/options/keyboardOptions.html new file mode 100644 index 000000000..e219d84ae --- /dev/null +++ b/documents/api/js/options/keyboardOptions.html @@ -0,0 +1,55 @@ + + + + + + keyboardOptions | Cheetah Grid + + + + + + + + + + + + + + +
Cheetah Grid

# keyboardOptions

You can set the keyboard operation.

# Focus and Edit

If not set, the user can operate the cell with the keyboard as follows.

Cell Arrow Ctrl (or Meta) + Arrow Home or End Ctrl (or Meta) + Home or End Enter Tab Space Backspace Delete
Normal (can't Edit) Move one. Move to edge. Move to side edge. Move to upper left or lower right. -- (native) -- -- --
Input Move one. Move to edge. Move to side edge. Move to upper left or lower right. Enter input mode. (native) Enter input mode. And input space. -- --
Input (Input Mode) (input native) (input native) (input native) (input native) Apply input and exit input mode. (native) (input native) (input native) (input native)
Inline Input Move one. Move to edge. Move to side edge. Move to upper left or lower right. Enter input mode. (native) Enter input mode. And input space. -- --
Inline Input (Input Mode) (input native) (input native) (input native) (input native) Apply input and exit input mode. (native) (input native) (input native) (input native)
Check Move one. Move to edge. Move to side edge. Move to upper left or lower right. Toggle. (native) Toggle. -- --
Dropdown Move one. Move to edge. Move to side edge. Move to upper left or lower right. Enter select mode. (native) -- -- --
Dropdown (Select Mode) Change selection. (native) (native) (native) Apply selection and exit select mode. Change selection. -- -- --
Button Move one. Move to edge. Move to side edge. Move to upper left or lower right. Action. (native) Action. -- --

# moveCellOnTab

Set to true to enable cell movement by Tab key.
+If keyboardOptions.moveCellOnTab is set to true, the user can operate the cell with the keyboard as follows.

Cell Arrow Ctrl (or Meta) + Arrow Home or End Ctrl (or Meta) + Home or End Enter Tab Space Backspace Delete
Normal (can't Edit) Move one. Move to edge. Move to side edge. Move to upper left or lower right. -- Move one to next on right. -- -- --
Input Move one. Move to edge. Move to side edge. Move to upper left or lower right. Enter input mode. Move one to next on right. Enter input mode. And input space. -- --
Input (Input Mode) (input native) (input native) (input native) (input native) Apply input and exit input mode. (native) (input native) (input native) (input native)
Inline Input Move one. Move to edge. Move to side edge. Move to upper left or lower right. Enter input mode. Move one to next on right. Enter input mode. And input space. -- --
Inline Input (Input Mode) (input native) (input native) (input native) (input native) Apply input and exit input mode. Move one to next on right. (input native) (input native) (input native)
Check Move one. Move to edge. Move to side edge. Move to upper left or lower right. Toggle. Move one to next on right. Toggle. -- --
Dropdown Move one. Move to edge. Move to side edge. Move to upper left or lower right. Enter select mode. Move one to next on right. -- -- --
Dropdown (Select Mode) Change selection. (native) (native) (native) Apply selection and exit select mode. Move one to next on right. And apply selection. -- -- --
Button Move one. Move to edge. Move to side edge. Move to upper left or lower right. Action. Move one to next on right. Action. -- --

# moveCellOnEnter

Set to true to enable cell movement by Enter key.
+If keyboardOptions.moveCellOnEnter is set to true, the user can operate the cell with the keyboard as follows.

Cell Arrow Ctrl (or Meta) + Arrow Home or End Ctrl (or Meta) + Home or End Enter Tab Space Backspace Delete
Normal (can't Edit) Move one. Move to edge. Move to side edge. Move to upper left or lower right. Move one to next on down. Move one to next on right. -- -- --
Input Move one. Move to edge. Move to side edge. Move to upper left or lower right. Enter input mode. Move one to next on right. Enter input mode. And input space. -- --
Input (Input Mode) (input native) (input native) (input native) (input native) Move one to next on down. And apply input. (native) (input native) (input native) (input native)
Inline Input Move one. Move to edge. Move to side edge. Move to upper left or lower right. Enter input mode. Move one to next on right. Enter input mode. And input space. -- --
Inline Input (Input Mode) (input native) (input native) (input native) (input native) Move one to next on down. And apply input. Move one to next on right. (input native) (input native) (input native)
Check Move one. Move to edge. Move to side edge. Move to upper left or lower right. Move one to next on down. Move one to next on right. Toggle. -- --
Dropdown Move one. Move to edge. Move to side edge. Move to upper left or lower right. Enter select mode. Move one to next on right. -- -- --
Dropdown (Select Mode) Change selection. (native) (native) (native) Move one to next on down. And apply selection. Move one to next on right. And apply selection. -- -- --
Button Move one. Move to edge. Move to side edge. Move to upper left or lower right. Move one to next on down. Move one to next on right. Action. -- --

# deleteCellValueOnDel

Set to true to enable enable deletion of cell values with the Del and BS keys.
+If keyboardOptions.deleteCellValueOnDel is set to true, the user can operate the cell with the keyboard as follows.

Cell Arrow Ctrl (or Meta) + Arrow Home or End Ctrl (or Meta) + Home or End Enter Tab Space Backspace Delete
Normal (can't Edit) Move one. Move to edge. Move to side edge. Move to upper left or lower right. Move one to next on down. Move one to next on right. -- -- --
Input Move one. Move to edge. Move to side edge. Move to upper left or lower right. Enter input mode. Move one to next on right. Enter input mode. And input space. Delete value. Delete value.
Input (Input Mode) (input native) (input native) (input native) (input native) Move one to next on down. And apply input. (native) (input native) (input native) (input native)
Inline Input Move one. Move to edge. Move to side edge. Move to upper left or lower right. Enter input mode. Move one to next on right. Enter input mode. And input space. Delete value. Delete value.
Inline Input (Input Mode) (input native) (input native) (input native) (input native) Move one to next on down. And apply input. Move one to next on right. (input native) (input native) (input native)
Check Move one. Move to edge. Move to side edge. Move to upper left or lower right. Move one to next on down. Move one to next on right. Toggle. -- --
Dropdown Move one. Move to edge. Move to side edge. Move to upper left or lower right. Enter select mode. Move one to next on right. -- Delete value, if the cell value can be empty. Delete value, if the cell value can be empty.
Dropdown (Select Mode) Change selection. (native) (native) (native) Move one to next on down. And apply selection. Move one to next on right. And apply selection. -- -- --
Button Move one. Move to edge. Move to side edge. Move to upper left or lower right. Move one to next on down. Move one to next on right. Action. -- --

# selectAllOnCtrlA

Set to true to enable selectt all cells by Ctrl + A.

+ ← +

+ + + diff --git a/documents/api/js/selection.html b/documents/api/js/selection.html new file mode 100644 index 000000000..0f48ffede --- /dev/null +++ b/documents/api/js/selection.html @@ -0,0 +1,103 @@ + + + + + + Selection Property | Cheetah Grid + + + + + + + + + + + + + + +
Cheetah Grid

# Selection Property

You can get the area selected by the user from the selection property.

Property Description Exp.
selection.select You can get the selection start position with Object. The row in the Object is the INDEX line containing the header. {"col": 0, "row": 0}
selection.range You can get the selection range with Object. The row in the Object is the INDEX line containing the header. {"start": {"col": 0, "row": 0}, "end": {"col": 2, "row": 2}}
<div class="sample1 demo-grid middle"></div>
+<button class="button">SHOW SELECTION</button>
+<pre style="color: #fff" class="result"></pre>
+
1
2
3
document.querySelector(".button").addEventListener("click", () => {
+  const { select, range } = grid.selection;
+
+  document.querySelector(".result").textContent = `
+select:
+---
+${JSON.stringify(select, null, "  ")},
+---
+
+range:
+---
+${JSON.stringify(range, null, "  ")},
+---`;
+});
+
+const lang =
+  navigator.language || navigator.userLanguage || navigator.browserLanguage;
+const records = generatePersons(100);
+const grid = new cheetahGrid.ListGrid({
+  parentElement: document.querySelector(".sample1"),
+  header: [
+    { field: "personid", caption: "ID", width: 100 },
+    { field: "fname", caption: "First Name", width: 200 },
+    { field: "lname", caption: "Last Name", width: 200 },
+    { field: "email", caption: "Email", width: 250 },
+    {
+      field(rec) {
+        return rec.birthday.toLocaleString(lang, {
+          year: "numeric",
+          month: "long",
+          day: "numeric",
+        });
+      },
+      caption: "birthday",
+      width: 500,
+    },
+  ],
+  frozenColCount: 1,
+  records,
+});
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40

+ ← + + Events + + → +

+ + + diff --git a/documents/api/js/theme.html b/documents/api/js/theme.html new file mode 100644 index 000000000..200b00a1d --- /dev/null +++ b/documents/api/js/theme.html @@ -0,0 +1,172 @@ + + + + + + Theme | Cheetah Grid + + + + + + + + + + + + + + +
Cheetah Grid

# Theme

Can set theme to Cheetah Grid.
+Can settings for grid instance or global.

# Grid instance

Set a theme to the theme property of the grid instance.
+Built-in themes are MATERIAL_DESIGN and BASIC.

<label>theme</label>
+<select class="theme-select1">
+  <option value="" selected="true">unset</option>
+  <option value="MATERIAL_DESIGN">MATERIAL_DESIGN</option>
+  <option value="BASIC">BASIC</option>
+</select>
+<div class="sample1 demo-grid small"></div>
+
1
2
3
4
5
6
7
const grid = vm.createGrid(document.querySelector(".sample1"));
+
+const themeSelect = document.querySelector(".theme-select1");
+themeSelect.onchange = function () {
+  grid.theme = cheetahGrid.themes.choices[themeSelect.value];
+
+  /* The `theme` property of the grid instance can also be set as a string. */
+  // grid.theme = themeSelect.value;
+};
+themeSelect.onchange();
+
1
2
3
4
5
6
7
8
9
10

# Global

Set a theme to the cheetahGrid.themes.default property. +(default MATERIAL_DESIGN.)

<label>theme</label>
+<select class="theme-select2">
+  <option value="MATERIAL_DESIGN" selected="true">MATERIAL_DESIGN</option>
+  <option value="BASIC">BASIC</option>
+</select>
+<div class="sample2 demo-grid small"></div>
+
1
2
3
4
5
6
vm.createGrid(document.querySelector(".sample2"));
+
+const themeSelect = document.querySelector(".theme-select2");
+themeSelect.onchange = function () {
+  cheetahGrid.themes.default = cheetahGrid.themes.choices[themeSelect.value];
+
+  // redraw all the grids
+  vm.girdInstances.forEach((grid) => grid.invalidate());
+};
+
+themeSelect.onchange();
+
1
2
3
4
5
6
7
8
9
10
11

# Extend theme

To extend the theme, do as follows.

<div class="sample3 demo-grid small"></div>
+
1
const grid = vm.createGrid(document.querySelector(".sample3"));
+
+const userTheme = {
+  color: "red",
+  frozenRowsColor: "red",
+  defaultBgColor: "#FDD",
+  frozenRowsBgColor: "#EAA",
+  selectionBgColor: "#FDA",
+  highlightBgColor: "#FDC",
+  underlayBackgroundColor: "#FEE",
+  // You can also change the theme apply in the state by using callback.
+  frozenRowsBorderColor(args) {
+    const {
+      row,
+      grid: { frozenRowCount },
+    } = args;
+    if (frozenRowCount - 1 === row) {
+      return ["#F88" /*top*/, "#F88" /*right and left*/, "red" /*bottom*/];
+    } else {
+      return "#F88";
+    }
+  },
+  borderColor(args) {
+    const {
+      col,
+      grid: { colCount },
+    } = args;
+    if (colCount - 1 === col) {
+      return ["red" /*top*/, "#F88" /*right*/, "red" /*bottom*/, null /*left*/];
+    } else {
+      return ["red" /*top and bottom*/, null /*right and left*/];
+    }
+  },
+  highlightBorderColor: "#FD5",
+  checkbox: {
+    uncheckBgColor: "#FDD",
+    checkBgColor: "rgb(255, 73, 72)",
+    borderColor: "red",
+  },
+  button: {
+    color: "#FDD",
+    bgColor: "#F55",
+  },
+  font: "16px sans-serif",
+  header: {
+    sortArrowColor: "#D00",
+  },
+  messages: {
+    infoBgColor: "gray",
+    errorBgColor: "red",
+    warnBgColor: "yellow",
+    boxWidth: 12,
+    markHeight: 15,
+  },
+  indicators: {
+    topLeftColor: "blue",
+    topLeftSize: 10,
+    topRightColor: "blue",
+    topRightSize: 10,
+    bottomLeftColor: "blue",
+    bottomLeftSize: 10,
+    bottomRightColor: "blue",
+    bottomRightSize: 10,
+  },
+};
+grid.theme = userTheme;
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66

+ ← + + Define Column ICON + + → +

+ + + diff --git a/documents/api/vue/advanced_layout/index.html b/documents/api/vue/advanced_layout/index.html new file mode 100644 index 000000000..82c3c9418 --- /dev/null +++ b/documents/api/vue/advanced_layout/index.html @@ -0,0 +1,129 @@ + + + + + + Advanced Layout | Cheetah Grid + + + + + + + + + + + + + + +
Cheetah Grid

# Advanced Layout

You can use the layout-header slot and the layout-body slot to define advanced header and record layouts.

For example:

<div class="demo-grid middle">
+  <c-grid
+    :data="records"
+    :frozen-col-count="1">
+    <template slot="layout-header">
+      <!-- header line1 -->
+      <c-grid-layout-row>
+        <c-grid-header width="85" rowspan="2">ID</c-grid-header>
+        <c-grid-header
+          width="20%"
+          min-width="150"
+        >
+          First Name
+        </c-grid-header>
+        <c-grid-header width="200" rowspan="2">Birthday</c-grid-header>
+      </c-grid-layout-row>
+      <!-- header line2 -->
+      <c-grid-layout-row>
+        <c-grid-header
+          width= "20%"
+          min-width="150"
+        >
+          Last Name
+        </c-grid-header>
+      </c-grid-layout-row>
+    </template>
+    <template slot="layout-body">
+      <!-- line1 -->
+      <c-grid-layout-row>
+        <c-grid-column field="personid" width="85" rowspan="2"/>
+        <c-grid-input-column
+          field="fname"
+        />
+        <c-grid-column :field="getBirthday" rowspan="2"/>
+      </c-grid-layout-row>
+      <!-- line2 -->
+      <c-grid-layout-row>
+        <c-grid-input-column
+          field="lname"
+        />
+      </c-grid-layout-row>
+    </template>
+  </c-grid>
+</div>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
/*
+  record object properties
+  {
+    personid: 'ID',
+    fname: 'First Name',
+    lname: 'Last Name',
+    email: 'Email',
+    birthday: 'birthday',
+  }
+ */
+const records = generatePersons(100);
+
+export default {
+  data() {
+    return {
+      records,
+    };
+  },
+  methods: {
+    getBirthday(rec) {
+      const dateTimeFormat = new Intl.DateTimeFormat("en-US", {
+        year: "numeric",
+        month: "numeric",
+        day: "numeric",
+      });
+      return dateTimeFormat.format(rec.birthday);
+    },
+  },
+};
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

+ ← +

+ + + diff --git a/documents/api/vue/components/CGrid.html b/documents/api/vue/components/CGrid.html new file mode 100644 index 000000000..8a3da5a1f --- /dev/null +++ b/documents/api/vue/components/CGrid.html @@ -0,0 +1,202 @@ + + + + + + CGrid | Cheetah Grid + + + + + + + + + + + + + + +
Cheetah Grid

# CGrid

Defines the Grid.

# Vue Template Structure

<div class="demo-grid middle">
+  <c-grid
+    :data="records"
+    :frozen-col-count="1">
+    <!-- define checkbox -->
+    <c-grid-check-column
+      field="check"
+      width="50" />
+    <c-grid-column
+      field="personid"
+      width= "85"
+    >
+      ID
+    </c-grid-column>
+    <!-- multiple header -->
+    <c-grid-column-group
+      caption="Name">
+      <c-grid-input-column
+        field="fname"
+        width="20%"
+        min-width="150"
+      >
+        First Name
+      </c-grid-input-column>
+      <c-grid-input-column
+        field="lname"
+        width= "20%"
+        min-width="150"
+      >
+        Last Name
+      </c-grid-input-column>
+    </c-grid-column-group>
+    <!-- button -->
+    <c-grid-button-column
+      caption="SHOW REC"
+      width="120"
+      @click="onClickRecord"
+    />
+  </c-grid>
+</div>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
export default {
+  data() {
+    return {
+      records,
+    };
+  },
+  methods: {
+    onClickRecord(rec) {
+      alert(JSON.stringify(rec));
+    },
+  },
+};
+
1
2
3
4
5
6
7
8
9
10
11
12

# Slots

# default slot

Use this slot to set the simple header definition.
+The definition is set to header property described in Define Headers and Columns

# layout-header slot

Use this slot to set the layout header definition.
+Use this slot in combination with the layout-body slot.
+The definition is set to layout.header property described in Advanced Layout.

# layout-body slot

Use this slot to set the layout body definition.
+Use this slot in combination with the layout-header slot.
+The definition is set to layout.body property described in Advanced Layout.

# Properties

# Optional Properties

Name Type Description Default
data Array|object Defines a records or data source. undefined
frozen-col-count number|string Defines a frozen col Count 0
header-row-height number|Array Defines the header row height(s) undefined
allow-range-paste boolean Allow pasting of range. undefined
trim-on-paste boolean Trim the pasted text on pasting. undefined
default-row-height number Default grid row height. undefined
default-col-width number Default grid col width. undefined
filter function Defines a records filter undefined
font string Default font. undefined
underlay-background-color string Underlay background color. undefined
theme object|string Defines the grid theme undefined
move-cell-on-tab-key boolean|function Specify true to enable cell movement by Tab key. You can also specify a function that determines which cell to move to. false
move-cell-on-enter-key boolean|function Specify true to enable cell movement by Enter key. You can also specify a function that determines which cell to move to. false
delete-cell-value-on-del-key boolean Specify true to enable enable deletion of cell values with the Del and BS keys. undefined
select-all-on-ctrl-a-key boolean Specify true to enable select all cells by Ctrl + A key. undefined
disable-column-resize boolean Specify true to disable column resizing undefined
disabled boolean Defines disabled undefined
readonly boolean Defines readonly undefined
options object Defines a raw options for Cheetah Grid undefined

# Examples of using Properties

# theme

<div class="demo-grid middle">
+  <c-grid
+    :data="records"
+    :theme="userTheme"> <!-- set theme -->
+    <c-grid-check-column field="check" :width="50"/>
+    <c-grid-column field="personid" width= "85">ID</c-grid-column>
+    <c-grid-column-group caption="Name">
+      <c-grid-input-column field="fname" width="20%" min-width="150" :sort="true">First Name</c-grid-input-column>
+      <c-grid-input-column field="lname" width="20%" min-width="150" :sort="true">Last Name</c-grid-input-column>
+    </c-grid-column-group>
+    <c-grid-button-column caption="SHOW REC" width="120" @click="onClickRecord" />
+  </c-grid>
+</div>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
export default {
+  name: "App",
+  data() {
+    return {
+      records,
+      // you can set the theme name or object.
+      // userTheme: 'BASIC',
+      userTheme: {
+        color: "#2c3e50",
+        frozenRowsColor: "#2c3e50",
+        frozenRowsBgColor: "#40b883",
+        borderColor: "#35495e",
+        frozenRowsBorderColor: "#35495e",
+        checkbox: {
+          checkBgColor: "#35495e",
+          borderColor: "#35495e",
+        },
+        button: {
+          color: "#FFF",
+          bgColor: "#2c3e50",
+        },
+      },
+    };
+  },
+  methods: {
+    onClickRecord(rec) {
+      alert(JSON.stringify(rec));
+    },
+  },
+};
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

# Data

Name Type Initial Value Description
headerValues Map<any, any> new Map() Header values.

# Events

Name Description
click-cell Click on cell.
dblclick-cell Doubleclick on cell.
selected-cell Selected cell.
paste-cell Paste on cell.
changed-value Changed value.
changed-header-value Changed header value.

and more...

TIP

The events for which the column can be identified emit the same event to each column definition component.
+e.g. <c-grid-column>

<div class="demo-grid middle">
+  <c-grid
+    :data="records"
+    :frozen-col-count="1">
+    <c-grid-column field="personid" width= "85"
+      @click-cell="onClickCell($event, 'ID')"
+    >
+      ID
+  </c-grid-column>
+    <c-grid-input-column field="fname" width="20%"
+      @click-cell="onClickCell($event, 'First Name')"
+    >
+      First Name
+    </c-grid-input-column>
+    <c-grid-input-column field="lname" width= "20%"
+      @click-cell="onClickCell($event, 'Last Name')"
+    >
+      Last Name
+    </c-grid-input-column>
+  </c-grid>
+</div>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
export default {
+  data() {
+    return {
+      records,
+    };
+  },
+  methods: {
+    onClickCell(event, colName) {
+      alert("Click at " + colName + ": $event=" + JSON.stringify(event));
+    },
+  },
+};
+
1
2
3
4
5
6
7
8
9
10
11
12

# Methods

Name Return Type Description
invalidate --- Redraws the whole grid.
updateSize --- Apply the changed size.
updateScroll --- Apply the changed scroll size.

+ ← + + CGridBranchGraphColumn + + → +

+ + + diff --git a/documents/api/vue/components/CGridBranchGraphColumn.html b/documents/api/vue/components/CGridBranchGraphColumn.html new file mode 100644 index 000000000..074db026b --- /dev/null +++ b/documents/api/vue/components/CGridBranchGraphColumn.html @@ -0,0 +1,126 @@ + + + + + + CGridBranchGraphColumn | Cheetah Grid + + + + + + + + + + + + + + +
Cheetah Grid

# CGridBranchGraphColumn

Defines branch graph column.

# Vue Template Structure

<div class="demo-grid large">
+  <c-grid
+    :data="records">
+    <c-grid-branch-graph-column
+      :width="200"
+      cache
+      field="command">
+      Graph
+    </c-grid-branch-graph-column>
+  </c-grid>
+</div>
+
1
2
3
4
5
6
7
8
9
10
11
const records = [
+  {
+    command: [
+      { command: "commit", branch: "main" },
+      { command: "tag", branch: "main", tag: "v1.1.0" },
+    ],
+  },
+  {
+    command: [{ command: "commit", branch: "develop2" }],
+  },
+  {
+    command: [{ command: "merge", branch: { from: "main", to: "develop2" } }],
+  },
+  {
+    command: [{ command: "merge", branch: { from: "develop3", to: "main" } }],
+  },
+  {
+    command: [{ command: "commit", branch: "develop2" }],
+  },
+  {
+    command: [
+      { command: "branch", branch: { from: "main", to: "develop3" } },
+      { command: "commit", branch: "develop3" },
+    ],
+  },
+  {
+    command: [{ command: "branch", branch: { from: "main", to: "develop2" } }],
+  },
+  {
+    command: [{ command: "merge", branch: { from: "develop", to: "main" } }],
+  },
+  {
+    command: [{ command: "commit", branch: "develop" }],
+  },
+  {
+    command: [
+      { command: "commit", branch: "main" },
+      { command: "tag", branch: "main", tag: "v1.0.0" },
+      { command: "branch", branch: { from: "main", to: "develop" } },
+    ],
+  },
+  {
+    command: [
+      { command: "branch", branch: "main" },
+      { command: "commit", branch: "main" },
+    ],
+  },
+];
+export default {
+  data() {
+    return {
+      records,
+    };
+  },
+};
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55

# Slots

# default slot

Use this slot to set the header caption

# Properties

# Optional Properties

Name Type Description Default
field object|string|function Defines a column data field undefined
width number|string Defines a default column width undefined
min-width number|string Defines a column min width undefined
max-width number|string Defines a column max width undefined
column-style object|string|function Defines a column style. Same as the style property of the JS API. undefined
action object|string|function Defines an action undefined
caption string|function Defines a header caption ''
cache boolean Enable cache undefined
colspan number|string Defines the layout colspan.
This property can be used when defining in the layout-header and layout-body slots.		 undefined
filter string|function Defines a vue filter name undefined
header-action object|string|function Defines a column header action. Same as the headerAction property of the JS API. undefined
header-field string Defines a column header data field undefined
header-icon object|string Defines a header icon undefined
header-style object|string|function Defines a column header style. Same as the headerStyle property of the JS API undefined
header-type object|string|function Defines a column header type. Same as the headerStyle property of the JS API undefined
icon object|string|function Defines an icon. Same as the icon property of the JS API. undefined
message object|string|function Defines a message generation method. Same as the message property of the JS API. undefined
rowspan number|string Defines the layout rowspan.
This property can be used when defining in the layout-header and layout-body slots.		 undefined
sort boolean|string|function Defines a sort. See "Sort by Column" for detail. undefined
start string Defines a start type undefined

# Methods

Name Return Type Description
invalidate --- Redraws the whole grid.

+ ← + + CGridButtonColumn + + → +

+ + + diff --git a/documents/api/vue/components/CGridButtonColumn.html b/documents/api/vue/components/CGridButtonColumn.html new file mode 100644 index 000000000..69b3bfae4 --- /dev/null +++ b/documents/api/vue/components/CGridButtonColumn.html @@ -0,0 +1,98 @@ + + + + + + CGridButtonColumn | Cheetah Grid + + + + + + + + + + + + + + +
Cheetah Grid

# CGridButtonColumn

Defines button column.

# Vue Template Structure

<div class="demo-grid small">
+  <c-grid
+    :data="records"
+    :frozen-col-count="1">
+    <c-grid-button-column
+      caption="FIXED LABEL"
+      width="120"
+      @click="onClickRecord"
+    >
+      Button1
+    </c-grid-button-column>
+    <c-grid-button-column
+      field="buttonCaption"
+      width="120"
+      @click="onClickRecord"
+    >
+      Button2
+    </c-grid-button-column>
+  </c-grid>
+</div>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
export default {
+  data() {
+    return {
+      records: [
+        { buttonCaption: "BUTTON1" },
+        { buttonCaption: "BUTTON2" },
+        { buttonCaption: "BUTTON3" },
+        { buttonCaption: "BUTTON4" },
+        { buttonCaption: "BUTTON5" },
+      ],
+    };
+  },
+  methods: {
+    onClickRecord(rec) {
+      alert(JSON.stringify(rec));
+    },
+  },
+};
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

# Slots

# default slot

Use this slot to set the header caption

# Properties

# Optional Properties

Name Type Description Default
field object|string|function Defines a column data field undefined
width number|string Defines a default column width undefined
min-width number|string Defines a column min width undefined
max-width number|string Defines a column max width undefined
column-style object|string|function Defines a column style. Same as the style property of the JS API. undefined
caption string Defines a button caption ''
disabled boolean|function Defines disabled. You can also control each record by specifying a function. false
colspan number|string Defines the layout colspan.
This property can be used when defining in the layout-header and layout-body slots.		 undefined
filter string|function Defines a vue filter name undefined
header-action object|string|function Defines a column header action. Same as the headerAction property of the JS API. undefined
header-field string Defines a column header data field undefined
header-icon object|string Defines a header icon undefined
header-style object|string|function Defines a column header style. Same as the headerStyle property of the JS API undefined
header-type object|string|function Defines a column header type. Same as the headerStyle property of the JS API undefined
icon object|string|function Defines an icon. Same as the icon property of the JS API. undefined
message object|string|function Defines a message generation method. Same as the message property of the JS API. undefined
rowspan number|string Defines the layout rowspan.
This property can be used when defining in the layout-header and layout-body slots.		 undefined
sort boolean|string|function Defines a sort. See "Sort by Column" for detail. undefined

# Events

Name Description
click Fired when a click on cell.

# Methods

Name Return Type Description
invalidate --- Redraws the whole grid.

+ ← + + CGridCheckColumn + + → +

+ + + diff --git a/documents/api/vue/components/CGridCheckColumn.html b/documents/api/vue/components/CGridCheckColumn.html new file mode 100644 index 000000000..38bd702e2 --- /dev/null +++ b/documents/api/vue/components/CGridCheckColumn.html @@ -0,0 +1,96 @@ + + + + + + CGridCheckColumn | Cheetah Grid + + + + + + + + + + + + + + +
Cheetah Grid

# CGridCheckColumn

Defines checkbox column.

# Vue Template Structure

<div class="demo-grid small">
+  <c-grid
+    :data="records"
+    :frozen-col-count="1">
+    <c-grid-check-column
+      field="c1"
+      width="100"
+    >
+      Check1
+    </c-grid-check-column>
+    <c-grid-check-column
+      field="c2"
+      width="100"
+    >
+      Check2
+    </c-grid-check-column>
+  </c-grid>
+</div>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
export default {
+  data() {
+    return {
+      records: [
+        { c1: true, c2: false },
+        { c1: false, c2: true },
+        { c1: true, c2: false },
+        { c1: false, c2: true },
+        { c1: true, c2: false },
+        { c1: false, c2: true },
+        { c1: true, c2: false },
+        { c1: false, c2: true },
+        { c1: true, c2: false },
+        { c1: false, c2: true },
+      ],
+    };
+  },
+};
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

# Slots

# default slot

Use this slot to set the header caption

# Properties

# Optional Properties

Name Type Description Default
field object|string|function Defines a column data field undefined
width number|string Defines a default column width undefined
min-width number|string Defines a column min width undefined
max-width number|string Defines a column max width undefined
column-style object|string|function Defines a column style. Same as the style property of the JS API. undefined
caption string|function Defines a header caption ''
disabled boolean|function Defines disabled. You can also control each record by specifying a function. false
readonly boolean|function Defines readonly. You can also control each record by specifying a function. false
colspan number|string Defines the layout colspan.
This property can be used when defining in the layout-header and layout-body slots.		 undefined
filter string|function Defines a vue filter name undefined
header-action object|string|function Defines a column header action. Same as the headerAction property of the JS API. undefined
header-field string Defines a column header data field undefined
header-icon object|string Defines a header icon undefined
header-style object|string|function Defines a column header style. Same as the headerStyle property of the JS API undefined
header-type object|string|function Defines a column header type. Same as the headerStyle property of the JS API undefined
icon object|string|function Defines an icon. Same as the icon property of the JS API. undefined
message object|string|function Defines a message generation method. Same as the message property of the JS API. undefined
rowspan number|string Defines the layout rowspan.
This property can be used when defining in the layout-header and layout-body slots.		 undefined
sort boolean|string|function Defines a sort. See "Sort by Column" for detail. undefined

# Methods

Name Return Type Description
invalidate --- Redraws the whole grid.

+ ← + + CGridColumn + + → +

+ + + diff --git a/documents/api/vue/components/CGridColumn.html b/documents/api/vue/components/CGridColumn.html new file mode 100644 index 000000000..54be78350 --- /dev/null +++ b/documents/api/vue/components/CGridColumn.html @@ -0,0 +1,97 @@ + + + + + + CGridColumn | Cheetah Grid + + + + + + + + + + + + + + +
Cheetah Grid

# CGridColumn

Defines column.

# Vue Template Structure

<div class="demo-grid middle">
+  <c-grid
+    :data="records"
+    :frozen-col-count="1">
+    <c-grid-column
+      field="check"
+      column-type="check"
+      width="50" />
+    <c-grid-column
+      field="personid"
+      width= "85"
+    >
+      ID
+    </c-grid-column>
+    <c-grid-column
+      field="fname"
+      width="20%"
+      min-width="150"
+    >
+      First Name
+    </c-grid-column>
+    <c-grid-column
+      field="lname"
+      width= "20%"
+      min-width="150"
+    >
+      Last Name
+    </c-grid-column>
+  </c-grid>
+</div>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
export default {
+  data() {
+    return {
+      records,
+    };
+  },
+};
+
1
2
3
4
5
6
7

# Slots

# default slot

Use this slot to set the header caption

# Properties

# Optional Properties

Name Type Description Default
field object|string|function Defines a column data field undefined
width number|string Defines a default column width undefined
min-width number|string Defines a column min width undefined
max-width number|string Defines a column max width undefined
column-type object|string|function Defines a column type undefined
column-style object|string|function Defines a column style. Same as the style property of the JS API. undefined
action object|string|function Defines an action undefined
caption string|function Defines a header caption ''
colspan number|string Defines the layout colspan.
This property can be used when defining in the layout-header and layout-body slots.		 undefined
filter string|function Defines a vue filter name undefined
header-action object|string|function Defines a column header action. Same as the headerAction property of the JS API. undefined
header-field string Defines a column header data field undefined
header-icon object|string Defines a header icon undefined
header-style object|string|function Defines a column header style. Same as the headerStyle property of the JS API undefined
header-type object|string|function Defines a column header type. Same as the headerStyle property of the JS API undefined
icon object|string|function Defines an icon. Same as the icon property of the JS API. undefined
message object|string|function Defines a message generation method. Same as the message property of the JS API. undefined
rowspan number|string Defines the layout rowspan.
This property can be used when defining in the layout-header and layout-body slots.		 undefined
sort boolean|string|function Defines a sort. See "Sort by Column" for detail. undefined

# Methods

Name Return Type Description
invalidate --- Redraws the whole grid.

+ ← + + CGridColumnGroup + + → +

+ + + diff --git a/documents/api/vue/components/CGridColumnGroup.html b/documents/api/vue/components/CGridColumnGroup.html new file mode 100644 index 000000000..7c6e6e6a8 --- /dev/null +++ b/documents/api/vue/components/CGridColumnGroup.html @@ -0,0 +1,93 @@ + + + + + + CGridColumnGroup | Cheetah Grid + + + + + + + + + + + + + + +
Cheetah Grid

# CGridColumnGroup

Defines multiple header.
+Can be used in the default slot of CGrid.

# Vue Template Structure

<div class="demo-grid middle">
+  <c-grid
+    :data="records"
+    :frozen-col-count="1">
+    <c-grid-column field="personid" width= "85">ID</c-grid-column>
+    <!-- multiple header -->
+    <c-grid-column-group
+      caption="Name">
+      <c-grid-input-column
+        field="fname"
+        width="20%"
+        min-width="150"
+      >
+        First Name
+      </c-grid-input-column>
+      <c-grid-input-column
+        field="lname"
+        width= "20%"
+        min-width="150"
+      >
+        Last Name
+      </c-grid-input-column>
+    </c-grid-column-group>
+  </c-grid>
+</div>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
export default {
+  data() {
+    return {
+      records,
+    };
+  },
+};
+
1
2
3
4
5
6
7

# Slots

# default slot

Use this slot to set the children columns definition

# Properties

# Optional Properties

Name Type Description Default
caption string|function Defines a header caption ''
header-action object|string|function Defines a column header action. Same as the headerAction property of the JS API. undefined
header-field string Defines a column header data field undefined
header-icon object|string Defines a header icon undefined
header-style object|string|function Defines a column header style. Same as the headerStyle property of the JS API undefined
header-type object|string|function Defines a column header type. Same as the headerStyle property of the JS API undefined
sort boolean|string|function Defines a sort. See "Sort by Column" for detail. undefined

# Methods

Name Return Type Description
invalidate --- Redraws the whole grid.

+ ← + + CGridHeader + + → +

+ + + diff --git a/documents/api/vue/components/CGridHeader.html b/documents/api/vue/components/CGridHeader.html new file mode 100644 index 000000000..e87eabbdb --- /dev/null +++ b/documents/api/vue/components/CGridHeader.html @@ -0,0 +1,110 @@ + + + + + + CGridHeader | Cheetah Grid + + + + + + + + + + + + + + +
Cheetah Grid

# CGridHeader

Defines layout header.
+Can be used in the layout-header slot of CGrid.

# Vue Template Structure

<div class="demo-grid middle">
+  <c-grid
+    :data="records"
+    :frozen-col-count="1">
+    <template slot="layout-header">
+      <!-- header line1 -->
+      <c-grid-layout-row>
+        <c-grid-header width="85" rowspan="2">ID</c-grid-header>
+        <c-grid-header
+          width="20%"
+          min-width="150"
+        >
+          First Name
+        </c-grid-header>
+      </c-grid-layout-row>
+      <!-- header line2 -->
+      <c-grid-layout-row>
+        <c-grid-header
+          width= "20%"
+          min-width="150"
+        >
+          Last Name
+        </c-grid-header>
+      </c-grid-layout-row>
+    </template>
+    <template slot="layout-body">
+      <!-- line1 -->
+      <c-grid-layout-row>
+        <c-grid-column field="personid" width="85" rowspan="2"/>
+        <c-grid-input-column
+          field="fname"
+        />
+      </c-grid-layout-row>
+      <!-- line2 -->
+      <c-grid-layout-row>
+        <c-grid-input-column
+          field="lname"
+        />
+      </c-grid-layout-row>
+    </template>
+  </c-grid>
+</div>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
export default {
+  data() {
+    return {
+      records,
+    };
+  },
+};
+
1
2
3
4
5
6
7

# Slots

# default slot

Use this slot to set the header caption

# Properties

# Optional Properties

Name Type Description Default
width number|string Defines a default column width undefined
min-width number|string Defines a column min width undefined
max-width number|string Defines a column max width undefined
caption string|function Defines a header caption ''
colspan number|string Defines the layout colspan.
This property can be used when defining in the layout-header and layout-body slots.		 undefined
header-action object|string|function Defines a column header action. Same as the headerAction property of the JS API. undefined
header-field string Defines a column header data field undefined
header-icon object|string Defines a header icon undefined
header-style object|string|function Defines a column header style. Same as the headerStyle property of the JS API undefined
header-type object|string|function Defines a column header type. Same as the headerStyle property of the JS API undefined
rowspan number|string Defines the layout rowspan.
This property can be used when defining in the layout-header and layout-body slots.		 undefined
sort boolean|string|function Defines a sort. See "Sort by Column" for detail. undefined

# Methods

Name Return Type Description
invalidate --- Redraws the whole grid.

+ ← + + CGridIconColumn + + → +

+ + + diff --git a/documents/api/vue/components/CGridIconColumn.html b/documents/api/vue/components/CGridIconColumn.html new file mode 100644 index 000000000..434e741e8 --- /dev/null +++ b/documents/api/vue/components/CGridIconColumn.html @@ -0,0 +1,56 @@ + + + + + + CGridIconColumn | Cheetah Grid + + + + + + + + + + + + + + +
Cheetah Grid

# CGridIconColumn

Defines icon column.

# Slots

# default slot

Use this slot to set the header caption

# Properties

# Optional Properties

Name Type Description Default
field object|string|function Defines a column data field undefined
width number|string Defines a default column width undefined
min-width number|string Defines a column min width undefined
max-width number|string Defines a column max width undefined
column-style object|string|function Defines a column style. Same as the style property of the JS API. undefined
action object|string|function Defines an action undefined
caption string|function Defines a header caption ''
colspan number|string Defines the layout colspan.
This property can be used when defining in the layout-header and layout-body slots.		 undefined
filter string|function Defines a vue filter name undefined
header-action object|string|function Defines a column header action. Same as the headerAction property of the JS API. undefined
header-field string Defines a column header data field undefined
header-icon object|string Defines a header icon undefined
header-style object|string|function Defines a column header style. Same as the headerStyle property of the JS API undefined
header-type object|string|function Defines a column header type. Same as the headerStyle property of the JS API undefined
icon object|string|function Defines an icon. Same as the icon property of the JS API. undefined
icon-class-name string|function Defines an icon class name undefined
icon-content string|function Defines an icon content undefined
icon-name string|function Defines an icon name undefined
icon-tag-name string|function Defines an icon tag name undefined
icon-width number|string|function Defines an icon width undefined
message object|string|function Defines a message generation method. Same as the message property of the JS API. undefined
rowspan number|string Defines the layout rowspan.
This property can be used when defining in the layout-header and layout-body slots.		 undefined
sort boolean|string|function Defines a sort. See "Sort by Column" for detail. undefined

# Methods

Name Return Type Description
invalidate --- Redraws the whole grid.

+ ← + + CGridInputColumn + + → +

+ + + diff --git a/documents/api/vue/components/CGridInputColumn.html b/documents/api/vue/components/CGridInputColumn.html new file mode 100644 index 000000000..f0bdd2b95 --- /dev/null +++ b/documents/api/vue/components/CGridInputColumn.html @@ -0,0 +1,56 @@ + + + + + + CGridInputColumn | Cheetah Grid + + + + + + + + + + + + + + +
Cheetah Grid

# CGridInputColumn

Defines input column.

# Slots

# default slot

Use this slot to set the header caption

# Properties

# Optional Properties

Name Type Description Default
field object|string|function Defines a column data field undefined
width number|string Defines a default column width undefined
min-width number|string Defines a column min width undefined
max-width number|string Defines a column max width undefined
column-type object|string|function Defines a column type undefined
column-style object|string|function Defines a column style. Same as the style property of the JS API. undefined
caption string|function Defines a header caption ''
disabled boolean|function Defines disabled. You can also control each record by specifying a function. false
readonly boolean|function Defines readonly. You can also control each record by specifying a function. false
colspan number|string Defines the layout colspan.
This property can be used when defining in the layout-header and layout-body slots.		 undefined
filter string|function Defines a vue filter name undefined
header-action object|string|function Defines a column header action. Same as the headerAction property of the JS API. undefined
header-field string Defines a column header data field undefined
header-icon object|string Defines a header icon undefined
header-style object|string|function Defines a column header style. Same as the headerStyle property of the JS API undefined
header-type object|string|function Defines a column header type. Same as the headerStyle property of the JS API undefined
helper-text string|function Defines a helper text ganarator undefined
icon object|string|function Defines an icon. Same as the icon property of the JS API. undefined
input-class-list Array|string|function Defines an input class name undefined
input-type string|function Defines an input type undefined
input-validator function Defines an input validator undefined
message object|string|function Defines a message generation method. Same as the message property of the JS API. undefined
rowspan number|string Defines the layout rowspan.
This property can be used when defining in the layout-header and layout-body slots.		 undefined
sort boolean|string|function Defines a sort. See "Sort by Column" for detail. undefined
validator function Defines a validator undefined

# Methods

Name Return Type Description
invalidate --- Redraws the whole grid.

+ ← + + CGridLayoutRow + + → +

+ + + diff --git a/documents/api/vue/components/CGridLayoutRow.html b/documents/api/vue/components/CGridLayoutRow.html new file mode 100644 index 000000000..7859c922e --- /dev/null +++ b/documents/api/vue/components/CGridLayoutRow.html @@ -0,0 +1,110 @@ + + + + + + CGridLayoutRow | Cheetah Grid + + + + + + + + + + + + + + +
Cheetah Grid

# CGridLayoutRow

Defines layout row.
+Can be used in the layout-header slot and the layout-body slot of CGrid.

# Vue Template Structure

<div class="demo-grid middle">
+  <c-grid
+    :data="records"
+    :frozen-col-count="1">
+    <template slot="layout-header">
+      <!-- header line1 -->
+      <c-grid-layout-row>
+        <c-grid-header width="85" rowspan="2">ID</c-grid-header>
+        <c-grid-header
+          width="20%"
+          min-width="150"
+        >
+          First Name
+        </c-grid-header>
+      </c-grid-layout-row>
+      <!-- header line2 -->
+      <c-grid-layout-row>
+        <c-grid-header
+          width= "20%"
+          min-width="150"
+        >
+          Last Name
+        </c-grid-header>
+      </c-grid-layout-row>
+    </template>
+    <template slot="layout-body">
+      <!-- line1 -->
+      <c-grid-layout-row>
+        <c-grid-column field="personid" width="85" rowspan="2"/>
+        <c-grid-input-column
+          field="fname"
+        />
+      </c-grid-layout-row>
+      <!-- line2 -->
+      <c-grid-layout-row>
+        <c-grid-input-column
+          field="lname"
+        />
+      </c-grid-layout-row>
+    </template>
+  </c-grid>
+</div>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
export default {
+  data() {
+    return {
+      records,
+    };
+  },
+};
+
1
2
3
4
5
6
7

# Slots

# default slot

Use this slot to set the row layout definition

+ ← + + CGridLinkColumn + + → +

+ + + diff --git a/documents/api/vue/components/CGridLinkColumn.html b/documents/api/vue/components/CGridLinkColumn.html new file mode 100644 index 000000000..a1804c29d --- /dev/null +++ b/documents/api/vue/components/CGridLinkColumn.html @@ -0,0 +1,56 @@ + + + + + + CGridLinkColumn | Cheetah Grid + + + + + + + + + + + + + + +
Cheetah Grid

# CGridLinkColumn

Defines link column.

# Slots

# default slot

Use this slot to set the header caption

# Properties

# Optional Properties

Name Type Description Default
field object|string|function Defines a column data field undefined
width number|string Defines a default column width undefined
min-width number|string Defines a column min width undefined
max-width number|string Defines a column max width undefined
column-type object|string|function Defines a column type undefined
column-style object|string|function Defines a column style. Same as the style property of the JS API. undefined
caption string|function Defines a header caption ''
disabled boolean|function Defines disabled. You can also control each record by specifying a function. false
colspan number|string Defines the layout colspan.
This property can be used when defining in the layout-header and layout-body slots.		 undefined
filter string|function Defines a vue filter name undefined
header-action object|string|function Defines a column header action. Same as the headerAction property of the JS API. undefined
header-field string Defines a column header data field undefined
header-icon object|string Defines a header icon undefined
header-style object|string|function Defines a column header style. Same as the headerStyle property of the JS API undefined
header-type object|string|function Defines a column header type. Same as the headerStyle property of the JS API undefined
href string|function Defines a href undefined
icon object|string|function Defines an icon. Same as the icon property of the JS API. undefined
message object|string|function Defines a message generation method. Same as the message property of the JS API. undefined
rowspan number|string Defines the layout rowspan.
This property can be used when defining in the layout-header and layout-body slots.		 undefined
sort boolean|string|function Defines a sort. See "Sort by Column" for detail. undefined
target string Defines an anchor target undefined

# Methods

Name Return Type Description
invalidate --- Redraws the whole grid.

+ ← + + CGridMenuColumn + + → +

+ + + diff --git a/documents/api/vue/components/CGridMenuColumn.html b/documents/api/vue/components/CGridMenuColumn.html new file mode 100644 index 000000000..e831774b7 --- /dev/null +++ b/documents/api/vue/components/CGridMenuColumn.html @@ -0,0 +1,56 @@ + + + + + + CGridMenuColumn | Cheetah Grid + + + + + + + + + + + + + + +
Cheetah Grid

# CGridMenuColumn

Defines select menu column.

# Slots

# default slot

Use this slot to set the header caption

# Properties

# Optional Properties

Name Type Description Default
field object|string|function Defines a column data field undefined
width number|string Defines a default column width undefined
min-width number|string Defines a column min width undefined
max-width number|string Defines a column max width undefined
column-style object|string|function Defines a column style. Same as the style property of the JS API. undefined
caption string|function Defines a header caption ''
disabled boolean|function Defines disabled. You can also control each record by specifying a function. false
readonly boolean|function Defines readonly. You can also control each record by specifying a function. false
colspan number|string Defines the layout colspan.
This property can be used when defining in the layout-header and layout-body slots.		 undefined
display-options object|Array Defines a menu options for display undefined
editor-options object|Array|function Defines a menu options for popup undefined
filter string|function Defines a vue filter name undefined
header-action object|string|function Defines a column header action. Same as the headerAction property of the JS API. undefined
header-field string Defines a column header data field undefined
header-icon object|string Defines a header icon undefined
header-style object|string|function Defines a column header style. Same as the headerStyle property of the JS API undefined
header-type object|string|function Defines a column header type. Same as the headerStyle property of the JS API undefined
icon object|string|function Defines an icon. Same as the icon property of the JS API. undefined
message object|string|function Defines a message generation method. Same as the message property of the JS API. undefined
options object|Array Defines a menu options undefined
rowspan number|string Defines the layout rowspan.
This property can be used when defining in the layout-header and layout-body slots.		 undefined
sort boolean|string|function Defines a sort. See "Sort by Column" for detail. undefined

# Methods

Name Return Type Description
invalidate --- Redraws the whole grid.

+ ← + + CGridPercentCompleteBarColumn + + → +

+ + + diff --git a/documents/api/vue/components/CGridPercentCompleteBarColumn.html b/documents/api/vue/components/CGridPercentCompleteBarColumn.html new file mode 100644 index 000000000..8fcfac206 --- /dev/null +++ b/documents/api/vue/components/CGridPercentCompleteBarColumn.html @@ -0,0 +1,56 @@ + + + + + + CGridPercentCompleteBarColumn | Cheetah Grid + + + + + + + + + + + + + + +
Cheetah Grid

# CGridPercentCompleteBarColumn

Defines percent complete bar column.

# Slots

# default slot

Use this slot to set the header caption

# Properties

# Optional Properties

Name Type Description Default
field object|string|function Defines a column data field undefined
width number|string Defines a default column width undefined
min-width number|string Defines a column min width undefined
max-width number|string Defines a column max width undefined
column-style object|string|function Defines a column style. Same as the style property of the JS API. undefined
action object|string|function Defines an action undefined
caption string|function Defines a header caption ''
colspan number|string Defines the layout colspan.
This property can be used when defining in the layout-header and layout-body slots.		 undefined
filter string|function Defines a vue filter name undefined
formatter function Defines a formatter undefined
header-action object|string|function Defines a column header action. Same as the headerAction property of the JS API. undefined
header-field string Defines a column header data field undefined
header-icon object|string Defines a header icon undefined
header-style object|string|function Defines a column header style. Same as the headerStyle property of the JS API undefined
header-type object|string|function Defines a column header type. Same as the headerStyle property of the JS API undefined
icon object|string|function Defines an icon. Same as the icon property of the JS API. undefined
max number|string Defines a max value undefined
message object|string|function Defines a message generation method. Same as the message property of the JS API. undefined
min number|string Defines a min value undefined
rowspan number|string Defines the layout rowspan.
This property can be used when defining in the layout-header and layout-body slots.		 undefined
sort boolean|string|function Defines a sort. See "Sort by Column" for detail. undefined

# Methods

Name Return Type Description
invalidate --- Redraws the whole grid.

+ ← + + CGridRadioColumn + + → +

+ + + diff --git a/documents/api/vue/components/CGridRadioColumn.html b/documents/api/vue/components/CGridRadioColumn.html new file mode 100644 index 000000000..e65cbb2df --- /dev/null +++ b/documents/api/vue/components/CGridRadioColumn.html @@ -0,0 +1,96 @@ + + + + + + CGridRadioColumn | Cheetah Grid + + + + + + + + + + + + + + +
Cheetah Grid

# CGridRadioColumn

Defines radio button column.

# Vue Template Structure

<div class="demo-grid small">
+  <c-grid
+    :data="records"
+    :frozen-col-count="1">
+    <c-grid-radio-column
+      field="c1"
+      width="100"
+    >
+      Radio1
+    </c-grid-radio-column>
+    <c-grid-radio-column
+      field="c2"
+      width="100"
+    >
+      Radio2
+    </c-grid-radio-column>
+  </c-grid>
+</div>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
export default {
+  data() {
+    return {
+      records: [
+        { c1: true, c2: false },
+        { c1: false, c2: true },
+        { c1: false, c2: false },
+        { c1: false, c2: false },
+        { c1: false, c2: false },
+        { c1: false, c2: false },
+        { c1: false, c2: false },
+        { c1: false, c2: false },
+        { c1: false, c2: false },
+        { c1: false, c2: false },
+      ],
+    };
+  },
+};
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

# Slots

# default slot

Use this slot to set the header caption

# Properties

# Optional Properties

Name Type Description Default
field object|string|function Defines a column data field undefined
width number|string Defines a default column width undefined
min-width number|string Defines a column min width undefined
max-width number|string Defines a column max width undefined
column-style object|string|function Defines a column style. Same as the style property of the JS API. undefined
caption string|function Defines a header caption ''
disabled boolean|function Defines disabled. You can also control each record by specifying a function. false
readonly boolean|function Defines readonly. You can also control each record by specifying a function. false
check-action function Change the check action from the default. undefined
colspan number|string Defines the layout colspan.
This property can be used when defining in the layout-header and layout-body slots.		 undefined
filter string|function Defines a vue filter name undefined
group function DEPRECATED! Use checkAction instead. Define a function that returns a radio group. undefined
header-action object|string|function Defines a column header action. Same as the headerAction property of the JS API. undefined
header-field string Defines a column header data field undefined
header-icon object|string Defines a header icon undefined
header-style object|string|function Defines a column header style. Same as the headerStyle property of the JS API undefined
header-type object|string|function Defines a column header type. Same as the headerStyle property of the JS API undefined
icon object|string|function Defines an icon. Same as the icon property of the JS API. undefined
message object|string|function Defines a message generation method. Same as the message property of the JS API. undefined
rowspan number|string Defines the layout rowspan.
This property can be used when defining in the layout-header and layout-body slots.		 undefined
sort boolean|string|function Defines a sort. See "Sort by Column" for detail. undefined

# Methods

Name Return Type Description
invalidate --- Redraws the whole grid.

+ ← + + Define Headers and Columns + + → +

+ + + diff --git a/documents/api/vue/components/index.html b/documents/api/vue/components/index.html new file mode 100644 index 000000000..4d1833116 --- /dev/null +++ b/documents/api/vue/components/index.html @@ -0,0 +1,56 @@ + + + + + + Available Vue Components | Cheetah Grid + + + + + + + + + + + + + + +
Cheetah Grid

# Available Vue Components

Component Name Description LINK
<c-grid> Grid. CGrid
<c-grid-column> Column definition to display in the grid. CGridColumn
<c-grid-column-group> Definition of column group when multiple header is displayed. CGridColumnGroup
<c-grid-button-column> Button column definition. CGridButtonColumn
<c-grid-check-column> Checkbox column definition. CGridCheckColumn
<c-grid-input-column> Input column definition. CGridInputColumn
<c-grid-menu-column> Menu column definition. CGridMenuColumn
<c-grid-link-column> Link column definition. CGridLinkColumn
<c-grid-icon-column> Icon column definition. CGridIconColumn
<c-grid-percent-complete-bar-column> Percent complete bar column definition. CGridPercentCompleteBarColumn
<c-grid-radio-column> Radio button column definition. CGridRadioColumn
<c-grid-branch-graph-column> Branch graph column definition. CGridBranchGraphColumn
<c-grid-layout-row> Define advanced layout row. CGridLayoutRow
<c-grid-header> Define advanced layout header. CGridHeader

+ ← + + CGrid + + → +

+ + + diff --git a/documents/api/vue/headers_columns.html b/documents/api/vue/headers_columns.html new file mode 100644 index 000000000..e95d28bbe --- /dev/null +++ b/documents/api/vue/headers_columns.html @@ -0,0 +1,163 @@ + + + + + + Define Headers and Columns | Cheetah Grid + + + + + + + + + + + + + + +
Cheetah Grid

# Define Headers and Columns

# Standard Column

You can define the behavior and appearance of columns and headers cells by defining <c-grid-column> in slot of <c-grid>.

<div class="demo-grid middle">
+  <c-grid :data="records" frozen-col-count="1">
+    <c-grid-column
+      field="personid"
+      width="100">
+      ID
+    </c-grid-column>
+    <c-grid-column
+      field="fname"
+      width="200">
+      First Name
+    </c-grid-column>
+    <c-grid-column
+      field="lname"
+      width="200">
+      Last Name
+    </c-grid-column>
+    <c-grid-column
+      :field="getBirthday"
+      width="200">
+      Birthday
+    </c-grid-column>
+  </c-grid>
+</div>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
/*
+  record object properties
+  {
+    personid: 'ID',
+    fname: 'First Name',
+    lname: 'Last Name',
+    email: 'Email',
+    birthday: 'birthday',
+  }
+ */
+const records = generatePersons(100);
+
+export default {
+  data() {
+    return {
+      records,
+    };
+  },
+  methods: {
+    getBirthday(rec) {
+      const dateTimeFormat = new Intl.DateTimeFormat("en-US", {
+        year: "numeric",
+        month: "numeric",
+        day: "numeric",
+      });
+      return dateTimeFormat.format(rec.birthday);
+    },
+  },
+};
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

# Multiple Header

To use multiple header, define <c-grid-column-group>.

<div class="demo-grid middle">
+  <c-grid :data="records" frozen-col-count="1">
+    <c-grid-column
+      field="personid"
+      width="100">
+      ID
+    </c-grid-column>
+    <!-- multiple header -->
+    <c-grid-column-group caption="Name">
+      <c-grid-column
+        field="fname"
+        width="200">
+        First Name
+      </c-grid-column>
+      <c-grid-column
+        field="lname"
+        width="200">
+        Last Name
+      </c-grid-column>
+    </c-grid-column-group>
+    <c-grid-column
+      :field="getBirthday"
+      width="200">
+      Birthday
+    </c-grid-column>
+  </c-grid>
+</div>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
const records = generatePersons(100);
+
+export default {
+  data() {
+    return {
+      records,
+    };
+  },
+  methods: {
+    getBirthday(rec) {
+      const dateTimeFormat = new Intl.DateTimeFormat("en-US", {
+        year: "numeric",
+        month: "numeric",
+        day: "numeric",
+      });
+      return dateTimeFormat.format(rec.birthday);
+    },
+  },
+};
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

+ ← + + Advanced Layout + + → +

+ + + diff --git a/documents/api/vue/index.html b/documents/api/vue/index.html new file mode 100644 index 000000000..bec1d63e5 --- /dev/null +++ b/documents/api/vue/index.html @@ -0,0 +1,112 @@ + + + + + + API for Vue.js | Cheetah Grid + + + + + + + + + + + + + + +
Cheetah Grid

# API for Vue.js

# Available Vue Components

Please refer Available Vue Components

# Template

<div class="demo-grid middle">
+  <c-grid
+    :data="records"
+    :frozen-col-count="1">
+    <!-- define checkbox -->
+    <c-grid-check-column
+      field="check"
+      width="50" />
+    <c-grid-column
+      field="personid"
+      width= "85"
+    >
+      ID
+    </c-grid-column>
+    <!-- multiple header -->
+    <c-grid-column-group
+      caption="Name">
+      <c-grid-input-column
+        field="fname"
+        width="20%"
+        min-width="150"
+      >
+        First Name
+      </c-grid-input-column>
+      <c-grid-input-column
+        field="lname"
+        width= "20%"
+        min-width="150"
+      >
+        Last Name
+      </c-grid-input-column>
+    </c-grid-column-group>
+    <!-- button -->
+    <c-grid-button-column
+      caption="SHOW REC"
+      width="120"
+      @click="onClickRecord"
+    />
+  </c-grid>
+</div>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
export default {
+  data() {
+    return {
+      records,
+    };
+  },
+  methods: {
+    onClickRecord(rec) {
+      alert(JSON.stringify(rec));
+    },
+  },
+};
+
1
2
3
4
5
6
7
8
9
10
11
12

+ ← + + Available Vue Components + + → +

+ + + diff --git a/documents/assets/css/0.styles.27dbc8b3.css b/documents/assets/css/0.styles.27dbc8b3.css new file mode 100644 index 000000000..1d4e319d9 --- /dev/null +++ b/documents/assets/css/0.styles.27dbc8b3.css @@ -0,0 +1 @@ +code[class*=language-],pre[class*=language-]{color:#ccc;background:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#999}.token.punctuation{color:#ccc}.token.attr-name,.token.deleted,.token.namespace,.token.tag{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.function,.token.number{color:#f08d49}.token.class-name,.token.constant,.token.property,.token.symbol{color:#f8c555}.token.atrule,.token.builtin,.token.important,.token.keyword,.token.selector{color:#cc99cd}.token.attr-value,.token.char,.token.regex,.token.string,.token.variable{color:#7ec699}.token.entity,.token.operator,.token.url{color:#67cdcc}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}.theme-default-content code{color:#476582;padding:.25rem .5rem;margin:0;font-size:.85em;background-color:rgba(27,31,35,.05);border-radius:3px}.theme-default-content code .token.deleted{color:#ec5975}.theme-default-content code .token.inserted{color:#f93}.theme-default-content pre,.theme-default-content pre[class*=language-]{line-height:1.4;padding:1.25rem 1.5rem;margin:.85rem 0;background-color:#282c34;border-radius:6px;overflow:auto}.theme-default-content pre[class*=language-] code,.theme-default-content pre code{color:#fff;padding:0;background-color:transparent;border-radius:0}div[class*=language-]{position:relative;background-color:#282c34;border-radius:6px}div[class*=language-] .highlight-lines{-webkit-user-select:none;user-select:none;padding-top:1.3rem;position:absolute;top:0;left:0;width:100%;line-height:1.4}div[class*=language-] .highlight-lines .highlighted{background-color:rgba(0,0,0,.66)}div[class*=language-] pre,div[class*=language-] pre[class*=language-]{background:transparent;position:relative;z-index:1}div[class*=language-]:before{position:absolute;z-index:3;top:.8em;right:1em;font-size:.75rem;color:hsla(0,0%,100%,.4)}div[class*=language-]:not(.line-numbers-mode) .line-numbers-wrapper{display:none}div[class*=language-].line-numbers-mode .highlight-lines .highlighted{position:relative}div[class*=language-].line-numbers-mode .highlight-lines .highlighted:before{content:" ";position:absolute;z-index:3;left:0;top:0;display:block;width:3.5rem;height:100%;background-color:rgba(0,0,0,.66)}div[class*=language-].line-numbers-mode pre{padding-left:4.5rem;vertical-align:middle}div[class*=language-].line-numbers-mode .line-numbers-wrapper{position:absolute;top:0;width:3.5rem;text-align:center;color:hsla(0,0%,100%,.3);padding:1.25rem 0;line-height:1.4}div[class*=language-].line-numbers-mode .line-numbers-wrapper br{-webkit-user-select:none;user-select:none}div[class*=language-].line-numbers-mode .line-numbers-wrapper .line-number{position:relative;z-index:4;-webkit-user-select:none;user-select:none;font-size:.85em}div[class*=language-].line-numbers-mode:after{content:"";position:absolute;z-index:2;top:0;left:0;width:3.5rem;height:100%;border-radius:6px 0 0 6px;border-right:1px solid rgba(0,0,0,.66);background-color:#282c34}div[class~=language-js]:before{content:"js"}div[class~=language-ts]:before{content:"ts"}div[class~=language-html]:before{content:"html"}div[class~=language-md]:before{content:"md"}div[class~=language-vue]:before{content:"vue"}div[class~=language-css]:before{content:"css"}div[class~=language-sass]:before{content:"sass"}div[class~=language-scss]:before{content:"scss"}div[class~=language-less]:before{content:"less"}div[class~=language-stylus]:before{content:"stylus"}div[class~=language-go]:before{content:"go"}div[class~=language-java]:before{content:"java"}div[class~=language-c]:before{content:"c"}div[class~=language-sh]:before{content:"sh"}div[class~=language-yaml]:before{content:"yaml"}div[class~=language-py]:before{content:"py"}div[class~=language-docker]:before{content:"docker"}div[class~=language-dockerfile]:before{content:"dockerfile"}div[class~=language-makefile]:before{content:"makefile"}div[class~=language-javascript]:before{content:"js"}div[class~=language-typescript]:before{content:"ts"}div[class~=language-markup]:before{content:"html"}div[class~=language-markdown]:before{content:"md"}div[class~=language-json]:before{content:"json"}div[class~=language-ruby]:before{content:"rb"}div[class~=language-python]:before{content:"py"}div[class~=language-bash]:before{content:"sh"}div[class~=language-php]:before{content:"php"}.custom-block .custom-block-title{font-weight:600;margin-bottom:-.4rem}.custom-block.danger,.custom-block.tip,.custom-block.warning{padding:.1rem 1.5rem;border-left-width:.5rem;border-left-style:solid;margin:1rem 0}.custom-block.tip{background-color:#f3f5f7;border-color:#42b983}.custom-block.warning{background-color:rgba(255,229,100,.3);border-color:#e7c000;color:#6b5900}.custom-block.warning .custom-block-title{color:#b29400}.custom-block.warning a{color:#2c3e50}.custom-block.danger{background-color:#ffe6e6;border-color:#c00;color:#4d0000}.custom-block.danger .custom-block-title{color:#900}.custom-block.danger a{color:#2c3e50}.custom-block.details{display:block;position:relative;border-radius:2px;margin:1.6em 0;padding:1.6em;background-color:#eee}.custom-block.details h4{margin-top:0}.custom-block.details figure:last-child,.custom-block.details p:last-child{margin-bottom:0;padding-bottom:0}.custom-block.details summary{outline:none;cursor:pointer}.arrow{display:inline-block;width:0;height:0}.arrow.up{border-bottom:6px solid #ccc}.arrow.down,.arrow.up{border-left:4px solid transparent;border-right:4px solid transparent}.arrow.down{border-top:6px solid #ccc}.arrow.right{border-left:6px solid #ccc}.arrow.left,.arrow.right{border-top:4px solid transparent;border-bottom:4px solid transparent}.arrow.left{border-right:6px solid #ccc}.theme-default-content:not(.custom){max-width:740px;margin:0 auto;padding:2rem 2.5rem}@media (max-width:959px){.theme-default-content:not(.custom){padding:2rem}}@media (max-width:419px){.theme-default-content:not(.custom){padding:1.5rem}}.table-of-contents .badge{vertical-align:middle}body,html{padding:0;margin:0;background-color:#fff}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;color:#2c3e50}.page{padding-left:20rem}.navbar{z-index:20;right:0;height:3.6rem;background-color:#fff;box-sizing:border-box;border-bottom:1px solid #eaecef}.navbar,.sidebar-mask{position:fixed;top:0;left:0}.sidebar-mask{z-index:9;width:100vw;height:100vh;display:none}.sidebar{font-size:16px;background-color:#fff;width:20rem;position:fixed;z-index:10;margin:0;top:3.6rem;left:0;bottom:0;box-sizing:border-box;border-right:1px solid #eaecef;overflow-y:auto}.theme-default-content:not(.custom)>:first-child{margin-top:3.6rem}.theme-default-content:not(.custom) a:hover{text-decoration:underline}.theme-default-content:not(.custom) p.demo{padding:1rem 1.5rem;border:1px solid #ddd;border-radius:4px}.theme-default-content:not(.custom) img{max-width:100%}.theme-default-content.custom{padding:0;margin:0}.theme-default-content.custom img{max-width:100%}a{font-weight:500;color:#f93;text-decoration:none}p a code{font-weight:400;color:#f93}kbd{background:#eee;border:.15rem solid #ddd;border-bottom:.25rem solid #ddd;border-radius:.15rem;padding:0 .15em}blockquote{font-size:1rem;color:#999;border-left:.2rem solid #dfe2e5;margin:1rem 0;padding:.25rem 0 .25rem 1rem}blockquote>p{margin:0}ol,ul{padding-left:1.2em}strong{font-weight:600}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25}.theme-default-content:not(.custom)>h1,.theme-default-content:not(.custom)>h2,.theme-default-content:not(.custom)>h3,.theme-default-content:not(.custom)>h4,.theme-default-content:not(.custom)>h5,.theme-default-content:not(.custom)>h6{margin-top:-3.1rem;padding-top:4.6rem;margin-bottom:0}.theme-default-content:not(.custom)>h1:first-child,.theme-default-content:not(.custom)>h2:first-child,.theme-default-content:not(.custom)>h3:first-child,.theme-default-content:not(.custom)>h4:first-child,.theme-default-content:not(.custom)>h5:first-child,.theme-default-content:not(.custom)>h6:first-child{margin-top:-1.5rem;margin-bottom:1rem}.theme-default-content:not(.custom)>h1:first-child+.custom-block,.theme-default-content:not(.custom)>h1:first-child+p,.theme-default-content:not(.custom)>h1:first-child+pre,.theme-default-content:not(.custom)>h2:first-child+.custom-block,.theme-default-content:not(.custom)>h2:first-child+p,.theme-default-content:not(.custom)>h2:first-child+pre,.theme-default-content:not(.custom)>h3:first-child+.custom-block,.theme-default-content:not(.custom)>h3:first-child+p,.theme-default-content:not(.custom)>h3:first-child+pre,.theme-default-content:not(.custom)>h4:first-child+.custom-block,.theme-default-content:not(.custom)>h4:first-child+p,.theme-default-content:not(.custom)>h4:first-child+pre,.theme-default-content:not(.custom)>h5:first-child+.custom-block,.theme-default-content:not(.custom)>h5:first-child+p,.theme-default-content:not(.custom)>h5:first-child+pre,.theme-default-content:not(.custom)>h6:first-child+.custom-block,.theme-default-content:not(.custom)>h6:first-child+p,.theme-default-content:not(.custom)>h6:first-child+pre{margin-top:2rem}h1:focus .header-anchor,h1:hover .header-anchor,h2:focus .header-anchor,h2:hover .header-anchor,h3:focus .header-anchor,h3:hover .header-anchor,h4:focus .header-anchor,h4:hover .header-anchor,h5:focus .header-anchor,h5:hover .header-anchor,h6:focus .header-anchor,h6:hover .header-anchor{opacity:1}h1{font-size:2.2rem}h2{font-size:1.65rem;padding-bottom:.3rem;border-bottom:1px solid #eaecef}h3{font-size:1.35rem}a.header-anchor{font-size:.85em;float:left;margin-left:-.87em;padding-right:.23em;margin-top:.125em;opacity:0}a.header-anchor:focus,a.header-anchor:hover{text-decoration:none}.line-number,code,kbd{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}ol,p,ul{line-height:1.7}hr{border:0;border-top:1px solid #eaecef}table{border-collapse:collapse;margin:1rem 0;display:block;overflow-x:auto}tr{border-top:1px solid #dfe2e5}tr:nth-child(2n){background-color:#f6f8fa}td,th{border:1px solid #dfe2e5;padding:.6em 1em}.theme-container.sidebar-open .sidebar-mask{display:block}.theme-container.no-navbar .theme-default-content:not(.custom)>h1,.theme-container.no-navbar h2,.theme-container.no-navbar h3,.theme-container.no-navbar h4,.theme-container.no-navbar h5,.theme-container.no-navbar h6{margin-top:1.5rem;padding-top:0}.theme-container.no-navbar .sidebar{top:0}@media (min-width:720px){.theme-container.no-sidebar .sidebar{display:none}.theme-container.no-sidebar .page{padding-left:0}}@media (max-width:959px){.sidebar{font-size:15px;width:16.4rem}.page{padding-left:16.4rem}}@media (max-width:719px){.sidebar{top:0;padding-top:3.6rem;transform:translateX(-100%);transition:transform .2s ease}.page{padding-left:0}.theme-container.sidebar-open .sidebar{transform:translateX(0)}.theme-container.no-navbar .sidebar{padding-top:0}}@media (max-width:419px){h1{font-size:1.9rem}.theme-default-content div[class*=language-]{margin:.85rem -1.5rem;border-radius:0}}.page-edit,.page-nav,.theme-default-content:not(.custom){width:88%;max-width:1280px}.theme-container .sidebar>.sidebar-links>li:not(:first-child){margin-top:.15rem}.theme-container .sidebar>.sidebar-links>li>a.sidebar-link{font-size:1.1em;line-height:1.4;font-weight:500}.demo-grid{width:100%;height:300px;box-sizing:border-box;border:1px solid #ddd;flex-glow:1}.demo-grid.large{height:500px}.demo-grid.middle{height:300px}.demo-grid.small{height:240px}.theme-default-content .cheetah-grid__tooltip-element__content{padding:0;margin:0}#nprogress{pointer-events:none}#nprogress .bar{background:#f93;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #f93,0 0 5px #f93;opacity:1;transform:rotate(3deg) translateY(-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border-color:#f93 transparent transparent #f93;border-style:solid;border-width:2px;border-radius:50%;-webkit-animation:nprogress-spinner .4s linear infinite;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}@-webkit-keyframes nprogress-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes nprogress-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.icon.outbound{color:#aaa;display:inline-block;vertical-align:middle;position:relative;top:-1px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.home{padding:3.6rem 2rem 0;max-width:960px;margin:0 auto;display:block}.home .hero{text-align:center}.home .hero img{max-width:100%;max-height:280px;display:block;margin:3rem auto 1.5rem}.home .hero h1{font-size:3rem}.home .hero .action,.home .hero .description,.home .hero h1{margin:1.8rem auto}.home .hero .description{max-width:35rem;font-size:1.6rem;line-height:1.3;color:#6a8bad}.home .hero .action-button{display:inline-block;font-size:1.2rem;color:#fff;background-color:#f93;padding:.8rem 1.6rem;border-radius:4px;transition:background-color .1s ease;box-sizing:border-box;border-bottom:1px solid #ff8a14}.home .hero .action-button:hover{background-color:#ffa347}.home .features{border-top:1px solid #eaecef;padding:1.2rem 0;margin-top:2.5rem;display:flex;flex-wrap:wrap;align-items:flex-start;align-content:stretch;justify-content:space-between}.home .feature{flex-grow:1;flex-basis:30%;max-width:30%}.home .feature h2{font-size:1.4rem;font-weight:500;border-bottom:none;padding-bottom:0;color:#3a5169}.home .feature p{color:#4e6e8e}.home .footer{padding:2.5rem;border-top:1px solid #eaecef;text-align:center;color:#4e6e8e}@media (max-width:719px){.home .features{flex-direction:column}.home .feature{max-width:100%;padding:0 2.5rem}}@media (max-width:419px){.home{padding-left:1.5rem;padding-right:1.5rem}.home .hero img{max-height:210px;margin:2rem auto 1.2rem}.home .hero h1{font-size:2rem}.home .hero .action,.home .hero .description,.home .hero h1{margin:1.2rem auto}.home .hero .description{font-size:1.2rem}.home .hero .action-button{font-size:1rem;padding:.6rem 1.2rem}.home .feature h2{font-size:1.25rem}}.search-box{display:inline-block;position:relative;margin-right:1rem}.search-box input{cursor:text;width:10rem;height:2rem;color:#4e6e8e;display:inline-block;border:1px solid #cfd4db;border-radius:2rem;font-size:.9rem;line-height:2rem;padding:0 .5rem 0 2rem;outline:none;transition:all .2s ease;background:#fff url(/cheetah-grid/documents/assets/img/search.83621669.svg) .6rem .5rem no-repeat;background-size:1rem}.search-box input:focus{cursor:auto;border-color:#f93}.search-box .suggestions{background:#fff;width:20rem;position:absolute;top:2rem;border:1px solid #cfd4db;border-radius:6px;padding:.4rem;list-style-type:none}.search-box .suggestions.align-right{right:0}.search-box .suggestion{line-height:1.4;padding:.4rem .6rem;border-radius:4px;cursor:pointer}.search-box .suggestion a{white-space:normal;color:#5d82a6}.search-box .suggestion a .page-title{font-weight:600}.search-box .suggestion a .header{font-size:.9em;margin-left:.25em}.search-box .suggestion.focused{background-color:#f3f4f5}.search-box .suggestion.focused a{color:#f93}@media (max-width:959px){.search-box input{cursor:pointer;width:0;border-color:transparent;position:relative}.search-box input:focus{cursor:text;left:0;width:10rem}}@media (-ms-high-contrast:none){.search-box input{height:2rem}}@media (max-width:959px) and (min-width:719px){.search-box .suggestions{left:0}}@media (max-width:719px){.search-box{margin-right:0}.search-box input{left:1rem}.search-box .suggestions{right:0}}@media (max-width:419px){.search-box .suggestions{width:calc(100vw - 4rem)}.search-box input:focus{width:8rem}}.sidebar-button{cursor:pointer;display:none;width:1.25rem;height:1.25rem;position:absolute;padding:.6rem;top:.6rem;left:1rem}.sidebar-button .icon{display:block;width:1.25rem;height:1.25rem}@media (max-width:719px){.sidebar-button{display:block}}.dropdown-enter,.dropdown-leave-to{height:0!important}.dropdown-wrapper{cursor:pointer}.dropdown-wrapper .dropdown-title,.dropdown-wrapper .mobile-dropdown-title{display:block;font-size:.9rem;font-family:inherit;cursor:inherit;padding:inherit;line-height:1.4rem;background:transparent;border:none;font-weight:500;color:#2c3e50}.dropdown-wrapper .dropdown-title:hover,.dropdown-wrapper .mobile-dropdown-title:hover{border-color:transparent}.dropdown-wrapper .dropdown-title .arrow,.dropdown-wrapper .mobile-dropdown-title .arrow{vertical-align:middle;margin-top:-1px;margin-left:.4rem}.dropdown-wrapper .mobile-dropdown-title{display:none;font-weight:600}.dropdown-wrapper .mobile-dropdown-title font-size inherit:hover{color:#f93}.dropdown-wrapper .nav-dropdown .dropdown-item{color:inherit;line-height:1.7rem}.dropdown-wrapper .nav-dropdown .dropdown-item h4{margin:.45rem 0 0;border-top:1px solid #eee;padding:1rem 1.5rem .45rem 1.25rem}.dropdown-wrapper .nav-dropdown .dropdown-item .dropdown-subitem-wrapper{padding:0;list-style:none}.dropdown-wrapper .nav-dropdown .dropdown-item .dropdown-subitem-wrapper .dropdown-subitem{font-size:.9em}.dropdown-wrapper .nav-dropdown .dropdown-item a{display:block;line-height:1.7rem;position:relative;border-bottom:none;font-weight:400;margin-bottom:0;padding:0 1.5rem 0 1.25rem}.dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active,.dropdown-wrapper .nav-dropdown .dropdown-item a:hover{color:#f93}.dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active:after{content:"";width:0;height:0;border-left:5px solid #f93;border-top:3px solid transparent;border-bottom:3px solid transparent;position:absolute;top:calc(50% - 2px);left:9px}.dropdown-wrapper .nav-dropdown .dropdown-item:first-child h4{margin-top:0;padding-top:0;border-top:0}@media (max-width:719px){.dropdown-wrapper.open .dropdown-title{margin-bottom:.5rem}.dropdown-wrapper .dropdown-title{display:none}.dropdown-wrapper .mobile-dropdown-title{display:block}.dropdown-wrapper .nav-dropdown{transition:height .1s ease-out;overflow:hidden}.dropdown-wrapper .nav-dropdown .dropdown-item h4{border-top:0;margin-top:0;padding-top:0}.dropdown-wrapper .nav-dropdown .dropdown-item>a,.dropdown-wrapper .nav-dropdown .dropdown-item h4{font-size:15px;line-height:2rem}.dropdown-wrapper .nav-dropdown .dropdown-item .dropdown-subitem{font-size:14px;padding-left:1rem}}@media (min-width:719px){.dropdown-wrapper{height:1.8rem}.dropdown-wrapper.open .nav-dropdown,.dropdown-wrapper:hover .nav-dropdown{display:block!important}.dropdown-wrapper.open:blur{display:none}.dropdown-wrapper .nav-dropdown{display:none;height:auto!important;box-sizing:border-box;max-height:calc(100vh - 2.7rem);overflow-y:auto;position:absolute;top:100%;right:0;background-color:#fff;padding:.6rem 0;border:1px solid;border-color:#ddd #ddd #ccc;text-align:left;border-radius:.25rem;white-space:nowrap;margin:0}}.nav-links{display:inline-block}.nav-links a{line-height:1.4rem;color:inherit}.nav-links a.router-link-active,.nav-links a:hover{color:#f93}.nav-links .nav-item{position:relative;display:inline-block;margin-left:1.5rem;line-height:2rem}.nav-links .nav-item:first-child{margin-left:0}.nav-links .repo-link{margin-left:1.5rem}@media (max-width:719px){.nav-links .nav-item,.nav-links .repo-link{margin-left:0}}@media (min-width:719px){.nav-links a.router-link-active,.nav-links a:hover{color:#2c3e50}.nav-item>a:not(.external).router-link-active,.nav-item>a:not(.external):hover{margin-bottom:-2px;border-bottom:2px solid #ffa143}}.navbar{padding:.7rem 1.5rem;line-height:2.2rem}.navbar a,.navbar img,.navbar span{display:inline-block}.navbar .logo{height:2.2rem;min-width:2.2rem;margin-right:.8rem;vertical-align:top}.navbar .site-name{font-size:1.3rem;font-weight:600;color:#2c3e50;position:relative}.navbar .links{padding-left:1.5rem;box-sizing:border-box;background-color:#fff;white-space:nowrap;font-size:.9rem;position:absolute;right:1.5rem;top:.7rem;display:flex}.navbar .links .search-box{flex:0 0 auto;vertical-align:top}@media (max-width:719px){.navbar{padding-left:4rem}.navbar .can-hide{display:none}.navbar .links{padding-left:1.5rem}.navbar .site-name{width:calc(100vw - 9.4rem);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}}.page-edit{max-width:740px;margin:0 auto;padding:2rem 2.5rem}@media (max-width:959px){.page-edit{padding:2rem}}@media (max-width:419px){.page-edit{padding:1.5rem}}.page-edit{padding-top:1rem;padding-bottom:1rem;overflow:auto}.page-edit .edit-link{display:inline-block}.page-edit .edit-link a{color:#4e6e8e;margin-right:.25rem}.page-edit .last-updated{float:right;font-size:.9em}.page-edit .last-updated .prefix{font-weight:500;color:#4e6e8e}.page-edit .last-updated .time{font-weight:400;color:#767676}@media (max-width:719px){.page-edit .edit-link{margin-bottom:.5rem}.page-edit .last-updated{font-size:.8em;float:none;text-align:left}}.page-nav{max-width:740px;margin:0 auto;padding:2rem 2.5rem}@media (max-width:959px){.page-nav{padding:2rem}}@media (max-width:419px){.page-nav{padding:1.5rem}}.page-nav{padding-top:1rem;padding-bottom:0}.page-nav .inner{min-height:2rem;margin-top:0;border-top:1px solid #eaecef;padding-top:1rem;overflow:auto}.page-nav .next{float:right}.page{padding-bottom:2rem;display:block}.sidebar-group .sidebar-group{padding-left:.5em}.sidebar-group:not(.collapsable) .sidebar-heading:not(.clickable){cursor:auto;color:inherit}.sidebar-group.is-sub-group{padding-left:0}.sidebar-group.is-sub-group>.sidebar-heading{font-size:.95em;line-height:1.4;font-weight:400;padding-left:2rem}.sidebar-group.is-sub-group>.sidebar-heading:not(.clickable){opacity:.5}.sidebar-group.is-sub-group>.sidebar-group-items{padding-left:1rem}.sidebar-group.is-sub-group>.sidebar-group-items>li>.sidebar-link{font-size:.95em;border-left:none}.sidebar-group.depth-2>.sidebar-heading{border-left:none}.sidebar-heading{color:#2c3e50;transition:color .15s ease;cursor:pointer;font-size:1.1em;font-weight:700;padding:.35rem 1.5rem .35rem 1.25rem;width:100%;box-sizing:border-box;margin:0;border-left:.25rem solid transparent}.sidebar-heading.open,.sidebar-heading:hover{color:inherit}.sidebar-heading .arrow{position:relative;top:-.12em;left:.5em}.sidebar-heading.clickable.active{font-weight:600;color:#f93;border-left-color:#f93}.sidebar-heading.clickable:hover{color:#f93}.sidebar-group-items{transition:height .1s ease-out;font-size:.95em;overflow:hidden}.sidebar .sidebar-sub-headers{padding-left:1rem;font-size:.95em}a.sidebar-link{font-size:1em;font-weight:400;display:inline-block;color:#2c3e50;border-left:.25rem solid transparent;padding:.35rem 1rem .35rem 1.25rem;line-height:1.4;width:100%;box-sizing:border-box}a.sidebar-link:hover{color:#f93}a.sidebar-link.active{font-weight:600;color:#f93;border-left-color:#f93}.sidebar-group a.sidebar-link{padding-left:2rem}.sidebar-sub-headers a.sidebar-link{padding-top:.25rem;padding-bottom:.25rem;border-left:none}.sidebar-sub-headers a.sidebar-link.active{font-weight:500}.sidebar ul{padding:0;margin:0;list-style-type:none}.sidebar a{display:inline-block}.sidebar .nav-links{display:none;border-bottom:1px solid #eaecef;padding:.5rem 0 .75rem}.sidebar .nav-links a{font-weight:600}.sidebar .nav-links .nav-item,.sidebar .nav-links .repo-link{display:block;line-height:1.25rem;font-size:1.1em;padding:.5rem 0 .5rem 1.5rem}.sidebar>.sidebar-links{padding:1.5rem 0}.sidebar>.sidebar-links>li>a.sidebar-link{font-size:1.1em;line-height:1.7;font-weight:700}.sidebar>.sidebar-links>li:not(:first-child){margin-top:.75rem}@media (max-width:719px){.sidebar .nav-links{display:block}.sidebar .nav-links .dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active:after{top:calc(1rem - 2px)}.sidebar>.sidebar-links{padding:1rem 0}}.code-preview[data-v-1eea9062] .al-right,.code-preview[data-v-d81b43c4] .al-right input{text-align:right}.code-preview[data-v-c3e9fdf4] .fa{width:16px}.user-preview[data-v-544081ab]{margin:.85rem 0}.code-preview[data-v-63d28fc8]{display:flex;justify-content:space-evenly;align-items:stretch;position:relative}.code-preview>.code[data-v-63d28fc8]{width:50%;padding-right:4px;margin-right:auto}.code-preview>.preview[data-v-63d28fc8]{width:50%;padding-left:4px;margin-left:auto}.tools[data-v-63d28fc8]{position:absolute;top:0;right:0;opacity:.3;z-index:1}.tools>button[data-v-63d28fc8]{cursor:pointer;-webkit-appearance:none;background-color:#fff;outline:none}.tools[data-v-63d28fc8]:hover{opacity:.8}.code-preview--hidden-code>.code[data-v-63d28fc8]{display:none}.code-preview--hidden-code>.preview[data-v-63d28fc8],.code-preview--hidden-preview>.code[data-v-63d28fc8]{width:100%;padding:0}.code-preview--hidden-preview>.preview[data-v-63d28fc8]{display:none}.tool-button__code[data-v-63d28fc8],.tool-button__preview[data-v-63d28fc8]{color:#f93;font-size:16px}.code-preview--hidden-code .tool-button__code[data-v-63d28fc8],.code-preview--hidden-preview .tool-button__preview[data-v-63d28fc8]{color:#2c3e50}@media (max-width:1023px){.code-preview[data-v-63d28fc8]{flex-direction:column}.code-preview>.code[data-v-63d28fc8]{width:100%;padding-right:0}.code-preview>.preview[data-v-63d28fc8]{width:100%;padding-left:0}}.theme-code-block[data-v-759a7d02]{display:none}.theme-code-block__active[data-v-759a7d02]{display:block}.theme-code-block>pre[data-v-759a7d02]{background-color:orange}.badge[data-v-15b7b770]{display:inline-block;font-size:14px;height:18px;line-height:18px;border-radius:3px;padding:0 6px;color:#fff}.badge.green[data-v-15b7b770],.badge.tip[data-v-15b7b770],.badge[data-v-15b7b770]{background-color:#42b983}.badge.error[data-v-15b7b770]{background-color:#da5961}.badge.warn[data-v-15b7b770],.badge.warning[data-v-15b7b770],.badge.yellow[data-v-15b7b770]{background-color:#e7c000}.badge+.badge[data-v-15b7b770]{margin-left:5px}.theme-code-group__nav[data-v-deefee04]{margin-bottom:-35px;background-color:#282c34;padding-bottom:22px;border-top-left-radius:6px;border-top-right-radius:6px;padding-left:10px;padding-top:10px}.theme-code-group__ul[data-v-deefee04]{margin:auto 0;padding-left:0;display:inline-flex;list-style:none}.theme-code-group__nav-tab[data-v-deefee04]{border:0;padding:5px;cursor:pointer;background-color:transparent;font-size:.85em;line-height:1.4;color:hsla(0,0%,100%,.9);font-weight:600}.theme-code-group__nav-tab-active[data-v-deefee04]{border-bottom:1px solid #42b983}.pre-blank[data-v-deefee04]{color:#42b983} \ No newline at end of file diff --git a/documents/assets/img/search.83621669.svg b/documents/assets/img/search.83621669.svg new file mode 100644 index 000000000..03d83913e --- /dev/null +++ b/documents/assets/img/search.83621669.svg @@ -0,0 +1 @@ + diff --git a/documents/assets/js/10.63120c1f.js b/documents/assets/js/10.63120c1f.js new file mode 100644 index 000000000..8bc13bd21 --- /dev/null +++ b/documents/assets/js/10.63120c1f.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[10],{358:function(t,s,a){},391:function(t,s,a){"use strict";a(358)},423:function(t,s,a){"use strict";a.r(s);a(391);var n=a(52),r=Object(n.a)({},(function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"define-column-icon"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#define-column-icon"}},[t._v("#")]),t._v(" Define Column ICON")]),t._v(" "),a("p",[t._v("Use "),a("code",[t._v("icon")]),t._v(" property when drawing icons.")]),t._v(" "),a("p",[t._v("You can use 2 types of icons below by setting.")]),t._v(" "),a("ul",[a("li",[t._v("ICON by Web Font")]),t._v(" "),a("li",[t._v("ICON by picture")])]),t._v(" "),a("h2",{attrs:{id:"standard-way-to-specify-web-fonts"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#standard-way-to-specify-web-fonts"}},[t._v("#")]),t._v(" Standard way to specify Web Fonts")]),t._v(" "),a("p",[t._v("For standard Web font, you should set "),a("code",[t._v("font")]),t._v(" and "),a("code",[t._v("content")]),t._v(".")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1 demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("blockquote",[a("p",[t._v("ICON in sample uses "),a("a",{attrs:{href:"http://fontawesome.io/icons/",target:"_blank",rel:"noopener noreferrer"}},[t._v("Font Awesome Icons"),a("OutboundLink")],1)]),t._v(" "),a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("\x3c!-- Font Awesome: http://fontawesome.io --\x3e")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("link")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("rel")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("stylesheet"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("text/css"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("href")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br")])])]),t._v(" "),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("180")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n icon"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n font"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"normal normal normal 14px/1 FontAwesome"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n content"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"iconContent"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("16")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Optional")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"button"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("180")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n icon"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n font"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"normal normal normal 14px/1 FontAwesome"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n content"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"iconContent"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("16")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Optional")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"BUTTON"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonAction")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("action")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("alert")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("JSON")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("stringify")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"file"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" iconContent"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"\\uf15b"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"audio"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" iconContent"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"\\uf1c7"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"code"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" iconContent"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"\\uf1c9"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"image"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" iconContent"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"\\uf1c5"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br"),a("span",{staticClass:"line-number"},[t._v("39")]),a("br")])])]),t._v(" "),a("h2",{attrs:{id:"other-ways-to-specify-web-font"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#other-ways-to-specify-web-font"}},[t._v("#")]),t._v(" Other ways to specify Web Font")]),t._v(" "),a("p",[t._v("You can use web font by setting "),a("code",[t._v("className")]),t._v(".")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample2 demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("180")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n icon"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n className"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"iconClassName"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("16")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Optional")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"button"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("180")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n icon"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n className"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"iconClassName"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("16")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Optional")]),t._v("\n color"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#fff"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Optional")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"BUTTON"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonAction")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("action")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("alert")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("JSON")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("stringify")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"file"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" iconClassName"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"fa fa-file"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"audio"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" iconClassName"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"fa fa-file-audio-o"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"code"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" iconClassName"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"fa fa-file-code-o"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"image"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" iconClassName"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"fa fa-file-image-o"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br")])])]),t._v(" "),a("h2",{attrs:{id:"how-to-specify-images"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#how-to-specify-images"}},[t._v("#")]),t._v(" How to specify Images")]),t._v(" "),a("p",[t._v("Set "),a("code",[t._v("src")]),t._v(" to show pictures.")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample3 demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample3"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"OSS"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("300")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n icon"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n src"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"iconSrc"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("16")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"label"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"link"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("150")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n icon"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n src"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"iconSrc"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("16")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"LINK"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonAction")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("action")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n window"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("open")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("url"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"_blank"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n label"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Vuls: VULnerability Scanner"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n iconSrc"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"https://github.com/future-architect/vuls/raw/master/img/vuls_icon.png"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n url"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"https://github.com/future-architect/vuls"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n label"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"uroboroSQL"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n iconSrc"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"https://future-architect.github.io/uroborosql-doc/favicon.ico"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n url"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"https://future-architect.github.io/uroborosql-doc/"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n label"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Urushi"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n iconSrc"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"http://future-architect.github.io/urushi/gh-pages-resoucres/favicon.ico"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n url"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"http://future-architect.github.io/urushi/"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br"),a("span",{staticClass:"line-number"},[t._v("39")]),a("br"),a("span",{staticClass:"line-number"},[t._v("40")]),a("br"),a("span",{staticClass:"line-number"},[t._v("41")]),a("br"),a("span",{staticClass:"line-number"},[t._v("42")]),a("br"),a("span",{staticClass:"line-number"},[t._v("43")]),a("br"),a("span",{staticClass:"line-number"},[t._v("44")]),a("br"),a("span",{staticClass:"line-number"},[t._v("45")]),a("br"),a("span",{staticClass:"line-number"},[t._v("46")]),a("br"),a("span",{staticClass:"line-number"},[t._v("47")]),a("br"),a("span",{staticClass:"line-number"},[t._v("48")]),a("br"),a("span",{staticClass:"line-number"},[t._v("49")]),a("br")])])]),t._v(" "),a("h2",{attrs:{id:"multiple-icons"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#multiple-icons"}},[t._v("#")]),t._v(" Multiple Icons")]),t._v(" "),a("p",[t._v("Give array in order to show multiple icons.")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample4 demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample4"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("180")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n icon"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n font"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"normal normal normal 14px/1 FontAwesome"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n content"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"iconContent"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("16")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Optional")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"button"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("180")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n icon"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n font"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"normal normal normal 14px/1 FontAwesome"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n content"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"iconContent"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("16")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Optional")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"BUTTON"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonAction")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("action")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("alert")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("JSON")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("stringify")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"files"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" iconContent"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"\\uf15b"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"\\uf1c7"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"\\uf1c9"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"\\uf1c5"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"forms"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" iconContent"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"\\uf046"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"\\uf192"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"\\uf0fe"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"\\uf147"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"charts"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" iconContent"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"\\uf1fe"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"\\uf080"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"\\uf200"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br")])])]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample5 demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample5"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"OSS"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("300")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n icon"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n src"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"iconSrc"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("16")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"label"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"link"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("150")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n icon"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n src"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"iconSrc"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("16")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"LINK"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonAction")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("action")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n window"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("open")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("url"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"_blank"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" vulsIconUrl "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"https://github.com/future-architect/vuls/raw/master/img/vuls_icon.png"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" uroboroSQLIconUrl "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"https://future-architect.github.io/uroborosql-doc/favicon.ico"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" urushiIconUrl "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"http://future-architect.github.io/urushi/gh-pages-resoucres/favicon.ico"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n label"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Vuls: VULnerability Scanner"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n iconSrc"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("vulsIconUrl"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" vulsIconUrl"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" vulsIconUrl"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" vulsIconUrl"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n url"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"https://github.com/future-architect/vuls"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n label"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"uroboroSQL"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n iconSrc"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("uroboroSQLIconUrl"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" uroboroSQLIconUrl"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" uroboroSQLIconUrl"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n url"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"https://future-architect.github.io/uroborosql-doc/"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n label"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Urushi"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n iconSrc"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("urushiIconUrl"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" urushiIconUrl"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n url"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"http://future-architect.github.io/urushi/"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n label"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Awesome OSS"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n iconSrc"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("vulsIconUrl"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" uroboroSQLIconUrl"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" urushiIconUrl"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n url"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"https://future-architect.github.io/"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br"),a("span",{staticClass:"line-number"},[t._v("39")]),a("br"),a("span",{staticClass:"line-number"},[t._v("40")]),a("br"),a("span",{staticClass:"line-number"},[t._v("41")]),a("br"),a("span",{staticClass:"line-number"},[t._v("42")]),a("br"),a("span",{staticClass:"line-number"},[t._v("43")]),a("br"),a("span",{staticClass:"line-number"},[t._v("44")]),a("br"),a("span",{staticClass:"line-number"},[t._v("45")]),a("br"),a("span",{staticClass:"line-number"},[t._v("46")]),a("br"),a("span",{staticClass:"line-number"},[t._v("47")]),a("br"),a("span",{staticClass:"line-number"},[t._v("48")]),a("br"),a("span",{staticClass:"line-number"},[t._v("49")]),a("br"),a("span",{staticClass:"line-number"},[t._v("50")]),a("br"),a("span",{staticClass:"line-number"},[t._v("51")]),a("br"),a("span",{staticClass:"line-number"},[t._v("52")]),a("br"),a("span",{staticClass:"line-number"},[t._v("53")]),a("br"),a("span",{staticClass:"line-number"},[t._v("54")]),a("br"),a("span",{staticClass:"line-number"},[t._v("55")]),a("br"),a("span",{staticClass:"line-number"},[t._v("56")]),a("br"),a("span",{staticClass:"line-number"},[t._v("57")]),a("br"),a("span",{staticClass:"line-number"},[t._v("58")]),a("br")])])])],1)}),[],!1,null,"c3e9fdf4",null);s.default=r.exports}}]); \ No newline at end of file diff --git a/documents/assets/js/11.e47cbaf6.js b/documents/assets/js/11.e47cbaf6.js new file mode 100644 index 000000000..9b0a904f2 --- /dev/null +++ b/documents/assets/js/11.e47cbaf6.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[11],{398:function(t,e,s){"use strict";s.r(e);var n=["There's nothing here.","How did we get here?","That's a Four-Oh-Four.","Looks like we've got some broken links."],o={methods:{getMsg:function(){return n[Math.floor(Math.random()*n.length)]}}},i=s(52),h=Object(i.a)(o,(function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"theme-container"},[e("div",{staticClass:"theme-default-content"},[e("h1",[this._v("404")]),this._v(" "),e("blockquote",[this._v(this._s(this.getMsg()))]),this._v(" "),e("RouterLink",{attrs:{to:"/"}},[this._v("\n Take me home.\n ")])],1)])}),[],!1,null,null,null);e.default=h.exports}}]); \ No newline at end of file diff --git a/documents/assets/js/12.cf98687c.js b/documents/assets/js/12.cf98687c.js new file mode 100644 index 000000000..53fb4feed --- /dev/null +++ b/documents/assets/js/12.cf98687c.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[12],{417:function(t,e,r){"use strict";r.r(e);var a=r(52),s=Object(a.a)({},(function(){var t=this,e=t.$createElement,r=t._self._c||e;return r("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[r("h1",{attrs:{id:"documents"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#documents"}},[t._v("#")]),t._v(" Documents")]),t._v(" "),r("h2",{attrs:{id:"documents-demos"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#documents-demos"}},[t._v("#")]),t._v(" DOCUMENTS & DEMOs")]),t._v(" "),r("ul",[r("li",[r("a",{attrs:{href:"https://future-architect.github.io/cheetah-grid/",target:"_blank",rel:"noopener noreferrer"}},[t._v("DEMO"),r("OutboundLink")],1)]),t._v(" "),r("li",[r("RouterLink",{attrs:{to:"/introduction/"}},[t._v("Introduction")])],1),t._v(" "),r("li",[r("RouterLink",{attrs:{to:"/api/"}},[t._v("API")])],1),t._v(" "),r("li",[r("RouterLink",{attrs:{to:"/faq/"}},[t._v("FAQ")])],1)]),t._v(" "),r("h2",{attrs:{id:"tsdoc"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#tsdoc"}},[t._v("#")]),t._v(" TSDOC")]),t._v(" "),r("ul",[r("li",[r("a",{attrs:{href:"https://future-architect.github.io/cheetah-grid/documents/tsdoc/index.html",target:"_blank",rel:"noopener noreferrer"}},[t._v("TSDOC"),r("OutboundLink")],1)])])])}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file diff --git a/documents/assets/js/13.17ef9cbc.js b/documents/assets/js/13.17ef9cbc.js new file mode 100644 index 000000000..594835dad --- /dev/null +++ b/documents/assets/js/13.17ef9cbc.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[13],{405:function(t,s,i){"use strict";i.r(s);var a=i(52),r=Object(a.a)({},(function(){var t=this.$createElement,s=this._self._c||t;return s("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[s("h1",{attrs:{id:"api"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#api"}},[this._v("#")]),this._v(" API")]),this._v(" "),s("ul",[s("li",[s("RouterLink",{attrs:{to:"/api/js/"}},[this._v("API for JavaScript")])],1),this._v(" "),s("li",[s("RouterLink",{attrs:{to:"/api/vue/"}},[this._v("API for Vue.js")])],1)])])}),[],!1,null,null,null);s.default=r.exports}}]); \ No newline at end of file diff --git a/documents/assets/js/14.899bfb72.js b/documents/assets/js/14.899bfb72.js new file mode 100644 index 000000000..937fab9c1 --- /dev/null +++ b/documents/assets/js/14.899bfb72.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[14],{404:function(t,a,r){"use strict";r.r(a);var s=r(52),e=Object(s.a)({},(function(){var t=this,a=t.$createElement,r=t._self._c||a;return r("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[r("h1",{attrs:{id:"api-for-javascript"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#api-for-javascript"}},[t._v("#")]),t._v(" API for JavaScript")]),t._v(" "),r("ul",[r("li",[r("RouterLink",{attrs:{to:"/api/js/headers_columns.html"}},[t._v("Headers and Columns")])],1),t._v(" "),r("li",[r("RouterLink",{attrs:{to:"/api/js/grid_data/"}},[t._v("Grid Data")])],1),t._v(" "),r("li",[r("RouterLink",{attrs:{to:"/api/js/selection.html"}},[t._v("Selection")])],1),t._v(" "),r("li",[r("RouterLink",{attrs:{to:"/api/js/events.html"}},[t._v("Events")])],1)])])}),[],!1,null,null,null);a.default=e.exports}}]); \ No newline at end of file diff --git a/documents/assets/js/15.70cd490e.js b/documents/assets/js/15.70cd490e.js new file mode 100644 index 000000000..5a15e3fe2 --- /dev/null +++ b/documents/assets/js/15.70cd490e.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[15],{406:function(e,t,a){"use strict";a.r(t);var r=a(52),n=Object(r.a)({},(function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[a("h1",{attrs:{id:"advanced-header"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#advanced-header"}},[e._v("#")]),e._v(" Advanced Header")]),e._v(" "),a("p",[e._v("You can extend the header.")]),e._v(" "),a("ul",[a("li",[a("RouterLink",{attrs:{to:"/api/js/advanced_header/column_sort.html"}},[e._v("Sort by Column")])],1),e._v(" "),a("li",[a("RouterLink",{attrs:{to:"/api/js/advanced_header/header_actions.html"}},[e._v("Header Actions")])],1)])])}),[],!1,null,null,null);t.default=n.exports}}]); \ No newline at end of file diff --git a/documents/assets/js/16.05f7d668.js b/documents/assets/js/16.05f7d668.js new file mode 100644 index 000000000..67b369ee0 --- /dev/null +++ b/documents/assets/js/16.05f7d668.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[16],{407:function(s,t,a){"use strict";a.r(t);var n=a(52),r=Object(n.a)({},(function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ContentSlotsDistributor",{attrs:{"slot-key":s.$parent.slotKey}},[a("h1",{attrs:{id:"sort-by-column"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#sort-by-column"}},[s._v("#")]),s._v(" Sort by Column")]),s._v(" "),a("p",[s._v("Define sort settings of each column by using "),a("code",[s._v("sort")]),s._v(" property."),a("br"),s._v("\nWhen you set "),a("code",[s._v("true")]),s._v(" value, the records are sorted by builtin logic in Cheetah Grid."),a("br"),s._v("\nWhen you set "),a("code",[s._v("string")]),s._v(" value, the records are sorted by builtin logic in Cheetah Grid, using the specified field."),a("br"),s._v("\nPlease define function if you want to sort by your own logic.")]),s._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("<")]),s._v("div")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[s._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[s._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v('"')]),s._v("sample1 demo-grid middle"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("")])]),s._v("\n")])]),s._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[s._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" records "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n no"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n name"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Asiatic"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n no"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n name"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"South African"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n no"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("3")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n name"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Tanzanian"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n no"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("4")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n name"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Sudan"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n no"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("5")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n name"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"King"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("new")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[s._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('".sample1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"no"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"no"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("50")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// define custom sort logic")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("sort")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[s._v("order"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" col"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" grid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" compare "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v("\n order "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("===")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"desc"')]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("?")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[s._v("v1"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" v2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=>")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("v1 "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("===")]),s._v(" v2 "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("?")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("0")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" v1 "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(">")]),s._v(" v2 "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("?")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("1")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[s._v("v1"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" v2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=>")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("v1 "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("===")]),s._v(" v2 "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("?")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("0")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" v1 "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("<")]),s._v(" v2 "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("?")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("1")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("sort")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[s._v("r1"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" r2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=>")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("compare")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("r1"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("no"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" r2"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("no"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n console"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("log")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"sorted:"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("200")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// use default sort logic")]),s._v("\n sort"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n")])]),s._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[s._v("1")]),a("br"),a("span",{staticClass:"line-number"},[s._v("2")]),a("br"),a("span",{staticClass:"line-number"},[s._v("3")]),a("br"),a("span",{staticClass:"line-number"},[s._v("4")]),a("br"),a("span",{staticClass:"line-number"},[s._v("5")]),a("br"),a("span",{staticClass:"line-number"},[s._v("6")]),a("br"),a("span",{staticClass:"line-number"},[s._v("7")]),a("br"),a("span",{staticClass:"line-number"},[s._v("8")]),a("br"),a("span",{staticClass:"line-number"},[s._v("9")]),a("br"),a("span",{staticClass:"line-number"},[s._v("10")]),a("br"),a("span",{staticClass:"line-number"},[s._v("11")]),a("br"),a("span",{staticClass:"line-number"},[s._v("12")]),a("br"),a("span",{staticClass:"line-number"},[s._v("13")]),a("br"),a("span",{staticClass:"line-number"},[s._v("14")]),a("br"),a("span",{staticClass:"line-number"},[s._v("15")]),a("br"),a("span",{staticClass:"line-number"},[s._v("16")]),a("br"),a("span",{staticClass:"line-number"},[s._v("17")]),a("br"),a("span",{staticClass:"line-number"},[s._v("18")]),a("br"),a("span",{staticClass:"line-number"},[s._v("19")]),a("br"),a("span",{staticClass:"line-number"},[s._v("20")]),a("br"),a("span",{staticClass:"line-number"},[s._v("21")]),a("br"),a("span",{staticClass:"line-number"},[s._v("22")]),a("br"),a("span",{staticClass:"line-number"},[s._v("23")]),a("br"),a("span",{staticClass:"line-number"},[s._v("24")]),a("br"),a("span",{staticClass:"line-number"},[s._v("25")]),a("br"),a("span",{staticClass:"line-number"},[s._v("26")]),a("br"),a("span",{staticClass:"line-number"},[s._v("27")]),a("br"),a("span",{staticClass:"line-number"},[s._v("28")]),a("br"),a("span",{staticClass:"line-number"},[s._v("29")]),a("br"),a("span",{staticClass:"line-number"},[s._v("30")]),a("br"),a("span",{staticClass:"line-number"},[s._v("31")]),a("br"),a("span",{staticClass:"line-number"},[s._v("32")]),a("br"),a("span",{staticClass:"line-number"},[s._v("33")]),a("br"),a("span",{staticClass:"line-number"},[s._v("34")]),a("br"),a("span",{staticClass:"line-number"},[s._v("35")]),a("br"),a("span",{staticClass:"line-number"},[s._v("36")]),a("br"),a("span",{staticClass:"line-number"},[s._v("37")]),a("br"),a("span",{staticClass:"line-number"},[s._v("38")]),a("br"),a("span",{staticClass:"line-number"},[s._v("39")]),a("br"),a("span",{staticClass:"line-number"},[s._v("40")]),a("br"),a("span",{staticClass:"line-number"},[s._v("41")]),a("br"),a("span",{staticClass:"line-number"},[s._v("42")]),a("br"),a("span",{staticClass:"line-number"},[s._v("43")]),a("br"),a("span",{staticClass:"line-number"},[s._v("44")]),a("br"),a("span",{staticClass:"line-number"},[s._v("45")]),a("br"),a("span",{staticClass:"line-number"},[s._v("46")]),a("br"),a("span",{staticClass:"line-number"},[s._v("47")]),a("br"),a("span",{staticClass:"line-number"},[s._v("48")]),a("br"),a("span",{staticClass:"line-number"},[s._v("49")]),a("br"),a("span",{staticClass:"line-number"},[s._v("50")]),a("br")])])]),s._v(" "),a("h2",{attrs:{id:"style-properties"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#style-properties"}},[s._v("#")]),s._v(" Style Properties")]),s._v(" "),a("table",[a("thead",[a("tr",[a("th",[s._v("Property")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[a("code",[s._v("sortArrowColor")])]),s._v(" "),a("td",[s._v("Defines the color of the sort icon.")]),s._v(" "),a("td",[s._v("--")])]),s._v(" "),a("tr",[a("td",[a("code",[s._v("multiline")])]),s._v(" "),a("td",[s._v("If "),a("code",[s._v("true")]),s._v(", accept multiline text caption.")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[a("code",[s._v("lineHeight")])]),s._v(" "),a("td",[s._v("Define the amount of space used for lines.")]),s._v(" "),a("td",[s._v("--")])]),s._v(" "),a("tr",[a("td",[a("code",[s._v("autoWrapText")])]),s._v(" "),a("td",[s._v("Define whether to wrap automatically.")]),s._v(" "),a("td",[s._v("--")])]),s._v(" "),a("tr",[a("td",[a("code",[s._v("lineClamp")])]),s._v(" "),a("td",[s._v("Define truncates text at a specific number of lines.")]),s._v(" "),a("td",[s._v("--")])])])]),s._v(" "),a("p",[s._v("In addition to this, the Standard styles is available.")]),s._v(" "),a("ul",[a("li",[a("RouterLink",{attrs:{to:"/api/js/advanced_header/header_styles.html"}},[s._v("Standard Header Style")])],1)]),s._v(" "),a("h3",{attrs:{id:"color-of-sort-arrow"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#color-of-sort-arrow"}},[s._v("#")]),s._v(" Color of sort arrow")]),s._v(" "),a("p",[s._v("In order to change the color of the sort arrow you implement as follows.")]),s._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("<")]),s._v("div")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[s._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[s._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v('"')]),s._v("sample2 demo-grid middle"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("")])]),s._v("\n")])]),s._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[s._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" records "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n no"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n name"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Asiatic"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n no"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n name"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"South African"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n no"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("3")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n name"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Tanzanian"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n no"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("4")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n name"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Sudan"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n no"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("5")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n name"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"King"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("new")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[s._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('".sample2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"no"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"no"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("50")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("sort")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[s._v("order"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" col"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" grid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" compare "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v("\n order "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("===")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"desc"')]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("?")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[s._v("v1"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" v2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=>")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("v1 "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("===")]),s._v(" v2 "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("?")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("0")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" v1 "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(">")]),s._v(" v2 "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("?")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("1")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[s._v("v1"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" v2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=>")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("v1 "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("===")]),s._v(" v2 "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("?")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("0")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" v1 "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("<")]),s._v(" v2 "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("?")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("1")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("sort")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[s._v("r1"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" r2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=>")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("compare")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("r1"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("no"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" r2"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("no"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// define color of sort arrow")]),s._v("\n headerStyle"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" sortArrowColor"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"red"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("200")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n sort"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// define color of sort arrow")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("headerStyle")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("return")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" sortArrowColor"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"blue"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n")])]),s._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[s._v("1")]),a("br"),a("span",{staticClass:"line-number"},[s._v("2")]),a("br"),a("span",{staticClass:"line-number"},[s._v("3")]),a("br"),a("span",{staticClass:"line-number"},[s._v("4")]),a("br"),a("span",{staticClass:"line-number"},[s._v("5")]),a("br"),a("span",{staticClass:"line-number"},[s._v("6")]),a("br"),a("span",{staticClass:"line-number"},[s._v("7")]),a("br"),a("span",{staticClass:"line-number"},[s._v("8")]),a("br"),a("span",{staticClass:"line-number"},[s._v("9")]),a("br"),a("span",{staticClass:"line-number"},[s._v("10")]),a("br"),a("span",{staticClass:"line-number"},[s._v("11")]),a("br"),a("span",{staticClass:"line-number"},[s._v("12")]),a("br"),a("span",{staticClass:"line-number"},[s._v("13")]),a("br"),a("span",{staticClass:"line-number"},[s._v("14")]),a("br"),a("span",{staticClass:"line-number"},[s._v("15")]),a("br"),a("span",{staticClass:"line-number"},[s._v("16")]),a("br"),a("span",{staticClass:"line-number"},[s._v("17")]),a("br"),a("span",{staticClass:"line-number"},[s._v("18")]),a("br"),a("span",{staticClass:"line-number"},[s._v("19")]),a("br"),a("span",{staticClass:"line-number"},[s._v("20")]),a("br"),a("span",{staticClass:"line-number"},[s._v("21")]),a("br"),a("span",{staticClass:"line-number"},[s._v("22")]),a("br"),a("span",{staticClass:"line-number"},[s._v("23")]),a("br"),a("span",{staticClass:"line-number"},[s._v("24")]),a("br"),a("span",{staticClass:"line-number"},[s._v("25")]),a("br"),a("span",{staticClass:"line-number"},[s._v("26")]),a("br"),a("span",{staticClass:"line-number"},[s._v("27")]),a("br"),a("span",{staticClass:"line-number"},[s._v("28")]),a("br"),a("span",{staticClass:"line-number"},[s._v("29")]),a("br"),a("span",{staticClass:"line-number"},[s._v("30")]),a("br"),a("span",{staticClass:"line-number"},[s._v("31")]),a("br"),a("span",{staticClass:"line-number"},[s._v("32")]),a("br"),a("span",{staticClass:"line-number"},[s._v("33")]),a("br"),a("span",{staticClass:"line-number"},[s._v("34")]),a("br"),a("span",{staticClass:"line-number"},[s._v("35")]),a("br"),a("span",{staticClass:"line-number"},[s._v("36")]),a("br"),a("span",{staticClass:"line-number"},[s._v("37")]),a("br"),a("span",{staticClass:"line-number"},[s._v("38")]),a("br"),a("span",{staticClass:"line-number"},[s._v("39")]),a("br"),a("span",{staticClass:"line-number"},[s._v("40")]),a("br"),a("span",{staticClass:"line-number"},[s._v("41")]),a("br"),a("span",{staticClass:"line-number"},[s._v("42")]),a("br"),a("span",{staticClass:"line-number"},[s._v("43")]),a("br"),a("span",{staticClass:"line-number"},[s._v("44")]),a("br"),a("span",{staticClass:"line-number"},[s._v("45")]),a("br"),a("span",{staticClass:"line-number"},[s._v("46")]),a("br"),a("span",{staticClass:"line-number"},[s._v("47")]),a("br"),a("span",{staticClass:"line-number"},[s._v("48")]),a("br"),a("span",{staticClass:"line-number"},[s._v("49")]),a("br"),a("span",{staticClass:"line-number"},[s._v("50")]),a("br"),a("span",{staticClass:"line-number"},[s._v("51")]),a("br"),a("span",{staticClass:"line-number"},[s._v("52")]),a("br"),a("span",{staticClass:"line-number"},[s._v("53")]),a("br")])])]),s._v(" "),a("h2",{attrs:{id:"reset"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#reset"}},[s._v("#")]),s._v(" Reset")]),s._v(" "),a("p",[s._v("If you set "),a("code",[s._v("sortState")]),s._v(" property to "),a("code",[s._v("null")]),s._v(", the sort state is initialized."),a("br"),s._v("\n(only the arrow icon of the header is initialized.)")]),s._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("<")]),s._v("div")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[s._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[s._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v('"')]),s._v("sample3 demo-grid middle"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("")])]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("<")]),s._v("button")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[s._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[s._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v('"')]),s._v("sample3-reset"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),s._v("Reset"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("")])]),s._v("\n")])]),s._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[s._v("1")]),a("br"),a("span",{staticClass:"line-number"},[s._v("2")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" records "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n no"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n name"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Asiatic"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n no"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n name"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"South African"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n no"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("3")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n name"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Tanzanian"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n no"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("4")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n name"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Sudan"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n no"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("5")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n name"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"King"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("new")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[s._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('".sample3"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"no"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"no"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("50")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("sort")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[s._v("order"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" col"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" grid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" compare "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v("\n order "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("===")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"desc"')]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("?")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[s._v("v1"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" v2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=>")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("v1 "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("===")]),s._v(" v2 "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("?")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("0")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" v1 "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(">")]),s._v(" v2 "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("?")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("1")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[s._v("v1"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" v2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=>")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("v1 "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("===")]),s._v(" v2 "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("?")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("0")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" v1 "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("<")]),s._v(" v2 "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("?")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("1")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("sort")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[s._v("r1"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" r2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=>")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("compare")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("r1"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("no"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" r2"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("no"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("200")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n sort"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" button "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('".sample3-reset"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\nbutton"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[s._v("onclick")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=>")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("sortState "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("null")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// does not redraw automatically, please call `invalidate`.")]),s._v("\n grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("invalidate")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n")])]),s._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[s._v("1")]),a("br"),a("span",{staticClass:"line-number"},[s._v("2")]),a("br"),a("span",{staticClass:"line-number"},[s._v("3")]),a("br"),a("span",{staticClass:"line-number"},[s._v("4")]),a("br"),a("span",{staticClass:"line-number"},[s._v("5")]),a("br"),a("span",{staticClass:"line-number"},[s._v("6")]),a("br"),a("span",{staticClass:"line-number"},[s._v("7")]),a("br"),a("span",{staticClass:"line-number"},[s._v("8")]),a("br"),a("span",{staticClass:"line-number"},[s._v("9")]),a("br"),a("span",{staticClass:"line-number"},[s._v("10")]),a("br"),a("span",{staticClass:"line-number"},[s._v("11")]),a("br"),a("span",{staticClass:"line-number"},[s._v("12")]),a("br"),a("span",{staticClass:"line-number"},[s._v("13")]),a("br"),a("span",{staticClass:"line-number"},[s._v("14")]),a("br"),a("span",{staticClass:"line-number"},[s._v("15")]),a("br"),a("span",{staticClass:"line-number"},[s._v("16")]),a("br"),a("span",{staticClass:"line-number"},[s._v("17")]),a("br"),a("span",{staticClass:"line-number"},[s._v("18")]),a("br"),a("span",{staticClass:"line-number"},[s._v("19")]),a("br"),a("span",{staticClass:"line-number"},[s._v("20")]),a("br"),a("span",{staticClass:"line-number"},[s._v("21")]),a("br"),a("span",{staticClass:"line-number"},[s._v("22")]),a("br"),a("span",{staticClass:"line-number"},[s._v("23")]),a("br"),a("span",{staticClass:"line-number"},[s._v("24")]),a("br"),a("span",{staticClass:"line-number"},[s._v("25")]),a("br"),a("span",{staticClass:"line-number"},[s._v("26")]),a("br"),a("span",{staticClass:"line-number"},[s._v("27")]),a("br"),a("span",{staticClass:"line-number"},[s._v("28")]),a("br"),a("span",{staticClass:"line-number"},[s._v("29")]),a("br"),a("span",{staticClass:"line-number"},[s._v("30")]),a("br"),a("span",{staticClass:"line-number"},[s._v("31")]),a("br"),a("span",{staticClass:"line-number"},[s._v("32")]),a("br"),a("span",{staticClass:"line-number"},[s._v("33")]),a("br"),a("span",{staticClass:"line-number"},[s._v("34")]),a("br"),a("span",{staticClass:"line-number"},[s._v("35")]),a("br"),a("span",{staticClass:"line-number"},[s._v("36")]),a("br"),a("span",{staticClass:"line-number"},[s._v("37")]),a("br"),a("span",{staticClass:"line-number"},[s._v("38")]),a("br"),a("span",{staticClass:"line-number"},[s._v("39")]),a("br"),a("span",{staticClass:"line-number"},[s._v("40")]),a("br"),a("span",{staticClass:"line-number"},[s._v("41")]),a("br"),a("span",{staticClass:"line-number"},[s._v("42")]),a("br"),a("span",{staticClass:"line-number"},[s._v("43")]),a("br"),a("span",{staticClass:"line-number"},[s._v("44")]),a("br"),a("span",{staticClass:"line-number"},[s._v("45")]),a("br"),a("span",{staticClass:"line-number"},[s._v("46")]),a("br"),a("span",{staticClass:"line-number"},[s._v("47")]),a("br"),a("span",{staticClass:"line-number"},[s._v("48")]),a("br"),a("span",{staticClass:"line-number"},[s._v("49")]),a("br"),a("span",{staticClass:"line-number"},[s._v("50")]),a("br"),a("span",{staticClass:"line-number"},[s._v("51")]),a("br"),a("span",{staticClass:"line-number"},[s._v("52")]),a("br"),a("span",{staticClass:"line-number"},[s._v("53")]),a("br"),a("span",{staticClass:"line-number"},[s._v("54")]),a("br")])])])],1)}),[],!1,null,null,null);t.default=r.exports}}]); \ No newline at end of file diff --git a/documents/assets/js/17.1ceaa8f2.js b/documents/assets/js/17.1ceaa8f2.js new file mode 100644 index 000000000..783982174 --- /dev/null +++ b/documents/assets/js/17.1ceaa8f2.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[17],{408:function(t,s,a){"use strict";a.r(s);var n=a(52),e=Object(n.a)({},(function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"define-header-actions"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#define-header-actions"}},[t._v("#")]),t._v(" Define Header Actions")]),t._v(" "),a("h2",{attrs:{id:"advanced-header-action"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#advanced-header-action"}},[t._v("#")]),t._v(" Advanced Header Action")]),t._v(" "),a("p",[t._v("Define header action by using "),a("code",[t._v("headerAction")]),t._v(" property."),a("br"),t._v("\nPlease select suitable Action class for "),a("code",[t._v("headerType")]),t._v(" of same header.")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[a("code",[t._v("headerType")])]),t._v(" "),a("th",[t._v("Specified "),a("code",[t._v("headerAction")]),t._v(" by string")]),t._v(" "),a("th",[t._v("Description")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("code",[t._v("check")])]),t._v(" "),a("td",[a("code",[t._v("'check'")])]),t._v(" "),a("td",[t._v("Define the behavior when checkbox is clicked.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("sort")])]),t._v(" "),a("td",[a("code",[t._v("'sort'")])]),t._v(" "),a("td",[t._v("Define the behavior on clicked. the default behavior is to sort the data.")])])])]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1 demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"no"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"no"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n headerType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n headerAction"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"sort"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("120")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"input"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n headerType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"sort"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n headerAction"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"sort"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" check"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"abc"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" check"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"def"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("3")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" check"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"ghi"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("CHANGED_HEADER_VALUE")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("CHANGED_VALUE")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("EVENT_TYPE")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("listen")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("CHANGED_HEADER_VALUE")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" field "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("field "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("!==")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// header check value on change")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("for")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" rec "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("of")]),t._v(" grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("field"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("invalidate")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("listen")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("CHANGED_VALUE")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" field "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("field "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("!==")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// check value on change")]),t._v("\n\n grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("headerValues"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("set")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("field"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("invalidate")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br"),a("span",{staticClass:"line-number"},[t._v("39")]),a("br"),a("span",{staticClass:"line-number"},[t._v("40")]),a("br"),a("span",{staticClass:"line-number"},[t._v("41")]),a("br"),a("span",{staticClass:"line-number"},[t._v("42")]),a("br"),a("span",{staticClass:"line-number"},[t._v("43")]),a("br"),a("span",{staticClass:"line-number"},[t._v("44")]),a("br"),a("span",{staticClass:"line-number"},[t._v("45")]),a("br"),a("span",{staticClass:"line-number"},[t._v("46")]),a("br"),a("span",{staticClass:"line-number"},[t._v("47")]),a("br"),a("span",{staticClass:"line-number"},[t._v("48")]),a("br"),a("span",{staticClass:"line-number"},[t._v("49")]),a("br"),a("span",{staticClass:"line-number"},[t._v("50")]),a("br")])])]),t._v(" "),a("h2",{attrs:{id:"using-vue-js"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#using-vue-js"}},[t._v("#")]),t._v(" Using Vue.js")]),t._v(" "),a("p",[t._v("In "),a("code",[t._v("vue-cheetah-grid")]),t._v(", define the "),a("code",[t._v("header-action")]),t._v(", "),a("code",[t._v("header-type")]),t._v(" property.")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-vue line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-vue"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("ref")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":data")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-column")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("no"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("50"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n no\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-check-column")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("check"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("100"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("header-type")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("check"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("header-action")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("check"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("@changed-header-value")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("onChangeHeaderValue"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("@changed-value")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("onChangeValue"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-column")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("text"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("120"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("header-type")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sort"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("header-action")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sort"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" \n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n sort\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("default")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n records"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" check"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"abc"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" check"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"def"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("3")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" check"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"ghi"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n methods"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("onChangeHeaderValue")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" value "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// header check value on change")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("$refs"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("for")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" rec "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("of")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("check "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("invalidate")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("onChangeValue")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// check value on change")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("$refs"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("headerValues"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("set")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("invalidate")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br")])])]),t._v(" "),a("h2",{attrs:{id:"using-header-action-class"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#using-header-action-class"}},[t._v("#")]),t._v(" Using Header Action Class")]),t._v(" "),a("p",[t._v("By setting the property "),a("code",[t._v("headerAction")]),t._v(" as an Action instance,\nYou can change the properties of the action (disable, etc.) in the when you want.")])],1)}),[],!1,null,null,null);s.default=e.exports}}]); \ No newline at end of file diff --git a/documents/assets/js/18.aff995b8.js b/documents/assets/js/18.aff995b8.js new file mode 100644 index 000000000..5433ce394 --- /dev/null +++ b/documents/assets/js/18.aff995b8.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[18],{409:function(e,t,r){"use strict";r.r(t);var a=r(52),o=Object(a.a)({},(function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[r("h1",{attrs:{id:"define-header-styles"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#define-header-styles"}},[e._v("#")]),e._v(" Define Header Styles")]),e._v(" "),r("h2",{attrs:{id:"standard-header-style"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#standard-header-style"}},[e._v("#")]),e._v(" Standard Header Style")]),e._v(" "),r("p",[e._v("Define header style by using "),r("code",[e._v("headerStyle")]),e._v(" property.")]),e._v(" "),r("p",[e._v("Properties below are prepared in standard.")]),e._v(" "),r("table",[r("thead",[r("tr",[r("th",[e._v("Property")]),e._v(" "),r("th",[e._v("Description")])])]),e._v(" "),r("tbody",[r("tr",[r("td",[r("code",[e._v("color")])]),e._v(" "),r("td",[e._v("Define the color of header cell.")])]),e._v(" "),r("tr",[r("td",[r("code",[e._v("textAlign")])]),e._v(" "),r("td",[e._v("Define the horizontal position of text in header cell.")])]),e._v(" "),r("tr",[r("td",[r("code",[e._v("textBaseline")])]),e._v(" "),r("td",[e._v("Define the vertical position of text in header cell.")])]),e._v(" "),r("tr",[r("td",[r("code",[e._v("bgColor")])]),e._v(" "),r("td",[e._v("Define the background color of header cell.")])]),e._v(" "),r("tr",[r("td",[r("code",[e._v("font")])]),e._v(" "),r("td",[e._v("Define the font of header cell.")])]),e._v(" "),r("tr",[r("td",[r("code",[e._v("padding")])]),e._v(" "),r("td",[e._v("Define the padding of header cell. If you set 4 values separately, please set the "),r("code",[e._v("Array")]),e._v(".")])]),e._v(" "),r("tr",[r("td",[r("code",[e._v("textOverflow")])]),e._v(" "),r("td",[e._v("Define how to display when text overflows the area of a header cell. "),r("code",[e._v("clip")]),e._v(" or "),r("code",[e._v("ellipsis")]),e._v(" is available.")])])])]),e._v(" "),r("h2",{attrs:{id:"style-properties-per-header-type"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#style-properties-per-header-type"}},[e._v("#")]),e._v(" Style Properties Per Header Type")]),e._v(" "),r("h3",{attrs:{id:"simple-text-header"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#simple-text-header"}},[e._v("#")]),e._v(" Simple Text Header")]),e._v(" "),r("p",[e._v("Additional properties are available for simple text headers:")]),e._v(" "),r("table",[r("thead",[r("tr",[r("th",[e._v("Property")]),e._v(" "),r("th",[e._v("Description")])])]),e._v(" "),r("tbody",[r("tr",[r("td",[r("code",[e._v("multiline")])]),e._v(" "),r("td",[e._v("If "),r("code",[e._v("true")]),e._v(", accept multiline text caption.")])]),e._v(" "),r("tr",[r("td",[r("code",[e._v("lineHeight")])]),e._v(" "),r("td",[e._v("Define the amount of space used for lines.")])]),e._v(" "),r("tr",[r("td",[r("code",[e._v("autoWrapText")])]),e._v(" "),r("td",[e._v("Define whether to wrap automatically.")])]),e._v(" "),r("tr",[r("td",[r("code",[e._v("lineClamp")])]),e._v(" "),r("td",[e._v("Define truncates text at a specific number of lines.")])])])]),e._v(" "),r("h3",{attrs:{id:"checkbox-header"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#checkbox-header"}},[e._v("#")]),e._v(" Checkbox Header")]),e._v(" "),r("p",[e._v("Additional properties are available for checkbox headers:")]),e._v(" "),r("table",[r("thead",[r("tr",[r("th",[e._v("Property")]),e._v(" "),r("th",[e._v("Description")])])]),e._v(" "),r("tbody",[r("tr",[r("td",[r("code",[e._v("checkBgColor")])]),e._v(" "),r("td",[e._v("Define background color of checkbox, when it is checked.")])]),e._v(" "),r("tr",[r("td",[r("code",[e._v("uncheckBgColor")])]),e._v(" "),r("td",[e._v("Define background color of checkbox, when it is unchecked.")])]),e._v(" "),r("tr",[r("td",[r("code",[e._v("borderColor")])]),e._v(" "),r("td",[e._v("Define border color of checkbox.")])])])]),e._v(" "),r("h3",{attrs:{id:"multiline-text-header"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#multiline-text-header"}},[e._v("#")]),e._v(" Multiline Text Header")]),e._v(" "),r("p",[e._v("Check out "),r("RouterLink",{attrs:{to:"/api/js/advanced_header/multiline_text_header.html#style-properties"}},[e._v("Define Multiline Text Header")]),e._v(".")],1),e._v(" "),r("h3",{attrs:{id:"sort-header"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#sort-header"}},[e._v("#")]),e._v(" Sort Header")]),e._v(" "),r("p",[e._v("Check out "),r("RouterLink",{attrs:{to:"/api/js/advanced_header/column_sort.html#style-properties"}},[e._v("Sort by Column")]),e._v(".")],1)])}),[],!1,null,null,null);t.default=o.exports}}]); \ No newline at end of file diff --git a/documents/assets/js/19.3dc37665.js b/documents/assets/js/19.3dc37665.js new file mode 100644 index 000000000..8c7684534 --- /dev/null +++ b/documents/assets/js/19.3dc37665.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[19],{410:function(t,s,a){"use strict";a.r(s);var n=a(52),e=Object(n.a)({},(function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"define-multiline-text-header"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#define-multiline-text-header"}},[t._v("#")]),t._v(" Define Multiline Text Header")]),t._v(" "),a("p",[t._v("You can display multiline text in the header by setting the "),a("code",[t._v("headerType")]),t._v(" property to "),a("code",[t._v("'multilinetext'")]),t._v(".")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1 demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"item"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Item\\nName"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n headerType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"multilinetext"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"amount"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Regular\\nPrice"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("120")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n headerType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"multilinetext"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" item"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"abc"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" amount"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("123")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" item"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"def"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" amount"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("456")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" item"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"ghi"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" amount"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("789")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br")])])]),t._v(" "),a("p",[t._v("Note that simple text headers and headers with sort can also display multiline text using the style property "),a("code",[t._v("multiline: true")]),t._v(".")]),t._v(" "),a("h2",{attrs:{id:"style-properties"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#style-properties"}},[t._v("#")]),t._v(" Style Properties")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Property")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Default")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("code",[t._v("lineHeight")])]),t._v(" "),a("td",[t._v("Define the amount of space used for lines")]),t._v(" "),a("td",[t._v("--")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("autoWrapText")])]),t._v(" "),a("td",[t._v("Define whether to wrap automatically.")]),t._v(" "),a("td",[t._v("--")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("lineClamp")])]),t._v(" "),a("td",[t._v("Define truncates text at a specific number of lines.")]),t._v(" "),a("td",[t._v("--")])])])]),t._v(" "),a("p",[t._v("In addition to this, the Standard styles is available.")]),t._v(" "),a("ul",[a("li",[a("RouterLink",{attrs:{to:"/api/js/advanced_header/header_styles.html"}},[t._v("Standard Header Style")])],1)])],1)}),[],!1,null,null,null);s.default=e.exports}}]); \ No newline at end of file diff --git a/documents/assets/js/2.0e3e922d.js b/documents/assets/js/2.0e3e922d.js new file mode 100644 index 000000000..9d09fb561 --- /dev/null +++ b/documents/assets/js/2.0e3e922d.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[2],{329:function(t,e,n){"use strict";n.d(e,"d",(function(){return i})),n.d(e,"a",(function(){return a})),n.d(e,"i",(function(){return s})),n.d(e,"f",(function(){return u})),n.d(e,"g",(function(){return l})),n.d(e,"h",(function(){return c})),n.d(e,"b",(function(){return h})),n.d(e,"e",(function(){return f})),n.d(e,"k",(function(){return p})),n.d(e,"l",(function(){return d})),n.d(e,"c",(function(){return v})),n.d(e,"j",(function(){return m}));n(53),n(82),n(331),n(337),n(191),n(83),n(111),n(112),n(34),n(113),n(182);var i=/#.*$/,r=/\.(md|html)$/,a=/\/$/,s=/^[a-z]+:/i;function o(t){return decodeURI(t).replace(i,"").replace(r,"")}function u(t){return s.test(t)}function l(t){return/^mailto:/.test(t)}function c(t){return/^tel:/.test(t)}function h(t){if(u(t))return t;var e=t.match(i),n=e?e[0]:"",r=o(t);return a.test(r)?t:r+".html"+n}function f(t,e){var n=decodeURIComponent(t.hash),r=function(t){var e=t.match(i);if(e)return e[0]}(e);return(!r||n===r)&&o(t.path)===o(e)}function p(t,e,n){if(u(e))return{type:"external",path:e};n&&(e=function(t,e,n){var i=t.charAt(0);if("/"===i)return t;if("?"===i||"#"===i)return e+t;var r=e.split("/");n&&r[r.length-1]||r.pop();for(var a=t.replace(/^\//,"").split("/"),s=0;s3&&void 0!==arguments[3]?arguments[3]:1;if("string"==typeof e)return p(n,e,i);if(Array.isArray(e))return Object.assign(p(n,e[0],i),{title:e[1]});var a=e.children||[];return 0===a.length&&e.path?Object.assign(p(n,e.path,i),{title:e.title}):{type:"group",path:e.path,title:e.title,sidebarDepth:e.sidebarDepth,initialOpenGroupIndex:e.initialOpenGroupIndex,children:a.map((function(e){return t(e,n,i,r+1)})),collapsable:!1!==e.collapsable}}(t,r,l)})):[]}return[]}function g(t){var e=v(t.headers||[]);return[{type:"group",collapsable:!1,title:t.title,path:null,children:e.map((function(e){return{type:"auto",title:e.title,basePath:t.path,path:t.path+"#"+e.slug,children:e.children||[]}}))}]}function v(t){var e;return(t=t.map((function(t){return Object.assign({},t)}))).forEach((function(t){2===t.level?e=t:e&&(e.children||(e.children=[])).push(t)})),t.filter((function(t){return 2===t.level}))}function m(t){return Object.assign(t,{type:t.items&&t.items.length?"links":"link"})}},331:function(t,e,n){"use strict";var i=n(10),r=n(186),a=n(7),s=n(84),o=n(22),u=n(30),l=n(54),c=n(187),h=n(188);r("match",(function(t,e,n){return[function(e){var n=u(this),r=null==e?void 0:l(e,t);return r?i(r,e,n):new RegExp(e)[t](o(n))},function(t){var i=a(this),r=o(t),u=n(e,i,r);if(u.done)return u.value;if(!i.global)return h(i,r);var l=i.unicode;i.lastIndex=0;for(var f,p=[],d=0;null!==(f=h(i,r));){var g=o(f[0]);p[d]=g,""===g&&(i.lastIndex=c(r,s(i.lastIndex),l)),d++}return 0===d?null:p}]}))},332:function(t,e){t.exports="\t\n\v\f\r                　\u2028\u2029\ufeff"},337:function(t,e,n){"use strict";var i=n(55),r=n(10),a=n(3),s=n(186),o=n(183),u=n(7),l=n(30),c=n(116),h=n(187),f=n(84),p=n(22),d=n(54),g=n(36),v=n(188),m=n(87),b=n(185),k=n(4),_=b.UNSUPPORTED_Y,x=Math.min,C=[].push,y=a(/./.exec),$=a(C),L=a("".slice);s("split",(function(t,e,n){var a;return a="c"=="abbc".split(/(b)*/)[1]||4!="test".split(/(?:)/,-1).length||2!="ab".split(/(?:ab)*/).length||4!=".".split(/(.?)(.?)/).length||".".split(/()()/).length>1||"".split(/.?/).length?function(t,n){var a=p(l(this)),s=void 0===n?4294967295:n>>>0;if(0===s)return[];if(void 0===t)return[a];if(!o(t))return r(e,a,t,s);for(var u,c,h,f=[],d=(t.ignoreCase?"i":"")+(t.multiline?"m":"")+(t.unicode?"u":"")+(t.sticky?"y":""),v=0,b=new RegExp(t.source,d+"g");(u=r(m,b,a))&&!((c=b.lastIndex)>v&&($(f,L(a,v,u.index)),u.length>1&&u.index=s));)b.lastIndex===u.index&&b.lastIndex++;return v===a.length?!h&&y(b,"")||$(f,""):$(f,L(a,v)),f.length>s?g(f,0,s):f}:"0".split(void 0,0).length?function(t,n){return void 0===t&&0===n?[]:r(e,this,t,n)}:e,[function(e,n){var i=l(this),s=null==e?void 0:d(e,t);return s?r(s,e,i,n):r(a,p(i),e,n)},function(t,i){var r=u(this),s=p(t),o=n(a,r,s,i,a!==e);if(o.done)return o.value;var l=c(r,RegExp),d=r.unicode,g=(r.ignoreCase?"i":"")+(r.multiline?"m":"")+(r.unicode?"u":"")+(_?"g":"y"),m=new l(_?"^(?:"+r.source+")":r,g),b=void 0===i?4294967295:i>>>0;if(0===b)return[];if(0===s.length)return null===v(m,s)?[s]:[];for(var k=0,C=0,y=[];C@^][^\s!#%&*+<=>@^]*>/,T=/a/g,A=/a/g,D=new L(T)!==T,U=g.UNSUPPORTED_Y,H=i&&(!D||U||C||y||m((function(){return A[$]=!1,L(T)!=T||L(A)==A||"/a/i"!=L(T,"i")})));if(s("RegExp",H)){for(var W=function(t,e){var n,i,r,a,s,l,c=h(w,this),d=f(t),g=void 0===e,v=[],m=t;if(!c&&d&&g&&t.constructor===W)return t;if((d||h(w,t))&&(t=t.source,g&&(e="flags"in m?m.flags:S(m))),t=void 0===t?"":p(t),e=void 0===e?"":p(e),m=t,C&&"dotAll"in T&&(i=!!e&&P(e,"s")>-1)&&(e=j(e,/s/g,"")),n=e,U&&"sticky"in T&&(r=!!e&&P(e,"y")>-1)&&(e=j(e,/y/g,"")),y&&(t=(a=function(t){for(var e,n=t.length,i=0,r="",a=[],s={},o=!1,u=!1,l=0,c="";i<=n;i++){if("\\"===(e=E(t,i)))e+=E(t,++i);else if("]"===e)o=!1;else if(!o)switch(!0){case"["===e:o=!0;break;case"("===e:I(R,N(t,i+1))&&(i+=2,u=!0),r+=e,l++;continue;case">"===e&&u:if(""===c||b(s,c))throw new O("Invalid capture group name");s[c]=!0,a[a.length]=[c,l],u=!1,c="";continue}u?c+=e:r+=e}return[r,a]}(t))[0],v=a[1]),s=o(L(t,e),c?this:w,W),(i||r||v.length)&&(l=k(s),i&&(l.dotAll=!0,l.raw=W(function(t){for(var e,n=t.length,i=0,r="",a=!1;i<=n;i++)"\\"!==(e=E(t,i))?a||"."!==e?("["===e?a=!0:"]"===e&&(a=!1),r+=e):r+="[\\s\\S]":r+=e+E(t,++i);return r}(t),n)),r&&(l.sticky=!0),v.length&&(l.groups=v)),t!==m)try{u(s,"source",""===m?"(?:)":m)}catch(t){}return s},G=function(t){t in W||l(W,t,{configurable:!0,get:function(){return L[t]},set:function(e){L[t]=e}})},B=c(L),M=0;B.length>M;)G(B[M++]);w.constructor=W,W.prototype=w,v(r,"RegExp",W)}_("RegExp")},342:function(t,e,n){"use strict";var i=n(3),r=n(85).PROPER,a=n(18),s=n(7),o=n(35),u=n(22),l=n(4),c=n(184),h=RegExp.prototype,f=h.toString,p=i(c),d=l((function(){return"/a/b"!=f.call({source:"a",flags:"b"})})),g=r&&"toString"!=f.name;(d||g)&&a(RegExp.prototype,"toString",(function(){var t=s(this),e=u(t.source),n=t.flags;return"/"+e+"/"+u(void 0===n&&o(h,t)&&!("flags"in h)?p(t):n)}),{unsafe:!0})},343:function(t,e,n){},344:function(t,e,n){},345:function(t,e,n){},346:function(t,e,n){},347:function(t,e,n){},348:function(t,e,n){},349:function(t,e){t.exports=function(t){return null==t}},350:function(t,e,n){},351:function(t,e,n){},352:function(t,e,n){},353:function(t,e,n){},354:function(t,e,n){},355:function(t,e,n){},363:function(t,e,n){"use strict";n.r(e);n(109);var i=n(329),r={name:"SidebarGroup",components:{DropdownTransition:n(365).a},props:["item","open","collapsable","depth"],beforeCreate:function(){this.$options.components.SidebarLinks=n(363).default},methods:{isActive:i.e}},a=(n(385),n(52)),s=Object(a.a)(r,(function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("section",{staticClass:"sidebar-group",class:[{collapsable:t.collapsable,"is-sub-group":0!==t.depth},"depth-"+t.depth]},[t.item.path?n("RouterLink",{staticClass:"sidebar-heading clickable",class:{open:t.open,active:t.isActive(t.$route,t.item.path)},attrs:{to:t.item.path},nativeOn:{click:function(e){return t.$emit("toggle")}}},[n("span",[t._v(t._s(t.item.title))]),t._v(" "),t.collapsable?n("span",{staticClass:"arrow",class:t.open?"down":"right"}):t._e()]):n("p",{staticClass:"sidebar-heading",class:{open:t.open},on:{click:function(e){return t.$emit("toggle")}}},[n("span",[t._v(t._s(t.item.title))]),t._v(" "),t.collapsable?n("span",{staticClass:"arrow",class:t.open?"down":"right"}):t._e()]),t._v(" "),n("DropdownTransition",[t.open||!t.collapsable?n("SidebarLinks",{staticClass:"sidebar-group-items",attrs:{items:t.item.children,"sidebar-depth":t.item.sidebarDepth,"initial-open-group-index":t.item.initialOpenGroupIndex,depth:t.depth+1}}):t._e()],1)],1)}),[],!1,null,null,null).exports;n(386),n(83);function o(t,e,n,i,r){var a={props:{to:e,activeClass:"",exactActiveClass:""},class:{active:i,"sidebar-link":!0}};return r>2&&(a.style={"padding-left":r+"rem"}),t("RouterLink",a,n)}function u(t,e,n,r,a){var s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:1;return!e||s>a?null:t("ul",{class:"sidebar-sub-headers"},e.map((function(e){var l=Object(i.e)(r,n+"#"+e.slug);return t("li",{class:"sidebar-sub-header"},[o(t,n+"#"+e.slug,e.title,l,e.level-1),u(t,e.children,n,r,a,s+1)])})))}var l={functional:!0,props:["item","sidebarDepth"],render:function(t,e){var n=e.parent,r=n.$page,a=(n.$site,n.$route),s=n.$themeConfig,l=n.$themeLocaleConfig,c=e.props,h=c.item,f=c.sidebarDepth,p=Object(i.e)(a,h.path),d="auto"===h.type?p||h.children.some((function(t){return Object(i.e)(a,h.basePath+"#"+t.slug)})):p,g="external"===h.type?function(t,e,n){return t("a",{attrs:{href:e,target:"_blank",rel:"noopener noreferrer"},class:{"sidebar-link":!0}},[n,t("OutboundLink")])}(t,h.path,h.title||h.path):o(t,h.path,h.title||h.path,d),v=[r.frontmatter.sidebarDepth,f,l.sidebarDepth,s.sidebarDepth,1].find((function(t){return void 0!==t})),m=l.displayAllHeaders||s.displayAllHeaders;return"auto"===h.type?[g,u(t,h.children,h.basePath,a,v)]:(d||m)&&h.headers&&!i.d.test(h.path)?[g,u(t,Object(i.c)(h.headers),h.path,a,v)]:g}};n(387);function c(t,e){if("group"===e.type){var n=e.path&&Object(i.e)(t,e.path),r=e.children.some((function(e){return"group"===e.type?c(t,e):"page"===e.type&&Object(i.e)(t,e.path)}));return n||r}return!1}var h={name:"SidebarLinks",components:{SidebarGroup:s,SidebarLink:Object(a.a)(l,void 0,void 0,!1,null,null,null).exports},props:["items","depth","sidebarDepth","initialOpenGroupIndex"],data:function(){return{openGroupIndex:this.initialOpenGroupIndex||0}},watch:{$route:function(){this.refreshIndex()}},created:function(){this.refreshIndex()},methods:{refreshIndex:function(){var t=function(t,e){for(var n=0;n-1&&(this.openGroupIndex=t)},toggleGroup:function(t){this.openGroupIndex=t===this.openGroupIndex?-1:t},isActive:function(t){return Object(i.e)(this.$route,t.regularPath)}}},f=Object(a.a)(h,(function(){var t=this,e=t.$createElement,n=t._self._c||e;return t.items.length?n("ul",{staticClass:"sidebar-links"},t._l(t.items,(function(e,i){return n("li",{key:i},["group"===e.type?n("SidebarGroup",{attrs:{item:e,open:i===t.openGroupIndex,collapsable:e.collapsable||e.collapsible,depth:t.depth},on:{toggle:function(e){return t.toggleGroup(i)}}}):n("SidebarLink",{attrs:{"sidebar-depth":t.sidebarDepth,item:e}})],1)})),0):t._e()}),[],!1,null,null,null);e.default=f.exports},365:function(t,e,n){"use strict";var i={name:"DropdownTransition",methods:{setHeight:function(t){t.style.height=t.scrollHeight+"px"},unsetHeight:function(t){t.style.height=""}}},r=(n(377),n(52)),a=Object(r.a)(i,(function(){var t=this.$createElement;return(this._self._c||t)("transition",{attrs:{name:"dropdown"},on:{enter:this.setHeight,"after-enter":this.unsetHeight,"before-leave":this.setHeight}},[this._t("default")],2)}),[],!1,null,null,null);e.a=a.exports},366:function(t,e,n){"use strict";var i=n(2),r=n(367);i({target:"String",proto:!0,forced:n(368)("link")},{link:function(t){return r(this,"a","href",t)}})},367:function(t,e,n){var i=n(3),r=n(30),a=n(22),s=/"/g,o=i("".replace);t.exports=function(t,e,n,i){var u=a(r(t)),l="<"+e;return""!==n&&(l+=" "+n+'="'+o(a(i),s,""")+'"'),l+">"+u+""}},368:function(t,e,n){var i=n(4);t.exports=function(t){return i((function(){var e=""[t]('"');return e!==e.toLowerCase()||e.split('"').length>3}))}},369:function(t,e,n){"use strict";n(338)},370:function(t,e,n){var i=n(2),r=n(371);i({global:!0,forced:parseInt!=r},{parseInt:r})},371:function(t,e,n){var i=n(0),r=n(4),a=n(3),s=n(22),o=n(339).trim,u=n(332),l=i.parseInt,c=i.Symbol,h=c&&c.iterator,f=/^[+-]?0x/i,p=a(f.exec),d=8!==l(u+"08")||22!==l(u+"0x16")||h&&!r((function(){l(Object(h))}));t.exports=d?function(t,e){var n=o(s(t));return l(n,e>>>0||(p(f,n)?16:10))}:l},372:function(t,e,n){var i=n(85).PROPER,r=n(4),a=n(332);t.exports=function(t){return r((function(){return!!a[t]()||"​…᠎"!=="​…᠎"[t]()||i&&a[t].name!==t}))}},373:function(t,e,n){var i=n(6),r=n(8),a=n(86);t.exports=function(t,e,n){var s,o;return a&&i(s=e.constructor)&&s!==n&&r(o=s.prototype)&&o!==n.prototype&&a(t,o),t}},374:function(t,e,n){"use strict";var i,r=n(2),a=n(3),s=n(32).f,o=n(84),u=n(22),l=n(117),c=n(30),h=n(118),f=n(23),p=a("".endsWith),d=a("".slice),g=Math.min,v=h("endsWith");r({target:"String",proto:!0,forced:!!(f||v||(i=s(String.prototype,"endsWith"),!i||i.writable))&&!v},{endsWith:function(t){var e=u(c(this));l(t);var n=arguments.length>1?arguments[1]:void 0,i=e.length,r=void 0===n?i:g(o(n),i),a=u(t);return p?p(e,a,r):d(e,r-a.length,r)===a}})},375:function(t,e,n){"use strict";n(343)},376:function(t,e,n){"use strict";n(344)},377:function(t,e,n){"use strict";n(345)},378:function(t,e,n){"use strict";n(346)},379:function(t,e,n){"use strict";n(347)},380:function(t,e,n){"use strict";n(348)},381:function(t,e,n){"use strict";n(350)},382:function(t,e,n){var i=n(38),r=n(19),a=n(33);t.exports=function(t){return"string"==typeof t||!r(t)&&a(t)&&"[object String]"==i(t)}},383:function(t,e,n){"use strict";n(351)},384:function(t,e,n){"use strict";n(352)},385:function(t,e,n){"use strict";n(353)},386:function(t,e,n){"use strict";var i=n(2),r=n(37).find,a=n(114),s=!0;"find"in[]&&Array(1).find((function(){s=!1})),i({target:"Array",proto:!0,forced:s},{find:function(t){return r(this,t,arguments.length>1?arguments[1]:void 0)}}),a("find")},387:function(t,e,n){"use strict";n(354)},388:function(t,e,n){"use strict";n(355)},397:function(t,e,n){"use strict";n.r(e);n(366),n(109),n(110);var i=n(329),r={name:"NavLink",props:{item:{required:!0}},computed:{link:function(){return Object(i.b)(this.item.link)},exact:function(){var t=this;return this.$site.locales?Object.keys(this.$site.locales).some((function(e){return e===t.link})):"/"===this.link},isNonHttpURI:function(){return Object(i.g)(this.link)||Object(i.h)(this.link)},isBlankTarget:function(){return"_blank"===this.target},isInternal:function(){return!Object(i.f)(this.link)&&!this.isBlankTarget},target:function(){return this.isNonHttpURI?null:this.item.target?this.item.target:Object(i.f)(this.link)?"_blank":""},rel:function(){return this.isNonHttpURI||!1===this.item.rel?null:this.item.rel?this.item.rel:this.isBlankTarget?"noopener noreferrer":null}},methods:{focusoutAction:function(){this.$emit("focusout")}}},a=n(52),s=Object(a.a)(r,(function(){var t=this,e=t.$createElement,n=t._self._c||e;return t.isInternal?n("RouterLink",{staticClass:"nav-link",attrs:{to:t.link,exact:t.exact},nativeOn:{focusout:function(e){return t.focusoutAction.apply(null,arguments)}}},[t._v("\n "+t._s(t.item.text)+"\n")]):n("a",{staticClass:"nav-link external",attrs:{href:t.link,target:t.target,rel:t.rel},on:{focusout:t.focusoutAction}},[t._v("\n "+t._s(t.item.text)+"\n "),t.isBlankTarget?n("OutboundLink"):t._e()],1)}),[],!1,null,null,null).exports,o={name:"Home",components:{NavLink:s},computed:{data:function(){return this.$page.frontmatter},actionLink:function(){return{link:this.data.actionLink,text:this.data.actionText}}}},u=(n(369),Object(a.a)(o,(function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("main",{staticClass:"home",attrs:{"aria-labelledby":null!==t.data.heroText?"main-title":null}},[n("header",{staticClass:"hero"},[t.data.heroImage?n("img",{attrs:{src:t.$withBase(t.data.heroImage),alt:t.data.heroAlt||"hero"}}):t._e(),t._v(" "),null!==t.data.heroText?n("h1",{attrs:{id:"main-title"}},[t._v("\n "+t._s(t.data.heroText||t.$title||"Hello")+"\n ")]):t._e(),t._v(" "),null!==t.data.tagline?n("p",{staticClass:"description"},[t._v("\n "+t._s(t.data.tagline||t.$description||"Welcome to your VuePress site")+"\n ")]):t._e(),t._v(" "),t.data.actionText&&t.data.actionLink?n("p",{staticClass:"action"},[n("NavLink",{staticClass:"action-button",attrs:{item:t.actionLink}})],1):t._e()]),t._v(" "),t.data.features&&t.data.features.length?n("div",{staticClass:"features"},t._l(t.data.features,(function(e,i){return n("div",{key:i,staticClass:"feature"},[n("h2",[t._v(t._s(e.title))]),t._v(" "),n("p",[t._v(t._s(e.details))])])})),0):t._e(),t._v(" "),n("Content",{staticClass:"theme-default-content custom"}),t._v(" "),t.data.footer?n("div",{staticClass:"footer"},[t._v("\n "+t._s(t.data.footer)+"\n ")]):t._e()],1)}),[],!1,null,null,null).exports),l=(n(370),n(340),n(182),n(113),n(34),n(53),n(331),n(189),n(190),n(191),n(82),n(341),n(342),n(83),n(337),n(374),n(195)),c=n.n(l),h=function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,i=c()(e,"title","");return c()(e,"frontmatter.tags")&&(i+=" ".concat(e.frontmatter.tags.join(" "))),n&&(i+=" ".concat(n)),f(t,i)},f=function(t,e){var n=function(t){return t.replace(/[-/\\^$*+?.()|[\]{}]/g,"\\$&")},i=new RegExp("[^\0-]"),r=t.split(/\s+/g).map((function(t){return t.trim()})).filter((function(t){return!!t}));if(i.test(t))return r.some((function(t){return e.toLowerCase().indexOf(t)>-1}));var a=t.endsWith(" ");return new RegExp(r.map((function(t,e){return r.length!==e+1||a?"(?=.*\\b".concat(n(t),"\\b)"):"(?=.*\\b".concat(n(t),")")})).join("")+".+","gi").test(e)},p={name:"SearchBox",data:function(){return{query:"",focused:!1,focusIndex:0,placeholder:void 0}},computed:{showSuggestions:function(){return this.focused&&this.suggestions&&this.suggestions.length},suggestions:function(){var t=this.query.trim().toLowerCase();if(t){for(var e=this.$site.pages,n=this.$site.themeConfig.searchMaxSuggestions||5,i=this.$localePath,r=[],a=0;a=n);a++){var s=e[a];if(this.getPageLocalePath(s)===i&&this.isSearchable(s))if(h(t,s))r.push(s);else if(s.headers)for(var o=0;o=n);o++){var u=s.headers[o];u.title&&h(t,s,u.title)&&r.push(Object.assign({},s,{path:s.path+"#"+u.slug,header:u}))}}return r}},alignRight:function(){return(this.$site.themeConfig.nav||[]).length+(this.$site.repo?1:0)<=2}},mounted:function(){this.placeholder=this.$site.themeConfig.searchPlaceholder||"",document.addEventListener("keydown",this.onHotkey)},beforeDestroy:function(){document.removeEventListener("keydown",this.onHotkey)},methods:{getPageLocalePath:function(t){for(var e in this.$site.locales||{})if("/"!==e&&0===t.path.indexOf(e))return e;return"/"},isSearchable:function(t){var e=null;return null===e||(e=Array.isArray(e)?e:new Array(e)).filter((function(e){return t.path.match(e)})).length>0},onHotkey:function(t){t.srcElement===document.body&&["s","/"].includes(t.key)&&(this.$refs.input.focus(),t.preventDefault())},onUp:function(){this.showSuggestions&&(this.focusIndex>0?this.focusIndex--:this.focusIndex=this.suggestions.length-1)},onDown:function(){this.showSuggestions&&(this.focusIndex "+t._s(e.header.title))]):t._e()])])})),0):t._e()])}),[],!1,null,null,null).exports),g=(n(376),Object(a.a)({},(function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"sidebar-button",on:{click:function(e){return t.$emit("toggle-sidebar")}}},[n("svg",{staticClass:"icon",attrs:{xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",viewBox:"0 0 448 512"}},[n("path",{attrs:{fill:"currentColor",d:"M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"}})])])}),[],!1,null,null,null).exports),v=n(50),m=(n(181),n(365)),b=n(196),k=n.n(b),_={name:"DropdownLink",components:{NavLink:s,DropdownTransition:m.a},props:{item:{required:!0}},data:function(){return{open:!1}},computed:{dropdownAriaLabel:function(){return this.item.ariaLabel||this.item.text}},watch:{$route:function(){this.open=!1}},methods:{setOpen:function(t){this.open=t},isLastItemOfArray:function(t,e){return k()(e)===t},handleDropdown:function(){0===event.detail&&this.setOpen(!this.open)}}},x=(n(378),{name:"NavLinks",components:{NavLink:s,DropdownLink:Object(a.a)(_,(function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"dropdown-wrapper",class:{open:t.open}},[n("button",{staticClass:"dropdown-title",attrs:{type:"button","aria-label":t.dropdownAriaLabel},on:{click:t.handleDropdown}},[n("span",{staticClass:"title"},[t._v(t._s(t.item.text))]),t._v(" "),n("span",{staticClass:"arrow down"})]),t._v(" "),n("button",{staticClass:"mobile-dropdown-title",attrs:{type:"button","aria-label":t.dropdownAriaLabel},on:{click:function(e){return t.setOpen(!t.open)}}},[n("span",{staticClass:"title"},[t._v(t._s(t.item.text))]),t._v(" "),n("span",{staticClass:"arrow",class:t.open?"down":"right"})]),t._v(" "),n("DropdownTransition",[n("ul",{directives:[{name:"show",rawName:"v-show",value:t.open,expression:"open"}],staticClass:"nav-dropdown"},t._l(t.item.items,(function(e,i){return n("li",{key:e.link||i,staticClass:"dropdown-item"},["links"===e.type?n("h4",[t._v("\n "+t._s(e.text)+"\n ")]):t._e(),t._v(" "),"links"===e.type?n("ul",{staticClass:"dropdown-subitem-wrapper"},t._l(e.items,(function(i){return n("li",{key:i.link,staticClass:"dropdown-subitem"},[n("NavLink",{attrs:{item:i},on:{focusout:function(n){t.isLastItemOfArray(i,e.items)&&t.isLastItemOfArray(e,t.item.items)&&t.setOpen(!1)}}})],1)})),0):n("NavLink",{attrs:{item:e},on:{focusout:function(n){t.isLastItemOfArray(e,t.item.items)&&t.setOpen(!1)}}})],1)})),0)])],1)}),[],!1,null,null,null).exports},computed:{userNav:function(){return this.$themeLocaleConfig.nav||this.$site.themeConfig.nav||[]},nav:function(){var t=this,e=this.$site.locales;if(e&&Object.keys(e).length>1){var n=this.$page.path,i=this.$router.options.routes,r=this.$site.themeConfig.locales||{},a={text:this.$themeLocaleConfig.selectText||"Languages",ariaLabel:this.$themeLocaleConfig.ariaLabel||"Select language",items:Object.keys(e).map((function(a){var s,o=e[a],u=r[a]&&r[a].label||o.lang;return o.lang===t.$lang?s=n:(s=n.replace(t.$localeConfig.path,a),i.some((function(t){return t.path===s}))||(s=a)),{text:u,link:s}}))};return[].concat(Object(v.a)(this.userNav),[a])}return this.userNav},userLinks:function(){return(this.nav||[]).map((function(t){return Object.assign(Object(i.j)(t),{items:(t.items||[]).map(i.j)})}))},repoLink:function(){var t=this.$site.themeConfig.repo;return t?/^https?:/.test(t)?t:"https://github.com/".concat(t):null},repoLabel:function(){if(this.repoLink){if(this.$site.themeConfig.repoLabel)return this.$site.themeConfig.repoLabel;for(var t=this.repoLink.match(/^https?:\/\/[^/]+/)[0],e=["GitHub","GitLab","Bitbucket"],n=0;nMath.abs(n)&&Math.abs(e)>40&&(e>0&&this.touchStart.x<=80?this.toggleSidebar(!0):this.toggleSidebar(!1))}}}),G=Object(a.a)(W,(function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"theme-container",class:t.pageClasses,on:{touchstart:t.onTouchStart,touchend:t.onTouchEnd}},[t.shouldShowNavbar?n("Navbar",{on:{"toggle-sidebar":t.toggleSidebar}}):t._e(),t._v(" "),n("div",{staticClass:"sidebar-mask",on:{click:function(e){return t.toggleSidebar(!1)}}}),t._v(" "),n("Sidebar",{attrs:{items:t.sidebarItems},on:{"toggle-sidebar":t.toggleSidebar},scopedSlots:t._u([{key:"top",fn:function(){return[t._t("sidebar-top")]},proxy:!0},{key:"bottom",fn:function(){return[t._t("sidebar-bottom")]},proxy:!0}],null,!0)}),t._v(" "),t.$page.frontmatter.home?n("Home"):n("Page",{attrs:{"sidebar-items":t.sidebarItems},scopedSlots:t._u([{key:"top",fn:function(){return[t._t("page-top")]},proxy:!0},{key:"bottom",fn:function(){return[t._t("page-bottom")]},proxy:!0}],null,!0)})],1)}),[],!1,null,null,null);e.default=G.exports}}]); \ No newline at end of file diff --git a/documents/assets/js/20.8d38d090.js b/documents/assets/js/20.8d38d090.js new file mode 100644 index 000000000..5f35bc373 --- /dev/null +++ b/documents/assets/js/20.8d38d090.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[20],{411:function(t,s,a){"use strict";a.r(s);var n=a(52),e=Object(n.a)({},(function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"advanced-layout"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#advanced-layout"}},[t._v("#")]),t._v(" Advanced Layout")]),t._v(" "),a("p",[t._v("You can use the "),a("code",[t._v("layout")]),t._v(" property to define advanced header and record layouts."),a("br"),t._v("\n(In this case, the "),a("code",[t._v("header")]),t._v(" property cannot be used.)")]),t._v(" "),a("p",[t._v("The "),a("code",[t._v("layout")]),t._v(" property is defined by an object with the "),a("code",[t._v("header")]),t._v(" and the "),a("code",[t._v("body")]),t._v(".\nDefine an array of rows in each section, and define each element in a row.")]),t._v(" "),a("p",[t._v("When using the "),a("code",[t._v("layout")]),t._v(" property, you can set "),a("code",[t._v("colSpan")]),t._v(" and "),a("code",[t._v("rowSpan")]),t._v(" for each definition element.")]),t._v(" "),a("p",[t._v("For example:")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample-layout demo-grid middle"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample-layout"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n layout"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// header line1")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"ID"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" rowSpan"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"First Name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Email"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("250")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" rowSpan"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Birthday"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" rowSpan"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// header line2")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Last Name"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n body"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// line1")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"personid"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" rowSpan"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"fname"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"email"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" rowSpan"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" getBirthday"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" rowSpan"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// line2")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"lname"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n frozenColCount"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("getBirthday")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" dateTimeFormat "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Intl"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("DateTimeFormat")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"en-US"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n year"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"numeric"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n month"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"numeric"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n day"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"numeric"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" dateTimeFormat"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("format")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("birthday"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br")])])])],1)}),[],!1,null,null,null);s.default=e.exports}}]); \ No newline at end of file diff --git a/documents/assets/js/21.65948c75.js b/documents/assets/js/21.65948c75.js new file mode 100644 index 000000000..3a81de101 --- /dev/null +++ b/documents/assets/js/21.65948c75.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[21],{412:function(s,t,a){"use strict";a.r(t);var n=a(52),e=Object(n.a)({},(function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ContentSlotsDistributor",{attrs:{"slot-key":s.$parent.slotKey}},[a("h1",{attrs:{id:"define-cell-messages"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#define-cell-messages"}},[s._v("#")]),s._v(" Define Cell Messages")]),s._v(" "),a("p",[s._v("Define the message to display in each cell of the column by using "),a("code",[s._v("message")]),s._v(" property.")]),s._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("<")]),s._v("div")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[s._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[s._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v('"')]),s._v("sample1 demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("")])]),s._v("\n")])]),s._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[s._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" menuOptions "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Empty"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Option 1"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Option 2"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"3"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Option 3"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"4"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Option 4"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"5"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Option 5"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"6"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Option 6"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"7"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Option 7"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" displayOptions "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Choose your option"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Option 1"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Option 2"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"3"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Option 3"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"4"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Option 4"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"5"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Option 5"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"6"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Option 6"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"7"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Option 7"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("new")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[s._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('".sample1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"text1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"message field"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("150")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("//message field")]),s._v("\n message"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"msg"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"text2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"input"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("150")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("//message function")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("message")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[s._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("return")]),s._v(" rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("text2"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("match")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token regex"}},[a("span",{pre:!0,attrs:{class:"token regex-delimiter"}},[s._v("/")]),a("span",{pre:!0,attrs:{class:"token regex-source language-regex"}},[s._v("^[a-zA-Z]*$")]),a("span",{pre:!0,attrs:{class:"token regex-delimiter"}},[s._v("/")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("?")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("null")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Please only alphabet."')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"input"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"text3"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"inline input"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("150")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("message")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[s._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("return")]),s._v(" rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("text3"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("match")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token regex"}},[a("span",{pre:!0,attrs:{class:"token regex-delimiter"}},[s._v("/")]),a("span",{pre:!0,attrs:{class:"token regex-source language-regex"}},[s._v("^[a-zA-Z]*$")]),a("span",{pre:!0,attrs:{class:"token regex-delimiter"}},[s._v("/")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("?")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("null")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Please only alphabet."')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("new")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[s._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("InlineInputEditor")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"val4"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"menu"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("200")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("message")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[s._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("return")]),s._v(" rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("val4 "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("?")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("null")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Please select."')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("new")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[s._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("MenuColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n options"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" displayOptions"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("new")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[s._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("InlineMenuEditor")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n options"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" menuOptions"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"check5"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("message")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[s._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("return")]),s._v(" rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("check5 "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("?")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("null")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Please check."')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"text1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"info"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("150")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("message")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[s._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("return")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("//info message")]),s._v("\n type"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"info"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n message"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Info Message."')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"text1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"warning"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("150")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("message")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[s._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("return")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("//warning message")]),s._v("\n type"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"warning"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n message"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Warning Message."')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n text1"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n text2"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"123"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n text3"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"123"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n val4"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n check5"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n msg"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"message."')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n text1"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n text2"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"123"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n text3"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"123"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n val4"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n check5"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n msg"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"message."')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n text1"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n text2"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"123"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n text3"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"123"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n val4"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n check5"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n msg"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"message."')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n text1"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n text2"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"123"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n text3"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"123"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n val4"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n check5"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n msg"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"message."')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n text1"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n text2"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"123"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n text3"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"123"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n val4"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n check5"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n msg"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"message."')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n text1"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n text2"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"123"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n text3"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"123"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n val4"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n check5"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n msg"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"message."')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n text1"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n text2"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"123"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n text3"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"123"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n val4"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n check5"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n msg"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"message."')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n text1"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n text2"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"123"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n text3"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"123"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n val4"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n check5"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n msg"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"message."')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n text1"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n text2"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"123"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n text3"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"123"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n val4"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n check5"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n msg"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"message."')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n text1"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n text2"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"123"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n text3"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"123"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n val4"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n check5"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n msg"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"message."')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n text1"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n text2"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"123"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n text3"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"123"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n val4"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n check5"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n msg"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"message."')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n text1"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n text2"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"123"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n text3"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"123"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n val4"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n check5"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n msg"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"message."')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n text1"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n text2"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"123"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n text3"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"123"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n val4"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n check5"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n msg"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"message."')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n text1"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n text2"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"123"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n text3"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"123"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n val4"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n check5"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n msg"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"message."')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n text1"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n text2"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"123"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n text3"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"123"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n val4"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n check5"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n msg"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"message."')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n")])]),s._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[s._v("1")]),a("br"),a("span",{staticClass:"line-number"},[s._v("2")]),a("br"),a("span",{staticClass:"line-number"},[s._v("3")]),a("br"),a("span",{staticClass:"line-number"},[s._v("4")]),a("br"),a("span",{staticClass:"line-number"},[s._v("5")]),a("br"),a("span",{staticClass:"line-number"},[s._v("6")]),a("br"),a("span",{staticClass:"line-number"},[s._v("7")]),a("br"),a("span",{staticClass:"line-number"},[s._v("8")]),a("br"),a("span",{staticClass:"line-number"},[s._v("9")]),a("br"),a("span",{staticClass:"line-number"},[s._v("10")]),a("br"),a("span",{staticClass:"line-number"},[s._v("11")]),a("br"),a("span",{staticClass:"line-number"},[s._v("12")]),a("br"),a("span",{staticClass:"line-number"},[s._v("13")]),a("br"),a("span",{staticClass:"line-number"},[s._v("14")]),a("br"),a("span",{staticClass:"line-number"},[s._v("15")]),a("br"),a("span",{staticClass:"line-number"},[s._v("16")]),a("br"),a("span",{staticClass:"line-number"},[s._v("17")]),a("br"),a("span",{staticClass:"line-number"},[s._v("18")]),a("br"),a("span",{staticClass:"line-number"},[s._v("19")]),a("br"),a("span",{staticClass:"line-number"},[s._v("20")]),a("br"),a("span",{staticClass:"line-number"},[s._v("21")]),a("br"),a("span",{staticClass:"line-number"},[s._v("22")]),a("br"),a("span",{staticClass:"line-number"},[s._v("23")]),a("br"),a("span",{staticClass:"line-number"},[s._v("24")]),a("br"),a("span",{staticClass:"line-number"},[s._v("25")]),a("br"),a("span",{staticClass:"line-number"},[s._v("26")]),a("br"),a("span",{staticClass:"line-number"},[s._v("27")]),a("br"),a("span",{staticClass:"line-number"},[s._v("28")]),a("br"),a("span",{staticClass:"line-number"},[s._v("29")]),a("br"),a("span",{staticClass:"line-number"},[s._v("30")]),a("br"),a("span",{staticClass:"line-number"},[s._v("31")]),a("br"),a("span",{staticClass:"line-number"},[s._v("32")]),a("br"),a("span",{staticClass:"line-number"},[s._v("33")]),a("br"),a("span",{staticClass:"line-number"},[s._v("34")]),a("br"),a("span",{staticClass:"line-number"},[s._v("35")]),a("br"),a("span",{staticClass:"line-number"},[s._v("36")]),a("br"),a("span",{staticClass:"line-number"},[s._v("37")]),a("br"),a("span",{staticClass:"line-number"},[s._v("38")]),a("br"),a("span",{staticClass:"line-number"},[s._v("39")]),a("br"),a("span",{staticClass:"line-number"},[s._v("40")]),a("br"),a("span",{staticClass:"line-number"},[s._v("41")]),a("br"),a("span",{staticClass:"line-number"},[s._v("42")]),a("br"),a("span",{staticClass:"line-number"},[s._v("43")]),a("br"),a("span",{staticClass:"line-number"},[s._v("44")]),a("br"),a("span",{staticClass:"line-number"},[s._v("45")]),a("br"),a("span",{staticClass:"line-number"},[s._v("46")]),a("br"),a("span",{staticClass:"line-number"},[s._v("47")]),a("br"),a("span",{staticClass:"line-number"},[s._v("48")]),a("br"),a("span",{staticClass:"line-number"},[s._v("49")]),a("br"),a("span",{staticClass:"line-number"},[s._v("50")]),a("br"),a("span",{staticClass:"line-number"},[s._v("51")]),a("br"),a("span",{staticClass:"line-number"},[s._v("52")]),a("br"),a("span",{staticClass:"line-number"},[s._v("53")]),a("br"),a("span",{staticClass:"line-number"},[s._v("54")]),a("br"),a("span",{staticClass:"line-number"},[s._v("55")]),a("br"),a("span",{staticClass:"line-number"},[s._v("56")]),a("br"),a("span",{staticClass:"line-number"},[s._v("57")]),a("br"),a("span",{staticClass:"line-number"},[s._v("58")]),a("br"),a("span",{staticClass:"line-number"},[s._v("59")]),a("br"),a("span",{staticClass:"line-number"},[s._v("60")]),a("br"),a("span",{staticClass:"line-number"},[s._v("61")]),a("br"),a("span",{staticClass:"line-number"},[s._v("62")]),a("br"),a("span",{staticClass:"line-number"},[s._v("63")]),a("br"),a("span",{staticClass:"line-number"},[s._v("64")]),a("br"),a("span",{staticClass:"line-number"},[s._v("65")]),a("br"),a("span",{staticClass:"line-number"},[s._v("66")]),a("br"),a("span",{staticClass:"line-number"},[s._v("67")]),a("br"),a("span",{staticClass:"line-number"},[s._v("68")]),a("br"),a("span",{staticClass:"line-number"},[s._v("69")]),a("br"),a("span",{staticClass:"line-number"},[s._v("70")]),a("br"),a("span",{staticClass:"line-number"},[s._v("71")]),a("br"),a("span",{staticClass:"line-number"},[s._v("72")]),a("br"),a("span",{staticClass:"line-number"},[s._v("73")]),a("br"),a("span",{staticClass:"line-number"},[s._v("74")]),a("br"),a("span",{staticClass:"line-number"},[s._v("75")]),a("br"),a("span",{staticClass:"line-number"},[s._v("76")]),a("br"),a("span",{staticClass:"line-number"},[s._v("77")]),a("br"),a("span",{staticClass:"line-number"},[s._v("78")]),a("br"),a("span",{staticClass:"line-number"},[s._v("79")]),a("br"),a("span",{staticClass:"line-number"},[s._v("80")]),a("br"),a("span",{staticClass:"line-number"},[s._v("81")]),a("br"),a("span",{staticClass:"line-number"},[s._v("82")]),a("br"),a("span",{staticClass:"line-number"},[s._v("83")]),a("br"),a("span",{staticClass:"line-number"},[s._v("84")]),a("br"),a("span",{staticClass:"line-number"},[s._v("85")]),a("br"),a("span",{staticClass:"line-number"},[s._v("86")]),a("br"),a("span",{staticClass:"line-number"},[s._v("87")]),a("br"),a("span",{staticClass:"line-number"},[s._v("88")]),a("br"),a("span",{staticClass:"line-number"},[s._v("89")]),a("br"),a("span",{staticClass:"line-number"},[s._v("90")]),a("br"),a("span",{staticClass:"line-number"},[s._v("91")]),a("br"),a("span",{staticClass:"line-number"},[s._v("92")]),a("br"),a("span",{staticClass:"line-number"},[s._v("93")]),a("br"),a("span",{staticClass:"line-number"},[s._v("94")]),a("br"),a("span",{staticClass:"line-number"},[s._v("95")]),a("br"),a("span",{staticClass:"line-number"},[s._v("96")]),a("br"),a("span",{staticClass:"line-number"},[s._v("97")]),a("br"),a("span",{staticClass:"line-number"},[s._v("98")]),a("br"),a("span",{staticClass:"line-number"},[s._v("99")]),a("br"),a("span",{staticClass:"line-number"},[s._v("100")]),a("br"),a("span",{staticClass:"line-number"},[s._v("101")]),a("br"),a("span",{staticClass:"line-number"},[s._v("102")]),a("br"),a("span",{staticClass:"line-number"},[s._v("103")]),a("br"),a("span",{staticClass:"line-number"},[s._v("104")]),a("br"),a("span",{staticClass:"line-number"},[s._v("105")]),a("br"),a("span",{staticClass:"line-number"},[s._v("106")]),a("br"),a("span",{staticClass:"line-number"},[s._v("107")]),a("br"),a("span",{staticClass:"line-number"},[s._v("108")]),a("br"),a("span",{staticClass:"line-number"},[s._v("109")]),a("br"),a("span",{staticClass:"line-number"},[s._v("110")]),a("br"),a("span",{staticClass:"line-number"},[s._v("111")]),a("br"),a("span",{staticClass:"line-number"},[s._v("112")]),a("br"),a("span",{staticClass:"line-number"},[s._v("113")]),a("br"),a("span",{staticClass:"line-number"},[s._v("114")]),a("br"),a("span",{staticClass:"line-number"},[s._v("115")]),a("br"),a("span",{staticClass:"line-number"},[s._v("116")]),a("br"),a("span",{staticClass:"line-number"},[s._v("117")]),a("br"),a("span",{staticClass:"line-number"},[s._v("118")]),a("br"),a("span",{staticClass:"line-number"},[s._v("119")]),a("br"),a("span",{staticClass:"line-number"},[s._v("120")]),a("br"),a("span",{staticClass:"line-number"},[s._v("121")]),a("br"),a("span",{staticClass:"line-number"},[s._v("122")]),a("br"),a("span",{staticClass:"line-number"},[s._v("123")]),a("br"),a("span",{staticClass:"line-number"},[s._v("124")]),a("br"),a("span",{staticClass:"line-number"},[s._v("125")]),a("br"),a("span",{staticClass:"line-number"},[s._v("126")]),a("br"),a("span",{staticClass:"line-number"},[s._v("127")]),a("br"),a("span",{staticClass:"line-number"},[s._v("128")]),a("br"),a("span",{staticClass:"line-number"},[s._v("129")]),a("br"),a("span",{staticClass:"line-number"},[s._v("130")]),a("br"),a("span",{staticClass:"line-number"},[s._v("131")]),a("br"),a("span",{staticClass:"line-number"},[s._v("132")]),a("br"),a("span",{staticClass:"line-number"},[s._v("133")]),a("br"),a("span",{staticClass:"line-number"},[s._v("134")]),a("br"),a("span",{staticClass:"line-number"},[s._v("135")]),a("br"),a("span",{staticClass:"line-number"},[s._v("136")]),a("br"),a("span",{staticClass:"line-number"},[s._v("137")]),a("br"),a("span",{staticClass:"line-number"},[s._v("138")]),a("br"),a("span",{staticClass:"line-number"},[s._v("139")]),a("br"),a("span",{staticClass:"line-number"},[s._v("140")]),a("br"),a("span",{staticClass:"line-number"},[s._v("141")]),a("br"),a("span",{staticClass:"line-number"},[s._v("142")]),a("br"),a("span",{staticClass:"line-number"},[s._v("143")]),a("br"),a("span",{staticClass:"line-number"},[s._v("144")]),a("br"),a("span",{staticClass:"line-number"},[s._v("145")]),a("br"),a("span",{staticClass:"line-number"},[s._v("146")]),a("br"),a("span",{staticClass:"line-number"},[s._v("147")]),a("br"),a("span",{staticClass:"line-number"},[s._v("148")]),a("br"),a("span",{staticClass:"line-number"},[s._v("149")]),a("br"),a("span",{staticClass:"line-number"},[s._v("150")]),a("br"),a("span",{staticClass:"line-number"},[s._v("151")]),a("br"),a("span",{staticClass:"line-number"},[s._v("152")]),a("br"),a("span",{staticClass:"line-number"},[s._v("153")]),a("br"),a("span",{staticClass:"line-number"},[s._v("154")]),a("br"),a("span",{staticClass:"line-number"},[s._v("155")]),a("br"),a("span",{staticClass:"line-number"},[s._v("156")]),a("br"),a("span",{staticClass:"line-number"},[s._v("157")]),a("br"),a("span",{staticClass:"line-number"},[s._v("158")]),a("br"),a("span",{staticClass:"line-number"},[s._v("159")]),a("br"),a("span",{staticClass:"line-number"},[s._v("160")]),a("br"),a("span",{staticClass:"line-number"},[s._v("161")]),a("br"),a("span",{staticClass:"line-number"},[s._v("162")]),a("br"),a("span",{staticClass:"line-number"},[s._v("163")]),a("br"),a("span",{staticClass:"line-number"},[s._v("164")]),a("br"),a("span",{staticClass:"line-number"},[s._v("165")]),a("br"),a("span",{staticClass:"line-number"},[s._v("166")]),a("br"),a("span",{staticClass:"line-number"},[s._v("167")]),a("br"),a("span",{staticClass:"line-number"},[s._v("168")]),a("br"),a("span",{staticClass:"line-number"},[s._v("169")]),a("br"),a("span",{staticClass:"line-number"},[s._v("170")]),a("br"),a("span",{staticClass:"line-number"},[s._v("171")]),a("br"),a("span",{staticClass:"line-number"},[s._v("172")]),a("br"),a("span",{staticClass:"line-number"},[s._v("173")]),a("br"),a("span",{staticClass:"line-number"},[s._v("174")]),a("br"),a("span",{staticClass:"line-number"},[s._v("175")]),a("br"),a("span",{staticClass:"line-number"},[s._v("176")]),a("br"),a("span",{staticClass:"line-number"},[s._v("177")]),a("br"),a("span",{staticClass:"line-number"},[s._v("178")]),a("br"),a("span",{staticClass:"line-number"},[s._v("179")]),a("br"),a("span",{staticClass:"line-number"},[s._v("180")]),a("br"),a("span",{staticClass:"line-number"},[s._v("181")]),a("br"),a("span",{staticClass:"line-number"},[s._v("182")]),a("br"),a("span",{staticClass:"line-number"},[s._v("183")]),a("br"),a("span",{staticClass:"line-number"},[s._v("184")]),a("br"),a("span",{staticClass:"line-number"},[s._v("185")]),a("br"),a("span",{staticClass:"line-number"},[s._v("186")]),a("br"),a("span",{staticClass:"line-number"},[s._v("187")]),a("br"),a("span",{staticClass:"line-number"},[s._v("188")]),a("br"),a("span",{staticClass:"line-number"},[s._v("189")]),a("br"),a("span",{staticClass:"line-number"},[s._v("190")]),a("br"),a("span",{staticClass:"line-number"},[s._v("191")]),a("br"),a("span",{staticClass:"line-number"},[s._v("192")]),a("br"),a("span",{staticClass:"line-number"},[s._v("193")]),a("br"),a("span",{staticClass:"line-number"},[s._v("194")]),a("br"),a("span",{staticClass:"line-number"},[s._v("195")]),a("br"),a("span",{staticClass:"line-number"},[s._v("196")]),a("br"),a("span",{staticClass:"line-number"},[s._v("197")]),a("br"),a("span",{staticClass:"line-number"},[s._v("198")]),a("br"),a("span",{staticClass:"line-number"},[s._v("199")]),a("br"),a("span",{staticClass:"line-number"},[s._v("200")]),a("br"),a("span",{staticClass:"line-number"},[s._v("201")]),a("br"),a("span",{staticClass:"line-number"},[s._v("202")]),a("br"),a("span",{staticClass:"line-number"},[s._v("203")]),a("br"),a("span",{staticClass:"line-number"},[s._v("204")]),a("br"),a("span",{staticClass:"line-number"},[s._v("205")]),a("br"),a("span",{staticClass:"line-number"},[s._v("206")]),a("br"),a("span",{staticClass:"line-number"},[s._v("207")]),a("br"),a("span",{staticClass:"line-number"},[s._v("208")]),a("br"),a("span",{staticClass:"line-number"},[s._v("209")]),a("br"),a("span",{staticClass:"line-number"},[s._v("210")]),a("br"),a("span",{staticClass:"line-number"},[s._v("211")]),a("br"),a("span",{staticClass:"line-number"},[s._v("212")]),a("br"),a("span",{staticClass:"line-number"},[s._v("213")]),a("br"),a("span",{staticClass:"line-number"},[s._v("214")]),a("br"),a("span",{staticClass:"line-number"},[s._v("215")]),a("br"),a("span",{staticClass:"line-number"},[s._v("216")]),a("br"),a("span",{staticClass:"line-number"},[s._v("217")]),a("br"),a("span",{staticClass:"line-number"},[s._v("218")]),a("br"),a("span",{staticClass:"line-number"},[s._v("219")]),a("br"),a("span",{staticClass:"line-number"},[s._v("220")]),a("br"),a("span",{staticClass:"line-number"},[s._v("221")]),a("br"),a("span",{staticClass:"line-number"},[s._v("222")]),a("br"),a("span",{staticClass:"line-number"},[s._v("223")]),a("br"),a("span",{staticClass:"line-number"},[s._v("224")]),a("br")])])])],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file diff --git a/documents/assets/js/22.09654535.js b/documents/assets/js/22.09654535.js new file mode 100644 index 000000000..74e37da3f --- /dev/null +++ b/documents/assets/js/22.09654535.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[22],{413:function(t,s,a){"use strict";a.r(s);var n=a(52),e=Object(n.a)({},(function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"buttonaction"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#buttonaction"}},[t._v("#")]),t._v(" ButtonAction")]),t._v(" "),a("p",[t._v("Define the behavior when the button is clicked.")]),t._v(" "),a("p",[t._v("The specified method is executed after select the cell by clicking it and then push Enter.")]),t._v(" "),a("p",[t._v("You can control the property of "),a("code",[t._v("disabled")]),t._v(" and "),a("code",[t._v("action")]),t._v(" by manipulating the instance of "),a("code",[t._v("ButtonAction")]),t._v(" class."),a("br"),t._v("\nYou can also disable each record by specifying a function for the "),a("code",[t._v("disabled")]),t._v(" property.")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1 demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("label")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("change disabled properties : "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("select")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1disabled"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("option")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("value")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("selected")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("true"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("default"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("option")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("value")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("disabled"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("disabled = true"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("span")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1disabledmemo"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("br")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("label")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("change action properties : "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("select")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("option")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("value")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("selected")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("true"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("Show record"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("option")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("value")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("hello"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("Message 'Hello!'"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("span")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("Once you have changed, please try to click"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" buttonAction "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonAction")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("action")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("alert")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("JSON")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("stringify")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("null")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('" "')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"button"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("180")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"BUTTON"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" buttonAction"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/* ・・・ */")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/* ・・・ */")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("3")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/* ・・・ */")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\ndocument"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1disabled"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("onchange")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("//change disabled properties")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("value "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("===")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"disabled"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n buttonAction"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("disabled "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1disabledmemo"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("textContent "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"It will not toggle and does not respond when hovering the mouse"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("else")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n buttonAction"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("disabled "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1disabledmemo"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("textContent "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"default"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\ndocument"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1action"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("onchange")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("//change action properties")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("value "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("===")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"hello"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n buttonAction"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("action")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("alert")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Hello!"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("else")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n buttonAction"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("action")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("alert")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("JSON")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("stringify")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("null")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('" "')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br"),a("span",{staticClass:"line-number"},[t._v("39")]),a("br"),a("span",{staticClass:"line-number"},[t._v("40")]),a("br"),a("span",{staticClass:"line-number"},[t._v("41")]),a("br"),a("span",{staticClass:"line-number"},[t._v("42")]),a("br"),a("span",{staticClass:"line-number"},[t._v("43")]),a("br"),a("span",{staticClass:"line-number"},[t._v("44")]),a("br"),a("span",{staticClass:"line-number"},[t._v("45")]),a("br"),a("span",{staticClass:"line-number"},[t._v("46")]),a("br"),a("span",{staticClass:"line-number"},[t._v("47")]),a("br"),a("span",{staticClass:"line-number"},[t._v("48")]),a("br"),a("span",{staticClass:"line-number"},[t._v("49")]),a("br")])])])],1)}),[],!1,null,null,null);s.default=e.exports}}]); \ No newline at end of file diff --git a/documents/assets/js/23.557d4a47.js b/documents/assets/js/23.557d4a47.js new file mode 100644 index 000000000..fcbe0b6bf --- /dev/null +++ b/documents/assets/js/23.557d4a47.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[23],{414:function(t,s,a){"use strict";a.r(s);var n=a(52),e=Object(n.a)({},(function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"checkeditor"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#checkeditor"}},[t._v("#")]),t._v(" CheckEditor")]),t._v(" "),a("p",[t._v("Define the behavior and data editing when checkbox is clicked.")]),t._v(" "),a("p",[t._v("The record is edited after select the cell by clicking it and then push Enter or Space.")]),t._v(" "),a("p",[t._v("You can control the property of "),a("code",[t._v("readOnly")]),t._v(" and "),a("code",[t._v("disabled")]),t._v(" by setting the instance of "),a("code",[t._v("CheckEditor")]),t._v(" class to "),a("code",[t._v("action")]),t._v(" of the column."),a("br"),t._v("\nBut if you define "),a("code",[t._v("'check'")]),t._v(", as string, to "),a("code",[t._v("action")]),t._v(" of the column, you can't control these properties."),a("br"),t._v("\nYou can also disable or read-only each record by specifying a function for the "),a("code",[t._v("disabled")]),t._v(" and "),a("code",[t._v("readOnly")]),t._v(" properties.")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1 demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("label")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("change action properties : "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("select")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1mode"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("option")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("value")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("selected")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("true"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("both false"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("option")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("value")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("readOnly"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("readOnly = true"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("option")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("value")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("disabled"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("disabled = true"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("span")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1modememo"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" checkEditorAction "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("CheckEditor")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"defined by string"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("220")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("//")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"defined by class instance"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("220")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" checkEditorAction"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"show"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"SHOW"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonAction")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("action")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("alert")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("JSON")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("stringify")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("null")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('" "')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" check1"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" check2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" check1"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" check2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" check1"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" check2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\ndocument"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1mode"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("onchange")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("//change action properties")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("value "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("===")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"readOnly"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n checkEditorAction"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("readOnly "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n checkEditorAction"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("disabled "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1modememo"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("textContent "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"It will not toggle"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("else")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("value "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("===")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"disabled"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n checkEditorAction"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("readOnly "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n checkEditorAction"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("disabled "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1modememo"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("textContent "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"It will not toggle and does not respond when hovering the mouse"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("else")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n checkEditorAction"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("readOnly "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n checkEditorAction"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("disabled "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1modememo"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("textContent "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"both false"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br"),a("span",{staticClass:"line-number"},[t._v("39")]),a("br"),a("span",{staticClass:"line-number"},[t._v("40")]),a("br"),a("span",{staticClass:"line-number"},[t._v("41")]),a("br"),a("span",{staticClass:"line-number"},[t._v("42")]),a("br"),a("span",{staticClass:"line-number"},[t._v("43")]),a("br"),a("span",{staticClass:"line-number"},[t._v("44")]),a("br"),a("span",{staticClass:"line-number"},[t._v("45")]),a("br"),a("span",{staticClass:"line-number"},[t._v("46")]),a("br"),a("span",{staticClass:"line-number"},[t._v("47")]),a("br"),a("span",{staticClass:"line-number"},[t._v("48")]),a("br"),a("span",{staticClass:"line-number"},[t._v("49")]),a("br"),a("span",{staticClass:"line-number"},[t._v("50")]),a("br"),a("span",{staticClass:"line-number"},[t._v("51")]),a("br"),a("span",{staticClass:"line-number"},[t._v("52")]),a("br"),a("span",{staticClass:"line-number"},[t._v("53")]),a("br"),a("span",{staticClass:"line-number"},[t._v("54")]),a("br"),a("span",{staticClass:"line-number"},[t._v("55")]),a("br"),a("span",{staticClass:"line-number"},[t._v("56")]),a("br"),a("span",{staticClass:"line-number"},[t._v("57")]),a("br"),a("span",{staticClass:"line-number"},[t._v("58")]),a("br"),a("span",{staticClass:"line-number"},[t._v("59")]),a("br")])])]),t._v(" "),a("h2",{attrs:{id:"data-editing"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#data-editing"}},[t._v("#")]),t._v(" Data editing")]),t._v(" "),a("p",[t._v("Basic behavior is switching "),a("code",[t._v("true")]),t._v(" and "),a("code",[t._v("false")]),t._v(".")]),t._v(" "),a("p",[t._v("Switchings shown below can be done as the special behavior.")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Truthy Value")]),t._v(" "),a("th",[t._v("Falsy Value")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("number")]),t._v(" "),a("td",[a("code",[t._v("1")])]),t._v(" "),a("td",[a("code",[t._v("0")])])]),t._v(" "),a("tr",[a("td",[t._v("string")]),t._v(" "),a("td",[a("code",[t._v("'true'")])]),t._v(" "),a("td",[a("code",[t._v("'false'")])])]),t._v(" "),a("tr",[a("td",[t._v("string")]),t._v(" "),a("td",[a("code",[t._v("'on'")])]),t._v(" "),a("td",[a("code",[t._v("'off'")])])]),t._v(" "),a("tr",[a("td",[t._v("string")]),t._v(" "),a("td",[a("code",[t._v("'1'")])]),t._v(" "),a("td",[a("code",[t._v("'0'")])])]),t._v(" "),a("tr",[a("td",[t._v("string")]),t._v(" "),a("td",[a("code",[t._v("'01'")])]),t._v(" "),a("td",[a("code",[t._v("'00'")])])]),t._v(" "),a("tr",[a("td",[t._v("string")]),t._v(" "),a("td",[a("code",[t._v("'00001'")])]),t._v(" "),a("td",[a("code",[t._v("'00000'")])])])])]),t._v(" "),a("p",[t._v("The value regarded as truthy value in JavaScript is switched to "),a("code",[t._v("false")]),t._v("."),a("br"),t._v("\nThe value regarded as falsy value is switched to "),a("code",[t._v("true")]),t._v(".")]),t._v(" "),a("p",[t._v("All numbers except "),a("code",[t._v("0")]),t._v(" are switched to "),a("code",[t._v("0")]),t._v("."),a("br"),t._v("\nIn this case, the original number will not be restored when switching again.")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample2 demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"boolean"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"true/false"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"num"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"1/0"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"truefalse"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("\"'true'/'false'\"")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"onoff"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"on/off"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"onezero"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("\"'1'/'0'\"")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"numstring"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"num string"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"show"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"SHOW"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonAction")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("action")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("alert")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("JSON")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("stringify")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("null")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('" "')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n boolean"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n num"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n truefalse"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"true"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n onoff"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"off"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n onezero"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n numstring"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"00"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n boolean"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n num"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n truefalse"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"false"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n onoff"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"on"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n onezero"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"0"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n numstring"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"0001"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n boolean"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n num"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n truefalse"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"true"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n onoff"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"off"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n onezero"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n numstring"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"00000000000"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br"),a("span",{staticClass:"line-number"},[t._v("39")]),a("br"),a("span",{staticClass:"line-number"},[t._v("40")]),a("br"),a("span",{staticClass:"line-number"},[t._v("41")]),a("br"),a("span",{staticClass:"line-number"},[t._v("42")]),a("br"),a("span",{staticClass:"line-number"},[t._v("43")]),a("br"),a("span",{staticClass:"line-number"},[t._v("44")]),a("br"),a("span",{staticClass:"line-number"},[t._v("45")]),a("br"),a("span",{staticClass:"line-number"},[t._v("46")]),a("br"),a("span",{staticClass:"line-number"},[t._v("47")]),a("br"),a("span",{staticClass:"line-number"},[t._v("48")]),a("br"),a("span",{staticClass:"line-number"},[t._v("49")]),a("br"),a("span",{staticClass:"line-number"},[t._v("50")]),a("br"),a("span",{staticClass:"line-number"},[t._v("51")]),a("br"),a("span",{staticClass:"line-number"},[t._v("52")]),a("br"),a("span",{staticClass:"line-number"},[t._v("53")]),a("br"),a("span",{staticClass:"line-number"},[t._v("54")]),a("br"),a("span",{staticClass:"line-number"},[t._v("55")]),a("br"),a("span",{staticClass:"line-number"},[t._v("56")]),a("br"),a("span",{staticClass:"line-number"},[t._v("57")]),a("br"),a("span",{staticClass:"line-number"},[t._v("58")]),a("br"),a("span",{staticClass:"line-number"},[t._v("59")]),a("br"),a("span",{staticClass:"line-number"},[t._v("60")]),a("br"),a("span",{staticClass:"line-number"},[t._v("61")]),a("br"),a("span",{staticClass:"line-number"},[t._v("62")]),a("br"),a("span",{staticClass:"line-number"},[t._v("63")]),a("br"),a("span",{staticClass:"line-number"},[t._v("64")]),a("br"),a("span",{staticClass:"line-number"},[t._v("65")]),a("br"),a("span",{staticClass:"line-number"},[t._v("66")]),a("br"),a("span",{staticClass:"line-number"},[t._v("67")]),a("br"),a("span",{staticClass:"line-number"},[t._v("68")]),a("br"),a("span",{staticClass:"line-number"},[t._v("69")]),a("br"),a("span",{staticClass:"line-number"},[t._v("70")]),a("br"),a("span",{staticClass:"line-number"},[t._v("71")]),a("br"),a("span",{staticClass:"line-number"},[t._v("72")]),a("br"),a("span",{staticClass:"line-number"},[t._v("73")]),a("br"),a("span",{staticClass:"line-number"},[t._v("74")]),a("br"),a("span",{staticClass:"line-number"},[t._v("75")]),a("br"),a("span",{staticClass:"line-number"},[t._v("76")]),a("br"),a("span",{staticClass:"line-number"},[t._v("77")]),a("br"),a("span",{staticClass:"line-number"},[t._v("78")]),a("br"),a("span",{staticClass:"line-number"},[t._v("79")]),a("br"),a("span",{staticClass:"line-number"},[t._v("80")]),a("br"),a("span",{staticClass:"line-number"},[t._v("81")]),a("br"),a("span",{staticClass:"line-number"},[t._v("82")]),a("br"),a("span",{staticClass:"line-number"},[t._v("83")]),a("br"),a("span",{staticClass:"line-number"},[t._v("84")]),a("br"),a("span",{staticClass:"line-number"},[t._v("85")]),a("br")])])]),t._v(" "),a("h2",{attrs:{id:"disabled"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#disabled"}},[t._v("#")]),t._v(" disabled")]),t._v(" "),a("p",[t._v("You can control "),a("code",[t._v("disabled")]),t._v(" depending on the state of the record by giving "),a("code",[t._v("disabled")]),t._v(" a "),a("code",[t._v("function")]),t._v(".")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample3 demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" checkEditorAction "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("CheckEditor")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ncheckEditorAction"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("disabled")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("record")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" record"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("disabled"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample3"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"test"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"disabled?"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("220")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" checkEditorAction"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("//")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"disabled"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"control"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("220")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" disabled"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" test"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" disabled"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" test"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" disabled"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" test"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br")])])])],1)}),[],!1,null,null,null);s.default=e.exports}}]); \ No newline at end of file diff --git a/documents/assets/js/24.88af7745.js b/documents/assets/js/24.88af7745.js new file mode 100644 index 000000000..2bc3383ed --- /dev/null +++ b/documents/assets/js/24.88af7745.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[24],{415:function(t,e,a){"use strict";a.r(e);var o=a(52),n=Object(o.a)({},(function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"column-action-classes"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#column-action-classes"}},[t._v("#")]),t._v(" Column Action Classes")]),t._v(" "),a("h2",{attrs:{id:"namespace-cheetahgrid-columns-action"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#namespace-cheetahgrid-columns-action"}},[t._v("#")]),t._v(" Namespace "),a("code",[t._v("cheetahGrid.columns.action")])]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Class Name")]),t._v(" "),a("th",[t._v("Function")]),t._v(" "),a("th",[t._v("Others")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("RouterLink",{attrs:{to:"/api/js/column_actions/CheckEditor.html"}},[a("code",[t._v("CheckEditor")])])],1),t._v(" "),a("td",[t._v("The behavior when clicking the checkbox")]),t._v(" "),a("td",[t._v("same as "),a("code",[t._v("action: 'check'")])])]),t._v(" "),a("tr",[a("td",[a("RouterLink",{attrs:{to:"/api/js/column_actions/ButtonAction.html"}},[a("code",[t._v("ButtonAction")])])],1),t._v(" "),a("td",[t._v("The behavior when clicking the button")]),t._v(" "),a("td",[t._v("---")])]),t._v(" "),a("tr",[a("td",[a("RouterLink",{attrs:{to:"/api/js/column_actions/SmallDialogInputEditor.html"}},[a("code",[t._v("SmallDialogInputEditor")])])],1),t._v(" "),a("td",[t._v("The behavior when input the cell (Material Design Small edit dialog)")]),t._v(" "),a("td",[t._v("same as "),a("code",[t._v("action: 'input'")])])]),t._v(" "),a("tr",[a("td",[a("RouterLink",{attrs:{to:"/api/js/column_actions/InlineInputEditor.html"}},[a("code",[t._v("InlineInputEditor")])])],1),t._v(" "),a("td",[t._v("The behavior when input the cell")]),t._v(" "),a("td",[t._v("InlineInputEditor is an experiment stage")])]),t._v(" "),a("tr",[a("td",[a("RouterLink",{attrs:{to:"/api/js/column_actions/InlineMenuEditor.html"}},[a("code",[t._v("InlineMenuEditor")])])],1),t._v(" "),a("td",[t._v("The behavior when select menu the cell")]),t._v(" "),a("td",[t._v("---")])]),t._v(" "),a("tr",[a("td",[a("RouterLink",{attrs:{to:"/api/js/column_actions/RadioEditor.html"}},[a("code",[t._v("RadioEditor")])])],1),t._v(" "),a("td",[t._v("The behavior when clicking the radio button")]),t._v(" "),a("td",[t._v("same as "),a("code",[t._v("action: 'radio'")])])])])]),t._v(" "),a("h2",{attrs:{id:"standard-properties"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#standard-properties"}},[t._v("#")]),t._v(" Standard Properties")])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file diff --git a/documents/assets/js/25.f13932be.js b/documents/assets/js/25.f13932be.js new file mode 100644 index 000000000..221480deb --- /dev/null +++ b/documents/assets/js/25.f13932be.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[25],{419:function(t,s,a){"use strict";a.r(s);var n=a(52),e=Object(n.a)({},(function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"inlinemenueditor"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#inlinemenueditor"}},[t._v("#")]),t._v(" InlineMenuEditor")]),t._v(" "),a("p",[t._v("Enables data editing by menu selection.")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1 demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("label")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("change action properties : "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("select")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1mode"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("option")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("value")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("selected")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("true"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("both false"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("option")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("value")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("readOnly"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("readOnly = true"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("option")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("value")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("disabled"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("disabled = true"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("span")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1modememo"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" menuOptions "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Empty"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Option 1"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Option 2"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"3"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Option 3"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"4"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Option 4"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"5"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Option 5"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"6"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Option 6"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"7"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Option 7"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" displayOptions "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Choose your option"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Option 1"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Option 2"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"3"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Option 3"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"4"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Option 4"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"5"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Option 5"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"6"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Option 6"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"7"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Option 7"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" menuEditor "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("InlineMenuEditor")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n options"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" menuOptions"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"sel"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"InlineMenuEditor"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("260")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("MenuColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n options"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" displayOptions"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("InlineMenuEditor")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n options"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" menuOptions"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"sel2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"controlable properties"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("260")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("MenuColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n options"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" displayOptions"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" menuEditor"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"show"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"SHOW"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonAction")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("action")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("alert")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("JSON")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("stringify")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("null")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('" "')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" sel"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" sel2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('""')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" sel"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" sel2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"1"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" sel"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" sel2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"2"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" sel"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"3"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" sel2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"3"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" sel"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" sel2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('""')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" sel"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" sel2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"1"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" sel"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" sel2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"2"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" sel"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"3"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" sel2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"3"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" sel"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" sel2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('""')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" sel"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" sel2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"1"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" sel"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" sel2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"2"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" sel"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"3"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" sel2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"3"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ndocument"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1mode"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("onchange")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("//change action properties")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("value "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("===")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"readOnly"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n menuEditor"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("readOnly "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n menuEditor"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("disabled "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1modememo"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("textContent "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"It will not toggle"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("else")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("value "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("===")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"disabled"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n menuEditor"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("readOnly "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n menuEditor"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("disabled "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1modememo"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("textContent "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"It will not toggle and does not respond when hovering the mouse"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("else")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n menuEditor"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("readOnly "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n menuEditor"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("disabled "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1modememo"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("textContent "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"both false"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br"),a("span",{staticClass:"line-number"},[t._v("39")]),a("br"),a("span",{staticClass:"line-number"},[t._v("40")]),a("br"),a("span",{staticClass:"line-number"},[t._v("41")]),a("br"),a("span",{staticClass:"line-number"},[t._v("42")]),a("br"),a("span",{staticClass:"line-number"},[t._v("43")]),a("br"),a("span",{staticClass:"line-number"},[t._v("44")]),a("br"),a("span",{staticClass:"line-number"},[t._v("45")]),a("br"),a("span",{staticClass:"line-number"},[t._v("46")]),a("br"),a("span",{staticClass:"line-number"},[t._v("47")]),a("br"),a("span",{staticClass:"line-number"},[t._v("48")]),a("br"),a("span",{staticClass:"line-number"},[t._v("49")]),a("br"),a("span",{staticClass:"line-number"},[t._v("50")]),a("br"),a("span",{staticClass:"line-number"},[t._v("51")]),a("br"),a("span",{staticClass:"line-number"},[t._v("52")]),a("br"),a("span",{staticClass:"line-number"},[t._v("53")]),a("br"),a("span",{staticClass:"line-number"},[t._v("54")]),a("br"),a("span",{staticClass:"line-number"},[t._v("55")]),a("br"),a("span",{staticClass:"line-number"},[t._v("56")]),a("br"),a("span",{staticClass:"line-number"},[t._v("57")]),a("br"),a("span",{staticClass:"line-number"},[t._v("58")]),a("br"),a("span",{staticClass:"line-number"},[t._v("59")]),a("br"),a("span",{staticClass:"line-number"},[t._v("60")]),a("br"),a("span",{staticClass:"line-number"},[t._v("61")]),a("br"),a("span",{staticClass:"line-number"},[t._v("62")]),a("br"),a("span",{staticClass:"line-number"},[t._v("63")]),a("br"),a("span",{staticClass:"line-number"},[t._v("64")]),a("br"),a("span",{staticClass:"line-number"},[t._v("65")]),a("br"),a("span",{staticClass:"line-number"},[t._v("66")]),a("br"),a("span",{staticClass:"line-number"},[t._v("67")]),a("br"),a("span",{staticClass:"line-number"},[t._v("68")]),a("br"),a("span",{staticClass:"line-number"},[t._v("69")]),a("br"),a("span",{staticClass:"line-number"},[t._v("70")]),a("br"),a("span",{staticClass:"line-number"},[t._v("71")]),a("br"),a("span",{staticClass:"line-number"},[t._v("72")]),a("br"),a("span",{staticClass:"line-number"},[t._v("73")]),a("br"),a("span",{staticClass:"line-number"},[t._v("74")]),a("br"),a("span",{staticClass:"line-number"},[t._v("75")]),a("br"),a("span",{staticClass:"line-number"},[t._v("76")]),a("br"),a("span",{staticClass:"line-number"},[t._v("77")]),a("br"),a("span",{staticClass:"line-number"},[t._v("78")]),a("br"),a("span",{staticClass:"line-number"},[t._v("79")]),a("br"),a("span",{staticClass:"line-number"},[t._v("80")]),a("br"),a("span",{staticClass:"line-number"},[t._v("81")]),a("br"),a("span",{staticClass:"line-number"},[t._v("82")]),a("br"),a("span",{staticClass:"line-number"},[t._v("83")]),a("br"),a("span",{staticClass:"line-number"},[t._v("84")]),a("br"),a("span",{staticClass:"line-number"},[t._v("85")]),a("br"),a("span",{staticClass:"line-number"},[t._v("86")]),a("br"),a("span",{staticClass:"line-number"},[t._v("87")]),a("br"),a("span",{staticClass:"line-number"},[t._v("88")]),a("br"),a("span",{staticClass:"line-number"},[t._v("89")]),a("br"),a("span",{staticClass:"line-number"},[t._v("90")]),a("br"),a("span",{staticClass:"line-number"},[t._v("91")]),a("br"),a("span",{staticClass:"line-number"},[t._v("92")]),a("br"),a("span",{staticClass:"line-number"},[t._v("93")]),a("br")])])])],1)}),[],!1,null,null,null);s.default=e.exports}}]); \ No newline at end of file diff --git a/documents/assets/js/26.0055e269.js b/documents/assets/js/26.0055e269.js new file mode 100644 index 000000000..ae0e835c8 --- /dev/null +++ b/documents/assets/js/26.0055e269.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[26],{418:function(t,s,a){"use strict";a.r(s);var n=a(52),e=Object(n.a)({},(function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"define-column-actions"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#define-column-actions"}},[t._v("#")]),t._v(" Define Column Actions")]),t._v(" "),a("h2",{attrs:{id:"standard-column-action"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#standard-column-action"}},[t._v("#")]),t._v(" Standard Column Action")]),t._v(" "),a("p",[t._v("Define column action by using "),a("code",[t._v("action")]),t._v(" property."),a("br"),t._v("\nPlease select suitable Action class for "),a("code",[t._v("columnType")]),t._v(" of same column.")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[a("code",[t._v("columnType")])]),t._v(" "),a("th",[t._v("Specified "),a("code",[t._v("action")]),t._v(" by string")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("LINK")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("code",[t._v("check")])]),t._v(" "),a("td",[a("code",[t._v("'check'")])]),t._v(" "),a("td",[t._v("Define the behavior when checkbox is clicked.")]),t._v(" "),a("td",[a("RouterLink",{attrs:{to:"/api/js/column_actions/CheckEditor.html"}},[t._v("CheckEditor")])],1)]),t._v(" "),a("tr",[a("td",[a("code",[t._v("button")])]),t._v(" "),a("td",[t._v("---")]),t._v(" "),a("td",[t._v("Define the behavior when button is clicked.")]),t._v(" "),a("td",[a("RouterLink",{attrs:{to:"/api/js/column_actions/ButtonAction.html"}},[t._v("ButtonAction")])],1)]),t._v(" "),a("tr",[a("td",[a("code",[t._v("input")])]),t._v(" "),a("td",[a("code",[t._v("'input'")])]),t._v(" "),a("td",[t._v("Define the behavior when cell input.")]),t._v(" "),a("td",[a("RouterLink",{attrs:{to:"/api/js/column_actions/SmallDialogInputEditor.html"}},[t._v("SmallDialogInputEditor")])],1)]),t._v(" "),a("tr",[a("td",[a("RouterLink",{attrs:{to:"/api/js/column_types/MenuColumn.html"}},[t._v("MenuColumn")])],1),t._v(" "),a("td",[t._v("---")]),t._v(" "),a("td",[t._v("Define the behavior when select a menu.")]),t._v(" "),a("td",[a("RouterLink",{attrs:{to:"/api/js/column_actions/InlineMenuEditor.html"}},[t._v("InlineMenuEditor")])],1)]),t._v(" "),a("tr",[a("td",[a("code",[t._v("radio")])]),t._v(" "),a("td",[a("code",[t._v("'radio'")])]),t._v(" "),a("td",[t._v("Define the behavior when radio button is clicked.")]),t._v(" "),a("td",[a("RouterLink",{attrs:{to:"/api/js/column_actions/RadioEditor.html"}},[t._v("RadioEditor")])],1)])])]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1 demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"no"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"no"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// action: 'check'")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("60")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// action: 'input'")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"input"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("120")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"input"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"button"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"show rec"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// ButtonAction")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonAction")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("action")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("alert")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("JSON")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("stringify")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" check"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"abc"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" check"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"def"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("3")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" check"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"ghi"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br")])])]),t._v(" "),a("h2",{attrs:{id:"advanced-column-action"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#advanced-column-action"}},[t._v("#")]),t._v(" Advanced Column Action")]),t._v(" "),a("p",[t._v("By setting the property "),a("code",[t._v("action")]),t._v(" as an Action instance,\nYou can change the properties of the action (disable, readonly, etc.) in the when you want.")]),t._v(" "),a("p",[t._v("Please refer to "),a("RouterLink",{attrs:{to:"/api/js/column_actions/Classes.html"}},[t._v("here")])],1)],1)}),[],!1,null,null,null);s.default=e.exports}}]); \ No newline at end of file diff --git a/documents/assets/js/27.db27917f.js b/documents/assets/js/27.db27917f.js new file mode 100644 index 000000000..97d5401f7 --- /dev/null +++ b/documents/assets/js/27.db27917f.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[27],{420:function(t,s,a){"use strict";a.r(s);var n=a(52),e=Object(n.a)({},(function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"radioeditor"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#radioeditor"}},[t._v("#")]),t._v(" RadioEditor")]),t._v(" "),a("p",[t._v("Define the behavior and data editing when radio button is clicked.")]),t._v(" "),a("p",[t._v("The record is edited after select the cell by clicking it and then push Enter or Space.")]),t._v(" "),a("p",[t._v("You can control the property of "),a("code",[t._v("readOnly")]),t._v(" and "),a("code",[t._v("disabled")]),t._v(" by setting the instance of "),a("code",[t._v("RadioEditor")]),t._v(" class to "),a("code",[t._v("action")]),t._v(" of the column."),a("br"),t._v("\nBut if you define "),a("code",[t._v("'radio'")]),t._v(", as string, to "),a("code",[t._v("action")]),t._v(" of the column, you can't control these properties."),a("br"),t._v("\nYou can also disable or read-only each record by specifying a function for the "),a("code",[t._v("disabled")]),t._v(" and "),a("code",[t._v("readOnly")]),t._v(" properties.")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1 demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("label")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("change action properties : "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("select")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1mode"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("option")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("value")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("selected")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("true"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("both false"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("option")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("value")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("readOnly"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("readOnly = true"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("option")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("value")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("disabled"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("disabled = true"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("span")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1modememo"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" radioEditorAction "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("RadioEditor")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Defined by string"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("220")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"radio"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"radio"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("//")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Defined by class instance"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("220")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"radio"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" radioEditorAction"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Show"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"SHOW"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonAction")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("action")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("alert")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("JSON")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("stringify")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("null")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('" "')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" check1"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" check2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" check1"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" check2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" check1"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" check2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\ndocument"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1mode"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("onchange")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("//change action properties")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("value "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("===")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"readOnly"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n radioEditorAction"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("readOnly "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n radioEditorAction"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("disabled "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1modememo"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("textContent "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"It will not toggle"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("else")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("value "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("===")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"disabled"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n radioEditorAction"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("readOnly "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n radioEditorAction"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("disabled "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1modememo"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("textContent "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"It will not toggle and does not respond when hovering the mouse"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("else")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n radioEditorAction"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("readOnly "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n radioEditorAction"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("disabled "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1modememo"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("textContent "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"both false"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br"),a("span",{staticClass:"line-number"},[t._v("39")]),a("br"),a("span",{staticClass:"line-number"},[t._v("40")]),a("br"),a("span",{staticClass:"line-number"},[t._v("41")]),a("br"),a("span",{staticClass:"line-number"},[t._v("42")]),a("br"),a("span",{staticClass:"line-number"},[t._v("43")]),a("br"),a("span",{staticClass:"line-number"},[t._v("44")]),a("br"),a("span",{staticClass:"line-number"},[t._v("45")]),a("br"),a("span",{staticClass:"line-number"},[t._v("46")]),a("br"),a("span",{staticClass:"line-number"},[t._v("47")]),a("br"),a("span",{staticClass:"line-number"},[t._v("48")]),a("br"),a("span",{staticClass:"line-number"},[t._v("49")]),a("br"),a("span",{staticClass:"line-number"},[t._v("50")]),a("br"),a("span",{staticClass:"line-number"},[t._v("51")]),a("br"),a("span",{staticClass:"line-number"},[t._v("52")]),a("br"),a("span",{staticClass:"line-number"},[t._v("53")]),a("br"),a("span",{staticClass:"line-number"},[t._v("54")]),a("br"),a("span",{staticClass:"line-number"},[t._v("55")]),a("br"),a("span",{staticClass:"line-number"},[t._v("56")]),a("br"),a("span",{staticClass:"line-number"},[t._v("57")]),a("br"),a("span",{staticClass:"line-number"},[t._v("58")]),a("br"),a("span",{staticClass:"line-number"},[t._v("59")]),a("br")])])]),t._v(" "),a("h2",{attrs:{id:"disabled"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#disabled"}},[t._v("#")]),t._v(" disabled")]),t._v(" "),a("p",[t._v("You can control "),a("code",[t._v("disabled")]),t._v(" depending on the state of the record by giving "),a("code",[t._v("disabled")]),t._v(" a "),a("code",[t._v("function")]),t._v(".")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample3 demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" radioEditorAction "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("RadioEditor")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\nradioEditorAction"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("disabled")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("record")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" record"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("disabled"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample3"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"test"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"disabled?"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("220")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"radio"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" radioEditorAction"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("//")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"disabled"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"control"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("220")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" disabled"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" test"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" disabled"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" test"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" disabled"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" test"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br")])])])],1)}),[],!1,null,null,null);s.default=e.exports}}]); \ No newline at end of file diff --git a/documents/assets/js/28.6d1170de.js b/documents/assets/js/28.6d1170de.js new file mode 100644 index 000000000..826b72950 --- /dev/null +++ b/documents/assets/js/28.6d1170de.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[28],{422:function(t,s,a){"use strict";a.r(s);var n=a(52),e=Object(n.a)({},(function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"standard-properties"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#standard-properties"}},[t._v("#")]),t._v(" Standard Properties")]),t._v(" "),a("p",[t._v("Action classes have some common properties.\nHere, they will be described.")]),t._v(" "),a("h2",{attrs:{id:"disabled-property"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#disabled-property"}},[t._v("#")]),t._v(" "),a("code",[t._v("disabled")]),t._v(" property")]),t._v(" "),a("p",[t._v("If set to "),a("code",[t._v("true")]),t._v(", the action will be disabled.\nYou can also control "),a("code",[t._v("disabled")]),t._v(" for each record by specifying a function.")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" alwaysDisabledButtonAction "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonAction")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n disabled"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("action")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("alert")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Clicked Button!"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" DisabledForEachRecordButtonAction "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonAction")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("disabled")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("disabled"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("action")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("alert")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Clicked Button!"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Always Disabled"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("180")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"BUTTON"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" alwaysDisabledButtonAction"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Disabled"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"disabled"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Disabled for Each Record"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("180")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"BUTTON"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" DisabledForEachRecordButtonAction"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" disabled"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" disabled"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" disabled"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br"),a("span",{staticClass:"line-number"},[t._v("39")]),a("br"),a("span",{staticClass:"line-number"},[t._v("40")]),a("br"),a("span",{staticClass:"line-number"},[t._v("41")]),a("br"),a("span",{staticClass:"line-number"},[t._v("42")]),a("br")])]),a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1 demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])])]),t._v(" "),a("h2",{attrs:{id:"readonly-property"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#readonly-property"}},[t._v("#")]),t._v(" "),a("code",[t._v("readOnly")]),t._v(" property")]),t._v(" "),a("p",[t._v("If set to "),a("code",[t._v("true")]),t._v(", the action will be read-only.\nAs with "),a("code",[t._v("disabled")]),t._v(", you can also specify a function.")])],1)}),[],!1,null,null,null);s.default=e.exports}}]); \ No newline at end of file diff --git a/documents/assets/js/29.57bf8bfc.js b/documents/assets/js/29.57bf8bfc.js new file mode 100644 index 000000000..d33fbd868 --- /dev/null +++ b/documents/assets/js/29.57bf8bfc.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[29],{424:function(t,s,a){"use strict";a.r(s);var n=a(52),e=Object(n.a)({},(function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"define-column-styles"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#define-column-styles"}},[t._v("#")]),t._v(" Define Column Styles")]),t._v(" "),a("h2",{attrs:{id:"standard-column-style"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#standard-column-style"}},[t._v("#")]),t._v(" Standard Column Style")]),t._v(" "),a("p",[t._v("Define column style by using "),a("code",[t._v("style")]),t._v(" property.")]),t._v(" "),a("p",[t._v("Properties below are prepared in standard.")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Property")]),t._v(" "),a("th",[t._v("Description")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("color")]),t._v(" "),a("td",[t._v("Define the color of cell.")])]),t._v(" "),a("tr",[a("td",[t._v("textAlign")]),t._v(" "),a("td",[t._v("Define the horizontal position of text in cell.")])]),t._v(" "),a("tr",[a("td",[t._v("textBaseline")]),t._v(" "),a("td",[t._v("Define the vertical position of text in cell.")])]),t._v(" "),a("tr",[a("td",[t._v("bgColor")]),t._v(" "),a("td",[t._v("Define the background color of cell.")])]),t._v(" "),a("tr",[a("td",[t._v("font")]),t._v(" "),a("td",[t._v("Define the font of cell.")])]),t._v(" "),a("tr",[a("td",[t._v("padding")]),t._v(" "),a("td",[t._v("Define the padding of cell. If you set 4 values separately, please set the "),a("code",[t._v("Array")]),t._v(".")])]),t._v(" "),a("tr",[a("td",[t._v("textOverflow")]),t._v(" "),a("td",[t._v("Define how to display when text overflows the area of a cell. "),a("code",[t._v("clip")]),t._v(" or "),a("code",[t._v("ellipsis")]),t._v(" is available.")])]),t._v(" "),a("tr",[a("td",[t._v("visibility")]),t._v(" "),a("td",[t._v("Specifying "),a("code",[t._v("hidden")]),t._v(" to it will stop drawing the cell's content. Note that this does not stop the cell's action.")])])])]),t._v(" "),a("p",[t._v("Note that the column type may add style properties that you can use. The properties added are described in the documentation for each column type.")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1 demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"no"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"no"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// default")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"default"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("150")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// color")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"color"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("150")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" style"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" color"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"red"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// textAlign")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"right"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("150")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n style"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" textAlign"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"right"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"center"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("150")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n style"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" textAlign"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"center"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// textBaseline")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"top"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("150")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n style"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" textBaseline"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"top"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"bottom"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("150")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n style"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" textBaseline"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"bottom"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// bgColor")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"bgColor"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("150")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n style"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" bgColor"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#5f5"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// font")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"font"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("150")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n style"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" font"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"9px sans-serif"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"sample text"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"sample text"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("3")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"sample text"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br"),a("span",{staticClass:"line-number"},[t._v("39")]),a("br"),a("span",{staticClass:"line-number"},[t._v("40")]),a("br"),a("span",{staticClass:"line-number"},[t._v("41")]),a("br"),a("span",{staticClass:"line-number"},[t._v("42")]),a("br"),a("span",{staticClass:"line-number"},[t._v("43")]),a("br"),a("span",{staticClass:"line-number"},[t._v("44")]),a("br"),a("span",{staticClass:"line-number"},[t._v("45")]),a("br"),a("span",{staticClass:"line-number"},[t._v("46")]),a("br"),a("span",{staticClass:"line-number"},[t._v("47")]),a("br"),a("span",{staticClass:"line-number"},[t._v("48")]),a("br"),a("span",{staticClass:"line-number"},[t._v("49")]),a("br"),a("span",{staticClass:"line-number"},[t._v("50")]),a("br"),a("span",{staticClass:"line-number"},[t._v("51")]),a("br"),a("span",{staticClass:"line-number"},[t._v("52")]),a("br"),a("span",{staticClass:"line-number"},[t._v("53")]),a("br"),a("span",{staticClass:"line-number"},[t._v("54")]),a("br"),a("span",{staticClass:"line-number"},[t._v("55")]),a("br"),a("span",{staticClass:"line-number"},[t._v("56")]),a("br"),a("span",{staticClass:"line-number"},[t._v("57")]),a("br"),a("span",{staticClass:"line-number"},[t._v("58")]),a("br"),a("span",{staticClass:"line-number"},[t._v("59")]),a("br")])])]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample2 demo-grid middle"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"no"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"no"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// default")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"default"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("150")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// padding")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"padding"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("150")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" style"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" padding"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("20")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"padding"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("150")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n style"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" padding"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/*top*/")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("10")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/*right*/")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("15")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/*bottom*/")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("20")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/*left*/")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("//{{#if_v '0.6.0'}} textOverflow")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"longText"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"textOverflow"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("150")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n style"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" textOverflow"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"ellipsis"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("//{{/if_v }}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n defaultRowHeight"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("80")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n headerRowHeight"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("24")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"sample text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n longText"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"sample text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n longText"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("3")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"sample text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n longText"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br"),a("span",{staticClass:"line-number"},[t._v("39")]),a("br"),a("span",{staticClass:"line-number"},[t._v("40")]),a("br"),a("span",{staticClass:"line-number"},[t._v("41")]),a("br"),a("span",{staticClass:"line-number"},[t._v("42")]),a("br"),a("span",{staticClass:"line-number"},[t._v("43")]),a("br"),a("span",{staticClass:"line-number"},[t._v("44")]),a("br"),a("span",{staticClass:"line-number"},[t._v("45")]),a("br"),a("span",{staticClass:"line-number"},[t._v("46")]),a("br")])])]),t._v(" "),a("h2",{attrs:{id:"advanced-column-style"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#advanced-column-style"}},[t._v("#")]),t._v(" Advanced Column Style")]),t._v(" "),a("p",[a("code",[t._v("style")]),t._v(" property can be used by the advanced ways below.")]),t._v(" "),a("ul",[a("li",[t._v("change style by each record")])]),t._v(" "),a("p",[t._v("This can be done by functions below.")]),t._v(" "),a("ul",[a("li",[t._v("use the function")]),t._v(" "),a("li",[t._v("use the instance of Style class")])]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample3 demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("label")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("change background color of text"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("select")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample3theme"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("option")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("value")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("selected")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("true"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("default"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("option")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("value")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("red"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("red"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("option")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("value")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("#DFF"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("#DFF"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" textFieldStyle "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("style"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("Style")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample3"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"no"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"no"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"value"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"value"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("150")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"number"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("//function")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("style")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n color"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("value "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("<=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"red"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("undefined")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("150")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("//Style instance")]),t._v("\n style"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" textFieldStyle"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"sample text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"sample text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("3")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"sample text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("4")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"sample text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("-")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" themeSelect "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample3theme"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\nthemeSelect"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("onchange")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("//change bg color")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("themeSelect"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("value "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("===")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"default"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n textFieldStyle"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("bgColor "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("null")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("else")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n textFieldStyle"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("bgColor "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" themeSelect"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("value"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br"),a("span",{staticClass:"line-number"},[t._v("39")]),a("br"),a("span",{staticClass:"line-number"},[t._v("40")]),a("br"),a("span",{staticClass:"line-number"},[t._v("41")]),a("br"),a("span",{staticClass:"line-number"},[t._v("42")]),a("br"),a("span",{staticClass:"line-number"},[t._v("43")]),a("br"),a("span",{staticClass:"line-number"},[t._v("44")]),a("br")])])]),t._v(" "),a("h2",{attrs:{id:"header-style"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#header-style"}},[t._v("#")]),t._v(" Header Style")]),t._v(" "),a("p",[t._v("Define column header style by using "),a("code",[t._v("headerStyle")]),t._v(" property.")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample4 demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample4"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"no"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"no"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// default")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"default"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("150")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// color")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"color"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("150")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n headerStyle"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" color"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"red"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// textAlign")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"center"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("150")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n headerStyle"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" textAlign"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"center"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// textBaseline")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"bottom"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("150")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n headerStyle"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" textBaseline"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"bottom"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// bgColor")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"bgColor"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("150")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n headerStyle"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" bgColor"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#5f5"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// font")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"font"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("150")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n headerStyle"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" font"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"9px sans-serif"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// textOverflow")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"textOverflow clip"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("150")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n headerStyle"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" textOverflow"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"clip"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"textOverflow ellipsis"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("150")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n headerStyle"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n textOverflow"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"ellipsis"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/*In the header this is the default*/")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"data"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"data"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("3")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"data"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br"),a("span",{staticClass:"line-number"},[t._v("39")]),a("br"),a("span",{staticClass:"line-number"},[t._v("40")]),a("br"),a("span",{staticClass:"line-number"},[t._v("41")]),a("br"),a("span",{staticClass:"line-number"},[t._v("42")]),a("br"),a("span",{staticClass:"line-number"},[t._v("43")]),a("br"),a("span",{staticClass:"line-number"},[t._v("44")]),a("br"),a("span",{staticClass:"line-number"},[t._v("45")]),a("br"),a("span",{staticClass:"line-number"},[t._v("46")]),a("br"),a("span",{staticClass:"line-number"},[t._v("47")]),a("br"),a("span",{staticClass:"line-number"},[t._v("48")]),a("br"),a("span",{staticClass:"line-number"},[t._v("49")]),a("br"),a("span",{staticClass:"line-number"},[t._v("50")]),a("br"),a("span",{staticClass:"line-number"},[t._v("51")]),a("br"),a("span",{staticClass:"line-number"},[t._v("52")]),a("br"),a("span",{staticClass:"line-number"},[t._v("53")]),a("br"),a("span",{staticClass:"line-number"},[t._v("54")]),a("br"),a("span",{staticClass:"line-number"},[t._v("55")]),a("br"),a("span",{staticClass:"line-number"},[t._v("56")]),a("br"),a("span",{staticClass:"line-number"},[t._v("57")]),a("br"),a("span",{staticClass:"line-number"},[t._v("58")]),a("br"),a("span",{staticClass:"line-number"},[t._v("59")]),a("br"),a("span",{staticClass:"line-number"},[t._v("60")]),a("br"),a("span",{staticClass:"line-number"},[t._v("61")]),a("br"),a("span",{staticClass:"line-number"},[t._v("62")]),a("br"),a("span",{staticClass:"line-number"},[t._v("63")]),a("br"),a("span",{staticClass:"line-number"},[t._v("64")]),a("br"),a("span",{staticClass:"line-number"},[t._v("65")]),a("br")])])])],1)}),[],!1,null,null,null);s.default=e.exports}}]); \ No newline at end of file diff --git a/documents/assets/js/3.502706f9.js b/documents/assets/js/3.502706f9.js new file mode 100644 index 000000000..9e787b0aa --- /dev/null +++ b/documents/assets/js/3.502706f9.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[3,4],{330:function(e,t,n){},333:function(e,t,n){"use strict";n(334),n(335),n(181),n(53),n(82);var o,a,r=(o=["Sophia","Emma","Olivia","Isabella","Ava","Mia","Emily","Abigail","Madison","Elizabeth","Charlotte","Avery","Sofia","Chloe","Ella","Harper","Amelia","Aubrey","Addison","Evelyn","Natalie","Grace","Hannah","Zoey","Victoria","Lillian","Lily","Brooklyn","Samantha","Layla","Zoe","Audrey","Leah","Allison","Anna","Aaliyah","Savannah","Gabriella","Camila","Aria","Noah","Liam","Jacob","Mason","William","Ethan","Michael","Alexander","Jayden","Daniel","Elijah","Aiden","James","Benjamin","Matthew","Jackson","Logan","David","Anthony","Joseph","Joshua","Andrew","Lucas","Gabriel","Samuel","Christopher","John","Dylan","Isaac","Ryan","Nathan","Carter","Caleb","Luke","Christian","Hunter","Henry","Owen","Landon","Jack"],a=["Smith","Johnson","Williams","Brown","Jones","Miller","Davis","Garcia","Rodriguez","Wilson","Martinez","Anderson","Taylor","Thomas","Hernandez","Moore","Martin","Jackson","Thompson","White","Lopez","Lee","Gonzalez","Harris","Clark","Lewis","Robinson","Walker","Perez","Hall","Young","Allen","Sanchez","Wright","King","Scott","Green","Baker","Adams","Nelson","Hill","Ramirez","Campbell","Mitchell","Roberts","Carter","Phillips","Evans","Turner","Torres","Parker","Collins","Edwards","Stewart","Flores","Morris","Nguyen","Murphy","Rivera","Cook","Rogers","Morgan","Peterson","Cooper","Reed","Bailey","Bell","Gomez","Kelly","Howard","Ward","Cox","Diaz","Richardson","Wood","Watson","Brooks","Bennett","Gray","James","Reyes","Cruz","Hughes","Price","Myers","Long","Foster","Sanders","Ross","Morales","Powell","Sullivan","Russell","Ortiz","Jenkins","Gutierrez","Perry","Butler","Barnes","Fisher"],function(e){var t=o[Math.floor(Math.random()*o.length)],n=a[Math.floor(Math.random()*a.length)],r=new Date(Date.now()-63072e7-Math.floor(15*Math.random()*31536e6));return r=new Date(r.getFullYear(),r.getMonth(),r.getDate(),0,0,0,0),{personid:e+1,fname:t,lname:n,email:"".concat(t.replace("-","_"),"_").concat(n.replace("-","_"),"@example.com").toLowerCase(),birthday:r}});function i(e){for(var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,n=[],o=0;o\n '.concat(e.template,"\n
");e.component=Object.assign({},{template:t,mixins:[e.js||{}],components:{},data:function(){return e.data}})}}},a=(n(336),n(52)),r=Object(a.a)(o,(function(){var e=this.$createElement,t=this._self._c||e;return t("div",{staticClass:"preview"},[t(this.component,{tag:"component"})],1)}),[],!1,null,"544081ab",null);t.default=r.exports},392:function(e,t,n){var o=n(2),a=n(0),r=n(55),i=n(6),s=n(56),l=n(36),c=/MSIE .\./.test(s),u=a.Function,d=function(e){return function(t,n){var o=arguments.length>2,a=o?l(arguments,2):void 0;return e(o?function(){r(i(t)?t:u(t),this,a)}:t,n)}};o({global:!0,bind:!0,forced:c},{setTimeout:d(a.setTimeout),setInterval:d(a.setInterval)})},393:function(e,t,n){"use strict";n(359)},401:function(e,t,n){"use strict";n.r(t);n(392),n(189),n(190),n(53),n(82);var o={name:"CodePreview",components:{VuePreview:n(364).default},mixins:[],props:{initMode:{type:String,default:"both"},data:{type:Object,default:function(){return{}}}},data:function(){return{template:"",js:{},mode:this.initMode}},watch:{mode:function(){var e=this;this.$nextTick().then((function(){return setTimeout((function(){window.dispatchEvent(new Event("resize")),e.$emit("resize",e.$refs.preview.$refs.root)}),10)}))}},mounted:function(){this.template=this.$refs.code.querySelector("pre.language-vue, pre.language-html").textContent;var e=this.$refs.code.querySelector("pre.language-js");if(e)if(e.textContent.includes("export default")){var t=new Function("".concat(e.textContent.replace("export default","const $$$$export = "),"; return $$export;"));this.js=t()}else{var n=new Function("return {\n mounted: function () {\n const vm = this\n const $el = this.$el\n const document = {\n createElement: function() {\n return window.document.createElement.apply(window.document, arguments)\n },\n querySelector: function() {\n return $el.querySelector.apply($el, arguments)\n },\n }\n ".concat(e.textContent,"\n }\n };"));this.js=n()}},methods:{onCodeModeClick:function(){"both"===this.mode?this.mode="code":("code"===this.mode||"preview"===this.mode)&&(this.mode="both")},onPreviewModeClick:function(){"both"===this.mode?this.mode="preview":("code"===this.mode||"preview"===this.mode)&&(this.mode="both")}}},a=(n(393),n(52)),r=Object(a.a)(o,(function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{class:["code-preview",{"code-preview--hidden-code":"preview"===e.mode,"code-preview--hidden-preview":"code"===e.mode}]},[n("div",{ref:"code",staticClass:"code"},[e._t("default")],2),e._v(" "),n("vue-preview",{ref:"preview",attrs:{template:e.template,js:e.js,data:e.data}}),e._v(" "),n("div",{staticClass:"tools"},[n("button",{staticClass:"material-icons tool-button__code",on:{click:e.onCodeModeClick}},[e._v("\n code\n ")]),e._v(" "),n("button",{staticClass:"material-icons tool-button__preview",on:{click:e.onPreviewModeClick}},[e._v("\n visibility\n ")])])],1)}),[],!1,null,"63d28fc8",null);t.default=r.exports}}]); \ No newline at end of file diff --git a/documents/assets/js/30.4776a420.js b/documents/assets/js/30.4776a420.js new file mode 100644 index 000000000..b376985d4 --- /dev/null +++ b/documents/assets/js/30.4776a420.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[30],{429:function(t,s,a){"use strict";a.r(s);var n=a(52),r=Object(n.a)({},(function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"indicators"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#indicators"}},[t._v("#")]),t._v(" Indicators")]),t._v(" "),a("p",[t._v("You can use the style property to display the indicators."),a("br"),t._v("\nCurrently the only indicator style supported is "),a("code",[t._v('"triangle"')]),t._v(".")]),t._v(" "),a("h2",{attrs:{id:"usage"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#usage"}},[t._v("#")]),t._v(" Usage")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample-basic demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample-basic"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"no"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"No"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("150")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n style"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" indicatorTopLeft"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"triangle"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("150")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n style"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" indicatorTopRight"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"triangle"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"data"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"data"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("3")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"data"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("4")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"data"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br")])])]),t._v(" "),a("p",[t._v("It supports "),a("code",[t._v("indicatorTopLeft")]),t._v(", "),a("code",[t._v("indicatorTopRight")]),t._v(", "),a("code",[t._v("indicatorBottomRight")]),t._v(", and "),a("code",[t._v("indicatorBottomLeft")])]),t._v(" "),a("p",[t._v("You can also control the display of indicators per record using functions.")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample-function demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample-function"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"no"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"No"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("150")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("style")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("record")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("record"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("no "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("===")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" indicatorTopLeft"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"triangle"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("record"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("no "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("===")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" indicatorTopRight"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"triangle"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("record"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("no "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("===")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("3")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" indicatorBottomRight"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"triangle"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("record"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("no "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("===")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("4")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" indicatorBottomLeft"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"triangle"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("undefined")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"data"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"data"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("3")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"data"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("4")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"data"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br")])])]),t._v(" "),a("h2",{attrs:{id:"indicator-styles"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#indicator-styles"}},[t._v("#")]),t._v(" Indicator Styles")]),t._v(" "),a("p",[t._v("We recommend using "),a("RouterLink",{attrs:{to:"/api/js/theme.html"}},[t._v("themes")]),t._v(" to control the style of the indicator.\nYou can control the size and color of the indicators by setting the theme's "),a("code",[t._v("indicators.topLeftColor")]),t._v(", "),a("code",[t._v("indicators.topLeftSize")]),t._v(", "),a("code",[t._v("indicators.topRightColor")]),t._v(", "),a("code",[t._v("indicators.topRightSize")]),t._v(", "),a("code",[t._v("indicators.bottomRightColor")]),t._v(", "),a("code",[t._v("indicators.bottomRightSize")]),t._v(" , "),a("code",[t._v("indicators.bottomLeftColor")]),t._v(", and "),a("code",[t._v("indicators.bottomLeftSize")]),t._v(" properties.")],1),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample-theme demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample-theme"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"no"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"No"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("150")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("style")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("record")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("record"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("no "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("===")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" indicatorTopLeft"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"triangle"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("record"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("no "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("===")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" indicatorTopRight"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"triangle"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("record"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("no "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("===")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("3")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" indicatorBottomRight"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"triangle"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("record"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("no "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("===")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("4")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" indicatorBottomLeft"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"triangle"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("undefined")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"data"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"data"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("3")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"data"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("4")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"data"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("theme "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n indicators"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n topLeftColor"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"blue"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n topLeftSize"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("10")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n topRightColor"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"red"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n topRightSize"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("10")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n bottomRightColor"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"green"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n bottomRightSize"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("10")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n bottomLeftColor"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"black"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n bottomLeftSize"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("10")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br"),a("span",{staticClass:"line-number"},[t._v("39")]),a("br"),a("span",{staticClass:"line-number"},[t._v("40")]),a("br"),a("span",{staticClass:"line-number"},[t._v("41")]),a("br"),a("span",{staticClass:"line-number"},[t._v("42")]),a("br"),a("span",{staticClass:"line-number"},[t._v("43")]),a("br"),a("span",{staticClass:"line-number"},[t._v("44")]),a("br"),a("span",{staticClass:"line-number"},[t._v("45")]),a("br"),a("span",{staticClass:"line-number"},[t._v("46")]),a("br"),a("span",{staticClass:"line-number"},[t._v("47")]),a("br"),a("span",{staticClass:"line-number"},[t._v("48")]),a("br")])])]),t._v(" "),a("p",[t._v("You can also specify the indicator in object form if you want to change its style individually.")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample-style demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample-style"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"no"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"No"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("150")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("style")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("record")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("record"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("no "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("===")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("3")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n indicatorTopLeft"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n style"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"triangle"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n color"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"red"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n size"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("15")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("undefined")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"data"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"data"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("3")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"data"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("4")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"data"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br")])])])],1)}),[],!1,null,null,null);s.default=r.exports}}]); \ No newline at end of file diff --git a/documents/assets/js/31.db577bdf.js b/documents/assets/js/31.db577bdf.js new file mode 100644 index 000000000..ab0cf66b6 --- /dev/null +++ b/documents/assets/js/31.db577bdf.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[31],{425:function(s,t,a){"use strict";a.r(t);var n=a(52),r=Object(n.a)({},(function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ContentSlotsDistributor",{attrs:{"slot-key":s.$parent.slotKey}},[a("h1",{attrs:{id:"branchgraphcolumn"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#branchgraphcolumn"}},[s._v("#")]),s._v(" BranchGraphColumn")]),s._v(" "),a("p",[s._v("Show branch graph.")]),s._v(" "),a("h2",{attrs:{id:"constructor-properties"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#constructor-properties"}},[s._v("#")]),s._v(" Constructor Properties")]),s._v(" "),a("table",[a("thead",[a("tr",[a("th",[s._v("Property")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[a("code",[s._v("start")])]),s._v(" "),a("td",[s._v("Set the moving direction by setting the beggining point. "),a("code",[s._v("'top'")]),s._v(" or "),a("code",[s._v("'bottom'")])]),s._v(" "),a("td",[a("code",[s._v("'bottom'")])])]),s._v(" "),a("tr",[a("td",[a("code",[s._v("cache")])]),s._v(" "),a("td",[s._v("Set "),a("code",[s._v("true")]),s._v(" when caching the calculation result of the branch structure. Please call "),a("code",[s._v("clearCache(grid)")]),s._v(" when deleting the cahced data.")]),s._v(" "),a("td",[a("code",[s._v("false")])])])])]),s._v(" "),a("h2",{attrs:{id:"style-properties"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#style-properties"}},[s._v("#")]),s._v(" Style Properties")]),s._v(" "),a("table",[a("thead",[a("tr",[a("th",[s._v("Property")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[a("code",[s._v("branchColors")])]),s._v(" "),a("td",[s._v("Set the function which returns the color of branch you want to use. arguments: (branch name, "),a("code",[s._v("index")]),s._v(")")]),s._v(" "),a("td",[s._v("the function which returns following colors in turn. "),a("code",[s._v("'#979797'")]),s._v(","),a("code",[s._v("'#008fb5'")]),s._v(","),a("code",[s._v("'#f1c109'")])])]),s._v(" "),a("tr",[a("td",[a("code",[s._v("margin")])]),s._v(" "),a("td",[s._v("Set the margin of side.")]),s._v(" "),a("td",[a("code",[s._v("4")])])]),s._v(" "),a("tr",[a("td",[a("code",[s._v("circleSize")])]),s._v(" "),a("td",[s._v("Set the size of point which express "),a("code",[s._v("commit")]),s._v(".")]),s._v(" "),a("td",[a("code",[s._v("16")])])]),s._v(" "),a("tr",[a("td",[a("code",[s._v("branchLineWidth")])]),s._v(" "),a("td",[s._v("Set the width of branch lines.")]),s._v(" "),a("td",[a("code",[s._v("4")])])]),s._v(" "),a("tr",[a("td",[a("code",[s._v("mergeStyle")])]),s._v(" "),a("td",[s._v("Set the way to express the merge line. "),a("code",[s._v("'bezier'")]),s._v(" or "),a("code",[s._v("'straight'")])]),s._v(" "),a("td",[a("code",[s._v("'bezier'")])])])])]),s._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("<")]),s._v("div")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[s._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[s._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v('"')]),s._v("sample1 demo-grid large"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("")])]),s._v("\n")])]),s._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[s._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("new")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[s._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('".sample1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[s._v("field")]),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[s._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=>")]),s._v(" rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"BranchGraph"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("200")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("new")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[s._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("BranchGraphColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n start"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"top"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// Specify the start and indicate the direction to proceed. 'top' or 'bottom'. default 'bottom'")]),s._v("\n cache"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// cache enable. default false")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("field")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[s._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("return")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token template-string"}},[a("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[s._v("`")]),a("span",{pre:!0,attrs:{class:"token interpolation"}},[a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[s._v("${")]),a("span",{pre:!0,attrs:{class:"token constant"}},[s._v("JSON")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("stringify")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[s._v("}")])]),a("span",{pre:!0,attrs:{class:"token string"}},[s._v(",")]),a("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[s._v("`")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"command"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("1000")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n frozenColCount"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// new branch 'mastar'")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n command"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"branch"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n branch"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"mastar"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// and commit 'mastar' branch")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n command"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"commit"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n branch"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"mastar"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// commit 'mastar' branch")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n command"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"commit"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n branch"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"mastar"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// new branch 'develop'. from 'mastar'")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n command"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"branch"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n branch"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n from"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"mastar"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n to"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"develop"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// commit 'develop' branch")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n command"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"commit"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n branch"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"develop"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// merge 'develop' branch into 'master' branch")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n command"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"merge"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n branch"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n from"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"develop"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n to"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"mastar"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// and tag with v.0.0.1")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n command"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"tag"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n branch"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"mastar"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n tag"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"v1.0.0"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("null")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// not doing")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("//-------------------------")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n command"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"branch"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n branch"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n from"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"develop"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n to"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"develop2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n command"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"commit"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n branch"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"develop2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n command"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"branch"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n branch"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n from"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"develop"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n to"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"develop3"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n command"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"commit"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n branch"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"develop3"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n command"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"merge"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n branch"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n from"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"develop2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n to"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"mastar"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n command"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"commit"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n branch"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"develop2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n command"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"branch"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n branch"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n from"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"develop2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n to"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"develop4"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n command"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"commit"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n branch"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"develop4"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n command"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"branch"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n branch"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n from"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"develop2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n to"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"develop5"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n command"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"commit"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n branch"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"develop5"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n command"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"commit"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n branch"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"develop2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n command"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"tag"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n branch"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"mastar"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n tag"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"v1.1.0"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n command"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"commit"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n branch"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"mastar"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n command"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"commit"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n branch"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"develop4"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n command"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"commit"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n branch"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"develop3"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n")])]),s._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[s._v("1")]),a("br"),a("span",{staticClass:"line-number"},[s._v("2")]),a("br"),a("span",{staticClass:"line-number"},[s._v("3")]),a("br"),a("span",{staticClass:"line-number"},[s._v("4")]),a("br"),a("span",{staticClass:"line-number"},[s._v("5")]),a("br"),a("span",{staticClass:"line-number"},[s._v("6")]),a("br"),a("span",{staticClass:"line-number"},[s._v("7")]),a("br"),a("span",{staticClass:"line-number"},[s._v("8")]),a("br"),a("span",{staticClass:"line-number"},[s._v("9")]),a("br"),a("span",{staticClass:"line-number"},[s._v("10")]),a("br"),a("span",{staticClass:"line-number"},[s._v("11")]),a("br"),a("span",{staticClass:"line-number"},[s._v("12")]),a("br"),a("span",{staticClass:"line-number"},[s._v("13")]),a("br"),a("span",{staticClass:"line-number"},[s._v("14")]),a("br"),a("span",{staticClass:"line-number"},[s._v("15")]),a("br"),a("span",{staticClass:"line-number"},[s._v("16")]),a("br"),a("span",{staticClass:"line-number"},[s._v("17")]),a("br"),a("span",{staticClass:"line-number"},[s._v("18")]),a("br"),a("span",{staticClass:"line-number"},[s._v("19")]),a("br"),a("span",{staticClass:"line-number"},[s._v("20")]),a("br"),a("span",{staticClass:"line-number"},[s._v("21")]),a("br"),a("span",{staticClass:"line-number"},[s._v("22")]),a("br"),a("span",{staticClass:"line-number"},[s._v("23")]),a("br"),a("span",{staticClass:"line-number"},[s._v("24")]),a("br"),a("span",{staticClass:"line-number"},[s._v("25")]),a("br"),a("span",{staticClass:"line-number"},[s._v("26")]),a("br"),a("span",{staticClass:"line-number"},[s._v("27")]),a("br"),a("span",{staticClass:"line-number"},[s._v("28")]),a("br"),a("span",{staticClass:"line-number"},[s._v("29")]),a("br"),a("span",{staticClass:"line-number"},[s._v("30")]),a("br"),a("span",{staticClass:"line-number"},[s._v("31")]),a("br"),a("span",{staticClass:"line-number"},[s._v("32")]),a("br"),a("span",{staticClass:"line-number"},[s._v("33")]),a("br"),a("span",{staticClass:"line-number"},[s._v("34")]),a("br"),a("span",{staticClass:"line-number"},[s._v("35")]),a("br"),a("span",{staticClass:"line-number"},[s._v("36")]),a("br"),a("span",{staticClass:"line-number"},[s._v("37")]),a("br"),a("span",{staticClass:"line-number"},[s._v("38")]),a("br"),a("span",{staticClass:"line-number"},[s._v("39")]),a("br"),a("span",{staticClass:"line-number"},[s._v("40")]),a("br"),a("span",{staticClass:"line-number"},[s._v("41")]),a("br"),a("span",{staticClass:"line-number"},[s._v("42")]),a("br"),a("span",{staticClass:"line-number"},[s._v("43")]),a("br"),a("span",{staticClass:"line-number"},[s._v("44")]),a("br"),a("span",{staticClass:"line-number"},[s._v("45")]),a("br"),a("span",{staticClass:"line-number"},[s._v("46")]),a("br"),a("span",{staticClass:"line-number"},[s._v("47")]),a("br"),a("span",{staticClass:"line-number"},[s._v("48")]),a("br"),a("span",{staticClass:"line-number"},[s._v("49")]),a("br"),a("span",{staticClass:"line-number"},[s._v("50")]),a("br"),a("span",{staticClass:"line-number"},[s._v("51")]),a("br"),a("span",{staticClass:"line-number"},[s._v("52")]),a("br"),a("span",{staticClass:"line-number"},[s._v("53")]),a("br"),a("span",{staticClass:"line-number"},[s._v("54")]),a("br"),a("span",{staticClass:"line-number"},[s._v("55")]),a("br"),a("span",{staticClass:"line-number"},[s._v("56")]),a("br"),a("span",{staticClass:"line-number"},[s._v("57")]),a("br"),a("span",{staticClass:"line-number"},[s._v("58")]),a("br"),a("span",{staticClass:"line-number"},[s._v("59")]),a("br"),a("span",{staticClass:"line-number"},[s._v("60")]),a("br"),a("span",{staticClass:"line-number"},[s._v("61")]),a("br"),a("span",{staticClass:"line-number"},[s._v("62")]),a("br"),a("span",{staticClass:"line-number"},[s._v("63")]),a("br"),a("span",{staticClass:"line-number"},[s._v("64")]),a("br"),a("span",{staticClass:"line-number"},[s._v("65")]),a("br"),a("span",{staticClass:"line-number"},[s._v("66")]),a("br"),a("span",{staticClass:"line-number"},[s._v("67")]),a("br"),a("span",{staticClass:"line-number"},[s._v("68")]),a("br"),a("span",{staticClass:"line-number"},[s._v("69")]),a("br"),a("span",{staticClass:"line-number"},[s._v("70")]),a("br"),a("span",{staticClass:"line-number"},[s._v("71")]),a("br"),a("span",{staticClass:"line-number"},[s._v("72")]),a("br"),a("span",{staticClass:"line-number"},[s._v("73")]),a("br"),a("span",{staticClass:"line-number"},[s._v("74")]),a("br"),a("span",{staticClass:"line-number"},[s._v("75")]),a("br"),a("span",{staticClass:"line-number"},[s._v("76")]),a("br"),a("span",{staticClass:"line-number"},[s._v("77")]),a("br"),a("span",{staticClass:"line-number"},[s._v("78")]),a("br"),a("span",{staticClass:"line-number"},[s._v("79")]),a("br"),a("span",{staticClass:"line-number"},[s._v("80")]),a("br"),a("span",{staticClass:"line-number"},[s._v("81")]),a("br"),a("span",{staticClass:"line-number"},[s._v("82")]),a("br"),a("span",{staticClass:"line-number"},[s._v("83")]),a("br"),a("span",{staticClass:"line-number"},[s._v("84")]),a("br"),a("span",{staticClass:"line-number"},[s._v("85")]),a("br"),a("span",{staticClass:"line-number"},[s._v("86")]),a("br"),a("span",{staticClass:"line-number"},[s._v("87")]),a("br"),a("span",{staticClass:"line-number"},[s._v("88")]),a("br"),a("span",{staticClass:"line-number"},[s._v("89")]),a("br"),a("span",{staticClass:"line-number"},[s._v("90")]),a("br"),a("span",{staticClass:"line-number"},[s._v("91")]),a("br"),a("span",{staticClass:"line-number"},[s._v("92")]),a("br"),a("span",{staticClass:"line-number"},[s._v("93")]),a("br"),a("span",{staticClass:"line-number"},[s._v("94")]),a("br"),a("span",{staticClass:"line-number"},[s._v("95")]),a("br"),a("span",{staticClass:"line-number"},[s._v("96")]),a("br"),a("span",{staticClass:"line-number"},[s._v("97")]),a("br"),a("span",{staticClass:"line-number"},[s._v("98")]),a("br"),a("span",{staticClass:"line-number"},[s._v("99")]),a("br"),a("span",{staticClass:"line-number"},[s._v("100")]),a("br"),a("span",{staticClass:"line-number"},[s._v("101")]),a("br"),a("span",{staticClass:"line-number"},[s._v("102")]),a("br"),a("span",{staticClass:"line-number"},[s._v("103")]),a("br"),a("span",{staticClass:"line-number"},[s._v("104")]),a("br"),a("span",{staticClass:"line-number"},[s._v("105")]),a("br"),a("span",{staticClass:"line-number"},[s._v("106")]),a("br"),a("span",{staticClass:"line-number"},[s._v("107")]),a("br"),a("span",{staticClass:"line-number"},[s._v("108")]),a("br"),a("span",{staticClass:"line-number"},[s._v("109")]),a("br"),a("span",{staticClass:"line-number"},[s._v("110")]),a("br"),a("span",{staticClass:"line-number"},[s._v("111")]),a("br"),a("span",{staticClass:"line-number"},[s._v("112")]),a("br"),a("span",{staticClass:"line-number"},[s._v("113")]),a("br"),a("span",{staticClass:"line-number"},[s._v("114")]),a("br"),a("span",{staticClass:"line-number"},[s._v("115")]),a("br"),a("span",{staticClass:"line-number"},[s._v("116")]),a("br"),a("span",{staticClass:"line-number"},[s._v("117")]),a("br"),a("span",{staticClass:"line-number"},[s._v("118")]),a("br"),a("span",{staticClass:"line-number"},[s._v("119")]),a("br"),a("span",{staticClass:"line-number"},[s._v("120")]),a("br"),a("span",{staticClass:"line-number"},[s._v("121")]),a("br"),a("span",{staticClass:"line-number"},[s._v("122")]),a("br"),a("span",{staticClass:"line-number"},[s._v("123")]),a("br"),a("span",{staticClass:"line-number"},[s._v("124")]),a("br"),a("span",{staticClass:"line-number"},[s._v("125")]),a("br"),a("span",{staticClass:"line-number"},[s._v("126")]),a("br"),a("span",{staticClass:"line-number"},[s._v("127")]),a("br"),a("span",{staticClass:"line-number"},[s._v("128")]),a("br"),a("span",{staticClass:"line-number"},[s._v("129")]),a("br"),a("span",{staticClass:"line-number"},[s._v("130")]),a("br"),a("span",{staticClass:"line-number"},[s._v("131")]),a("br"),a("span",{staticClass:"line-number"},[s._v("132")]),a("br"),a("span",{staticClass:"line-number"},[s._v("133")]),a("br"),a("span",{staticClass:"line-number"},[s._v("134")]),a("br"),a("span",{staticClass:"line-number"},[s._v("135")]),a("br"),a("span",{staticClass:"line-number"},[s._v("136")]),a("br"),a("span",{staticClass:"line-number"},[s._v("137")]),a("br"),a("span",{staticClass:"line-number"},[s._v("138")]),a("br"),a("span",{staticClass:"line-number"},[s._v("139")]),a("br"),a("span",{staticClass:"line-number"},[s._v("140")]),a("br"),a("span",{staticClass:"line-number"},[s._v("141")]),a("br"),a("span",{staticClass:"line-number"},[s._v("142")]),a("br"),a("span",{staticClass:"line-number"},[s._v("143")]),a("br"),a("span",{staticClass:"line-number"},[s._v("144")]),a("br"),a("span",{staticClass:"line-number"},[s._v("145")]),a("br"),a("span",{staticClass:"line-number"},[s._v("146")]),a("br"),a("span",{staticClass:"line-number"},[s._v("147")]),a("br"),a("span",{staticClass:"line-number"},[s._v("148")]),a("br"),a("span",{staticClass:"line-number"},[s._v("149")]),a("br"),a("span",{staticClass:"line-number"},[s._v("150")]),a("br"),a("span",{staticClass:"line-number"},[s._v("151")]),a("br"),a("span",{staticClass:"line-number"},[s._v("152")]),a("br"),a("span",{staticClass:"line-number"},[s._v("153")]),a("br"),a("span",{staticClass:"line-number"},[s._v("154")]),a("br"),a("span",{staticClass:"line-number"},[s._v("155")]),a("br"),a("span",{staticClass:"line-number"},[s._v("156")]),a("br"),a("span",{staticClass:"line-number"},[s._v("157")]),a("br"),a("span",{staticClass:"line-number"},[s._v("158")]),a("br"),a("span",{staticClass:"line-number"},[s._v("159")]),a("br"),a("span",{staticClass:"line-number"},[s._v("160")]),a("br"),a("span",{staticClass:"line-number"},[s._v("161")]),a("br"),a("span",{staticClass:"line-number"},[s._v("162")]),a("br"),a("span",{staticClass:"line-number"},[s._v("163")]),a("br"),a("span",{staticClass:"line-number"},[s._v("164")]),a("br"),a("span",{staticClass:"line-number"},[s._v("165")]),a("br"),a("span",{staticClass:"line-number"},[s._v("166")]),a("br"),a("span",{staticClass:"line-number"},[s._v("167")]),a("br"),a("span",{staticClass:"line-number"},[s._v("168")]),a("br")])])])],1)}),[],!1,null,null,null);t.default=r.exports}}]); \ No newline at end of file diff --git a/documents/assets/js/32.5accc93f.js b/documents/assets/js/32.5accc93f.js new file mode 100644 index 000000000..61200bf25 --- /dev/null +++ b/documents/assets/js/32.5accc93f.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[32],{427:function(t,s,a){"use strict";a.r(s);var n=a(52),e=Object(n.a)({},(function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"buttoncolumn"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#buttoncolumn"}},[t._v("#")]),t._v(" ButtonColumn")]),t._v(" "),a("p",[t._v("Show the button.")]),t._v(" "),a("h2",{attrs:{id:"constructor-properties"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#constructor-properties"}},[t._v("#")]),t._v(" Constructor Properties")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Property")]),t._v(" "),a("th",[t._v("Description")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("code",[t._v("caption")])]),t._v(" "),a("td",[t._v("Define button caption.")])])])]),t._v(" "),a("h2",{attrs:{id:"style-properties"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#style-properties"}},[t._v("#")]),t._v(" Style Properties")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Property")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Default")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("code",[t._v("buttonBgColor")])]),t._v(" "),a("td",[t._v("Define background color of button.")]),t._v(" "),a("td",[t._v("Resolve by the theme.")])])])]),t._v(" "),a("p",[t._v("In addition to this, the Standard styles is available.")]),t._v(" "),a("ul",[a("li",[a("RouterLink",{attrs:{to:"/api/js/column_styles/"}},[t._v("Standard Column Style")])],1)]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1 demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Button1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("180")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"FIXED LABEL"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonAction")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("action")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("alert")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("JSON")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("stringify")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Button2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"buttonCaption"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Get caption of button from record")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("180")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"button"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonAction")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("action")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("alert")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("JSON")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("stringify")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" buttonCaption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"BUTTON1"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" buttonCaption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"BUTTON2"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" buttonCaption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"BUTTON3"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" buttonCaption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"BUTTON4"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" buttonCaption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"BUTTON5"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br")])])])],1)}),[],!1,null,null,null);s.default=e.exports}}]); \ No newline at end of file diff --git a/documents/assets/js/33.518de476.js b/documents/assets/js/33.518de476.js new file mode 100644 index 000000000..cf3fc0a87 --- /dev/null +++ b/documents/assets/js/33.518de476.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[33],{426:function(t,s,a){"use strict";a.r(s);var n=a(52),e=Object(n.a)({},(function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"checkcolumn"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#checkcolumn"}},[t._v("#")]),t._v(" CheckColumn")]),t._v(" "),a("p",[t._v("Show the checkbox.")]),t._v(" "),a("p",[t._v("To make it editable, please use "),a("RouterLink",{attrs:{to:"/api/js/column_actions/CheckEditor.html"}},[t._v("CheckEditor")]),t._v(".")],1),t._v(" "),a("h2",{attrs:{id:"style-properties"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#style-properties"}},[t._v("#")]),t._v(" Style Properties")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Property")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Default")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("code",[t._v("checkBgColor")])]),t._v(" "),a("td",[t._v("Define background color of checkbox, when it is checked.")]),t._v(" "),a("td",[t._v("Resolve by the theme.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("uncheckBgColor")])]),t._v(" "),a("td",[t._v("Define background color of checkbox, when it is unchecked.")]),t._v(" "),a("td",[t._v("Resolve by the theme.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("borderColor")])]),t._v(" "),a("td",[t._v("Define border color of checkbox.")]),t._v(" "),a("td",[t._v("Resolve by the theme.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("textAlign")])]),t._v(" "),a("td",[t._v("Define horizontal position of checkbox in cell.")]),t._v(" "),a("td",[a("code",[t._v("'center'")])])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("textBaseline")])]),t._v(" "),a("td",[t._v("Define vertical position of checkbox in cell.")]),t._v(" "),a("td",[t._v("--")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("bgColor")])]),t._v(" "),a("td",[t._v("Define background color of cell.")]),t._v(" "),a("td",[t._v("Resolve by the theme.")])])])]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1 demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"c1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// or `new cheetahGrid.columns.type.CheckColumn()`")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"c2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"style"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n style"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n uncheckBgColor"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#FDD"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n checkBgColor"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"rgb(255, 73, 72)"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n borderColor"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"red"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"show"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"SHOW"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonAction")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("action")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("alert")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("JSON")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("stringify")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("null")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('" "')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" c1"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" c2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" c1"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" c2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" c1"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" c2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" c1"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" c2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" c1"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" c2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" c1"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" c2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" c1"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" c2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" c1"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" c2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" c1"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" c2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" c1"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" c2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br"),a("span",{staticClass:"line-number"},[t._v("39")]),a("br"),a("span",{staticClass:"line-number"},[t._v("40")]),a("br"),a("span",{staticClass:"line-number"},[t._v("41")]),a("br"),a("span",{staticClass:"line-number"},[t._v("42")]),a("br"),a("span",{staticClass:"line-number"},[t._v("43")]),a("br"),a("span",{staticClass:"line-number"},[t._v("44")]),a("br"),a("span",{staticClass:"line-number"},[t._v("45")]),a("br"),a("span",{staticClass:"line-number"},[t._v("46")]),a("br")])])])],1)}),[],!1,null,null,null);s.default=e.exports}}]); \ No newline at end of file diff --git a/documents/assets/js/34.dfb18825.js b/documents/assets/js/34.dfb18825.js new file mode 100644 index 000000000..79cca60fb --- /dev/null +++ b/documents/assets/js/34.dfb18825.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[34],{428:function(t,o,e){"use strict";e.r(o);var n=e(52),_=Object(n.a)({},(function(){var t=this,o=t.$createElement,e=t._self._c||o;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"column-type-classes"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#column-type-classes"}},[t._v("#")]),t._v(" Column Type Classes")]),t._v(" "),e("h2",{attrs:{id:"namespace-cheetahgrid-columns-type"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#namespace-cheetahgrid-columns-type"}},[t._v("#")]),t._v(" Namespace "),e("code",[t._v("cheetahGrid.columns.type")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Class Name")]),t._v(" "),e("th",[t._v("Function")]),t._v(" "),e("th",[t._v("Others")]),t._v(" "),e("th",[t._v("Related Links")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("Column")])]),t._v(" "),e("td",[t._v("show text")]),t._v(" "),e("td",[t._v("same as not specify type")]),t._v(" "),e("td",[t._v("---")])]),t._v(" "),e("tr",[e("td",[e("RouterLink",{attrs:{to:"/api/js/column_types/NumberColumn.html"}},[e("code",[t._v("NumberColumn")])])],1),t._v(" "),e("td",[t._v("show number with comma-separated")]),t._v(" "),e("td",[t._v("same as "),e("code",[t._v("columnType: 'number'")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/api/js/column_types/NumberColumn.html"}},[t._v("NumberColumn")])],1)]),t._v(" "),e("tr",[e("td",[e("RouterLink",{attrs:{to:"/api/js/column_types/CheckColumn.html"}},[e("code",[t._v("CheckColumn")])])],1),t._v(" "),e("td",[t._v("show checkbox")]),t._v(" "),e("td",[t._v("same as "),e("code",[t._v("columnType: 'check'")])]),t._v(" "),e("td",[t._v("- "),e("RouterLink",{attrs:{to:"/api/js/column_types/CheckColumn.html"}},[t._v("CheckColumn")]),e("br"),t._v("- "),e("RouterLink",{attrs:{to:"/api/js/column_actions/CheckEditor.html"}},[t._v("CheckEditor")])],1)]),t._v(" "),e("tr",[e("td",[e("RouterLink",{attrs:{to:"/api/js/column_types/MenuColumn.html"}},[e("code",[t._v("MenuColumn")])])],1),t._v(" "),e("td",[t._v("show menu")]),t._v(" "),e("td",[t._v("---")]),t._v(" "),e("td",[t._v("- "),e("RouterLink",{attrs:{to:"/api/js/column_types/MenuColumn.html"}},[t._v("MenuColumn")]),e("br"),t._v("- "),e("RouterLink",{attrs:{to:"/api/js/column_actions/InlineMenuEditor.html"}},[t._v("InlineMenuEditor")])],1)]),t._v(" "),e("tr",[e("td",[e("RouterLink",{attrs:{to:"/api/js/column_types/ButtonColumn.html"}},[e("code",[t._v("ButtonColumn")])])],1),t._v(" "),e("td",[t._v("show button")]),t._v(" "),e("td",[e("code",[t._v("columnType: 'button'")]),t._v(" has same the function")]),t._v(" "),e("td",[t._v("- "),e("RouterLink",{attrs:{to:"/api/js/column_types/ButtonColumn.html"}},[t._v("ButtonColumn")]),e("br"),t._v("- "),e("RouterLink",{attrs:{to:"/api/js/column_actions/ButtonAction.html"}},[t._v("ButtonAction")])],1)]),t._v(" "),e("tr",[e("td",[e("RouterLink",{attrs:{to:"/api/js/column_types/ImageColumn.html"}},[e("code",[t._v("ImageColumn")])])],1),t._v(" "),e("td",[t._v("show image")]),t._v(" "),e("td",[t._v("same as "),e("code",[t._v("columnType: 'image'")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/api/js/column_types/ImageColumn.html"}},[t._v("ImageColumn")])],1)]),t._v(" "),e("tr",[e("td",[e("RouterLink",{attrs:{to:"/api/js/column_types/PercentCompleteBarColumn.html"}},[e("code",[t._v("PercentCompleteBarColumn")])])],1),t._v(" "),e("td",[t._v("show percent complete bar")]),t._v(" "),e("td",[t._v("---")]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/api/js/column_types/PercentCompleteBarColumn.html"}},[t._v("PercentCompleteBarColumn")])],1)]),t._v(" "),e("tr",[e("td",[e("RouterLink",{attrs:{to:"/api/js/column_types/IconColumn.html"}},[e("code",[t._v("IconColumn")])])],1),t._v(" "),e("td",[t._v("show icon only")]),t._v(" "),e("td",[t._v("---")]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/api/js/column_types/IconColumn.html"}},[t._v("IconColumn")])],1)]),t._v(" "),e("tr",[e("td",[e("RouterLink",{attrs:{to:"/api/js/column_types/MultilineTextColumn.html"}},[e("code",[t._v("MultilineTextColumn")])])],1),t._v(" "),e("td",[t._v("show multiline text")]),t._v(" "),e("td",[t._v("same as "),e("code",[t._v("columnType: 'multilinetext'")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/api/js/column_types/MultilineTextColumn.html"}},[t._v("MultilineTextColumn")])],1)]),t._v(" "),e("tr",[e("td",[e("RouterLink",{attrs:{to:"/api/js/column_types/BranchGraphColumn.html"}},[e("code",[t._v("BranchGraphColumn")])])],1),t._v(" "),e("td",[t._v("show branch graph")]),t._v(" "),e("td",[t._v("---")]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/api/js/column_types/BranchGraphColumn.html"}},[t._v("BranchGraphColumn")])],1)]),t._v(" "),e("tr",[e("td",[e("RouterLink",{attrs:{to:"/api/js/column_types/RadioColumn.html"}},[e("code",[t._v("RadioColumn")])])],1),t._v(" "),e("td",[t._v("show radio button")]),t._v(" "),e("td",[t._v("same as "),e("code",[t._v("columnType: 'radio'")])]),t._v(" "),e("td",[t._v("- "),e("RouterLink",{attrs:{to:"/api/js/column_types/RadioColumn.html"}},[t._v("RadioColumn")]),e("br"),t._v("- "),e("RouterLink",{attrs:{to:"/api/js/column_actions/RadioEditor.html"}},[t._v("RadioEditor")])],1)])])])])}),[],!1,null,null,null);o.default=_.exports}}]); \ No newline at end of file diff --git a/documents/assets/js/35.42dfe38b.js b/documents/assets/js/35.42dfe38b.js new file mode 100644 index 000000000..4d15e5a93 --- /dev/null +++ b/documents/assets/js/35.42dfe38b.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[35],{430:function(t,s,a){"use strict";a.r(s);var n=a(52),e=Object(n.a)({},(function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"iconcolumn"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#iconcolumn"}},[t._v("#")]),t._v(" IconColumn")]),t._v(" "),a("p",[t._v("Show ICON using Web Font."),a("br"),t._v("\nNumber of ICONs can be set at field.")]),t._v(" "),a("div",{staticClass:"custom-block tip"},[a("p",{staticClass:"custom-block-title"},[t._v("TIP")]),t._v(" "),a("p",[t._v("When showing ICON to ordinal column, please refer to "),a("RouterLink",{attrs:{to:"/api/js/column_icon.html"}},[t._v("here")])],1)]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1 demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("blockquote",[a("p",[t._v("ICON in sample uses "),a("a",{attrs:{href:"https://material.io/icons/",target:"_blank",rel:"noopener noreferrer"}},[t._v("Material icons"),a("OutboundLink")],1)]),t._v(" "),a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("\x3c!-- Material Icons: https://material.io/icons/ --\x3e")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("link")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("rel")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("stylesheet"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("text/css"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("href")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("https://fonts.googleapis.com/icon?family=Material+Icons"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br")])])]),t._v(" "),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"value"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"value"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"value"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"icon"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("130")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("IconColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n className"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"material-icons"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n content"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"\\uE885"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// https://material.io/icons/#ic_grade")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n style"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n color"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"gold"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("3")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("4")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("5")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br")])])])],1)}),[],!1,null,null,null);s.default=e.exports}}]); \ No newline at end of file diff --git a/documents/assets/js/36.7d76c94b.js b/documents/assets/js/36.7d76c94b.js new file mode 100644 index 000000000..84106e069 --- /dev/null +++ b/documents/assets/js/36.7d76c94b.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[36],{432:function(s,t,a){"use strict";a.r(t);var n=a(52),e=Object(n.a)({},(function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ContentSlotsDistributor",{attrs:{"slot-key":s.$parent.slotKey}},[a("h1",{attrs:{id:"imagecolumn"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#imagecolumn"}},[s._v("#")]),s._v(" ImageColumn")]),s._v(" "),a("h2",{attrs:{id:"draw-image"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#draw-image"}},[s._v("#")]),s._v(" Draw image")]),s._v(" "),a("p",[s._v("Use "),a("code",[s._v("columnType: 'image'")]),s._v(" to draw image in the cell.")]),s._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("<")]),s._v("div")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[s._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[s._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v('"')]),s._v("sample1 demo-grid middle"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("")])]),s._v("\n")])]),s._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[s._v("1")]),a("br")])]),a("blockquote",[a("p",[s._v("note: Images used in samples are on "),a("a",{attrs:{href:"https://en.wikipedia.org/wiki/Cheetah",target:"_blank",rel:"noopener noreferrer"}},[s._v("wikipedia"),a("OutboundLink")],1),s._v(".\nPlease click the images to check details of those.")])]),s._v(" "),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("new")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[s._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('".sample1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"imageUrl"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"image"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"image"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n style"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" imageSizing"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"keep-aspect-ratio"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// open image detail")]),s._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("new")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[s._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("Action")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("action")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[s._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n window"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("open")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("link"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"_blank"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"label"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"label"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("200")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n frozenColCount"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n defaultRowHeight"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n headerRowHeight"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("24")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("//https://en.wikipedia.org/wiki/Cheetah")]),s._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n imageUrl"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"https://upload.wikimedia.org/wikipedia/commons/thumb/a/ab/Kooshki_%28Iranian_Cheetah%29_03.jpg/440px-Kooshki_%28Iranian_Cheetah%29_03.jpg"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n label"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Asiatic cheetah"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n link"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"https://en.wikipedia.org/wiki/File:Kooshki_(Iranian_Cheetah)_03.jpg"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n imageUrl"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"https://upload.wikimedia.org/wikipedia/commons/thumb/6/68/Cheetah_%28Kruger_National_Park%2C_South_Africa%2C_2001%29.jpg/180px-Cheetah_%28Kruger_National_Park%2C_South_Africa%2C_2001%29.jpg"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n label"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"South African cheetah"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n link"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"https://en.wikipedia.org/wiki/File:Cheetah_(Kruger_National_Park,_South_Africa,_2001).jpg"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n imageUrl"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"https://upload.wikimedia.org/wikipedia/commons/thumb/5/55/Cheetah_at_Whipsnade_Zoo%2C_Dunstable.jpg/180px-Cheetah_at_Whipsnade_Zoo%2C_Dunstable.jpg"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n label"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Sudan cheetah"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n link"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"https://en.wikipedia.org/wiki/File:Cheetah_at_Whipsnade_Zoo,_Dunstable.jpg"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n imageUrl"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"https://upload.wikimedia.org/wikipedia/commons/thumb/6/6f/TanzanianCheetah.jpg/180px-TanzanianCheetah.jpg"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n label"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Tanzanian cheetah"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n link"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"https://en.wikipedia.org/wiki/File:TanzanianCheetah.jpg"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n imageUrl"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"https://upload.wikimedia.org/wikipedia/commons/thumb/a/ac/Cheetah_portrait_Whipsnade_Zoo.jpg/220px-Cheetah_portrait_Whipsnade_Zoo.jpg"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n label"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Cheetah"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n link"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"https://en.wikipedia.org/wiki/File:Cheetah_portrait_Whipsnade_Zoo.jpg"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n imageUrl"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"https://upload.wikimedia.org/wikipedia/commons/thumb/5/5e/King_cheetah.jpg/170px-King_cheetah.jpg"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n label"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"King cheetah"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n link"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"https://en.wikipedia.org/wiki/File:King_cheetah.jpg"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("configure")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"fadeinWhenCallbackInPromise"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n")])]),s._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[s._v("1")]),a("br"),a("span",{staticClass:"line-number"},[s._v("2")]),a("br"),a("span",{staticClass:"line-number"},[s._v("3")]),a("br"),a("span",{staticClass:"line-number"},[s._v("4")]),a("br"),a("span",{staticClass:"line-number"},[s._v("5")]),a("br"),a("span",{staticClass:"line-number"},[s._v("6")]),a("br"),a("span",{staticClass:"line-number"},[s._v("7")]),a("br"),a("span",{staticClass:"line-number"},[s._v("8")]),a("br"),a("span",{staticClass:"line-number"},[s._v("9")]),a("br"),a("span",{staticClass:"line-number"},[s._v("10")]),a("br"),a("span",{staticClass:"line-number"},[s._v("11")]),a("br"),a("span",{staticClass:"line-number"},[s._v("12")]),a("br"),a("span",{staticClass:"line-number"},[s._v("13")]),a("br"),a("span",{staticClass:"line-number"},[s._v("14")]),a("br"),a("span",{staticClass:"line-number"},[s._v("15")]),a("br"),a("span",{staticClass:"line-number"},[s._v("16")]),a("br"),a("span",{staticClass:"line-number"},[s._v("17")]),a("br"),a("span",{staticClass:"line-number"},[s._v("18")]),a("br"),a("span",{staticClass:"line-number"},[s._v("19")]),a("br"),a("span",{staticClass:"line-number"},[s._v("20")]),a("br"),a("span",{staticClass:"line-number"},[s._v("21")]),a("br"),a("span",{staticClass:"line-number"},[s._v("22")]),a("br"),a("span",{staticClass:"line-number"},[s._v("23")]),a("br"),a("span",{staticClass:"line-number"},[s._v("24")]),a("br"),a("span",{staticClass:"line-number"},[s._v("25")]),a("br"),a("span",{staticClass:"line-number"},[s._v("26")]),a("br"),a("span",{staticClass:"line-number"},[s._v("27")]),a("br"),a("span",{staticClass:"line-number"},[s._v("28")]),a("br"),a("span",{staticClass:"line-number"},[s._v("29")]),a("br"),a("span",{staticClass:"line-number"},[s._v("30")]),a("br"),a("span",{staticClass:"line-number"},[s._v("31")]),a("br"),a("span",{staticClass:"line-number"},[s._v("32")]),a("br"),a("span",{staticClass:"line-number"},[s._v("33")]),a("br"),a("span",{staticClass:"line-number"},[s._v("34")]),a("br"),a("span",{staticClass:"line-number"},[s._v("35")]),a("br"),a("span",{staticClass:"line-number"},[s._v("36")]),a("br"),a("span",{staticClass:"line-number"},[s._v("37")]),a("br"),a("span",{staticClass:"line-number"},[s._v("38")]),a("br"),a("span",{staticClass:"line-number"},[s._v("39")]),a("br"),a("span",{staticClass:"line-number"},[s._v("40")]),a("br"),a("span",{staticClass:"line-number"},[s._v("41")]),a("br"),a("span",{staticClass:"line-number"},[s._v("42")]),a("br"),a("span",{staticClass:"line-number"},[s._v("43")]),a("br"),a("span",{staticClass:"line-number"},[s._v("44")]),a("br"),a("span",{staticClass:"line-number"},[s._v("45")]),a("br"),a("span",{staticClass:"line-number"},[s._v("46")]),a("br"),a("span",{staticClass:"line-number"},[s._v("47")]),a("br"),a("span",{staticClass:"line-number"},[s._v("48")]),a("br"),a("span",{staticClass:"line-number"},[s._v("49")]),a("br"),a("span",{staticClass:"line-number"},[s._v("50")]),a("br"),a("span",{staticClass:"line-number"},[s._v("51")]),a("br"),a("span",{staticClass:"line-number"},[s._v("52")]),a("br"),a("span",{staticClass:"line-number"},[s._v("53")]),a("br"),a("span",{staticClass:"line-number"},[s._v("54")]),a("br"),a("span",{staticClass:"line-number"},[s._v("55")]),a("br"),a("span",{staticClass:"line-number"},[s._v("56")]),a("br"),a("span",{staticClass:"line-number"},[s._v("57")]),a("br"),a("span",{staticClass:"line-number"},[s._v("58")]),a("br"),a("span",{staticClass:"line-number"},[s._v("59")]),a("br"),a("span",{staticClass:"line-number"},[s._v("60")]),a("br"),a("span",{staticClass:"line-number"},[s._v("61")]),a("br"),a("span",{staticClass:"line-number"},[s._v("62")]),a("br"),a("span",{staticClass:"line-number"},[s._v("63")]),a("br")])])])],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file diff --git a/documents/assets/js/37.b761e1d3.js b/documents/assets/js/37.b761e1d3.js new file mode 100644 index 000000000..f0f704b8d --- /dev/null +++ b/documents/assets/js/37.b761e1d3.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[37],{431:function(t,s,a){"use strict";a.r(s);var n=a(52),r=Object(n.a)({},(function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"menucolumn"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#menucolumn"}},[t._v("#")]),t._v(" MenuColumn")]),t._v(" "),a("p",[t._v("Maps from "),a("code",[t._v("value")]),t._v(" to "),a("code",[t._v("label")]),t._v(" and display it.")]),t._v(" "),a("p",[t._v("To make it editable, please use "),a("RouterLink",{attrs:{to:"/api/js/column_actions/InlineMenuEditor.html"}},[t._v("InlineMenuEditor")]),t._v(".")],1),t._v(" "),a("h2",{attrs:{id:"constructor-properties"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#constructor-properties"}},[t._v("#")]),t._v(" Constructor Properties")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Property")]),t._v(" "),a("th",[t._v("Description")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("code",[t._v("options")])]),t._v(" "),a("td",[t._v("Define mapping options.")])])])]),t._v(" "),a("h2",{attrs:{id:"style-properties"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#style-properties"}},[t._v("#")]),t._v(" Style Properties")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Property")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Default")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("code",[t._v("appearance")])]),t._v(" "),a("td",[t._v("Defines whether to display a dropdown arrow. (you can set "),a("code",[t._v("'menulist-button'")]),t._v(" or "),a("code",[t._v("'none'")]),t._v(")")]),t._v(" "),a("td",[a("code",[t._v("'menulist-button'")])])])])]),t._v(" "),a("p",[t._v("In addition to this, Standard styles is available.")]),t._v(" "),a("ul",[a("li",[a("RouterLink",{attrs:{to:"/api/js/column_styles/"}},[t._v("Standard Column Style")])],1)]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1 demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" options "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Empty"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Option 1"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Option 2"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"3"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Option 3"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"4"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Option 4"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"5"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Option 5"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"6"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Option 6"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"7"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Option 7"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"sel"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"MenuColumn"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("260")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("MenuColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" options "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"sel2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"style"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("260")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("MenuColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" options "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n style"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" appearance"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"none"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"show"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"SHOW"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonAction")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("action")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("alert")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("JSON")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("stringify")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("null")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('" "')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" sel"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" sel2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('""')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" sel"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" sel2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"1"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" sel"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" sel2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"2"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" sel"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"3"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" sel2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"3"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" sel"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" sel2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('""')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" sel"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" sel2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"1"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" sel"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" sel2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"2"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" sel"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"3"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" sel2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"3"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" sel"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" sel2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('""')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" sel"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" sel2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"1"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" sel"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" sel2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"2"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" sel"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"3"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" sel2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"3"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br"),a("span",{staticClass:"line-number"},[t._v("39")]),a("br"),a("span",{staticClass:"line-number"},[t._v("40")]),a("br"),a("span",{staticClass:"line-number"},[t._v("41")]),a("br"),a("span",{staticClass:"line-number"},[t._v("42")]),a("br"),a("span",{staticClass:"line-number"},[t._v("43")]),a("br"),a("span",{staticClass:"line-number"},[t._v("44")]),a("br"),a("span",{staticClass:"line-number"},[t._v("45")]),a("br"),a("span",{staticClass:"line-number"},[t._v("46")]),a("br"),a("span",{staticClass:"line-number"},[t._v("47")]),a("br"),a("span",{staticClass:"line-number"},[t._v("48")]),a("br"),a("span",{staticClass:"line-number"},[t._v("49")]),a("br"),a("span",{staticClass:"line-number"},[t._v("50")]),a("br"),a("span",{staticClass:"line-number"},[t._v("51")]),a("br"),a("span",{staticClass:"line-number"},[t._v("52")]),a("br"),a("span",{staticClass:"line-number"},[t._v("53")]),a("br"),a("span",{staticClass:"line-number"},[t._v("54")]),a("br"),a("span",{staticClass:"line-number"},[t._v("55")]),a("br")])])])],1)}),[],!1,null,null,null);s.default=r.exports}}]); \ No newline at end of file diff --git a/documents/assets/js/38.2da2d977.js b/documents/assets/js/38.2da2d977.js new file mode 100644 index 000000000..9b8b414f4 --- /dev/null +++ b/documents/assets/js/38.2da2d977.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[38],{399:function(t,s,a){"use strict";a.r(s);var n={data:function(){return{records:[{title:"Lorem ipsum",description:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\nUt enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\nDuis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.\nExcepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."},{title:"Section 1.10.32",description:"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?"},{title:"multilinetext",description:"By specifying 'multilinetext' for the 'columnType' property,\nYou can display multiple lines of text in a cell."},{title:"multilinetext",description:"プロパティ'columnType'に'multilinetext'を指定することで、 \nセルに複数行テキストを表示することができます。 "}]}}},e=a(52),r=Object(e.a)(n,(function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"multilinetextcolumn"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#multilinetextcolumn"}},[t._v("#")]),t._v(" MultilineTextColumn")]),t._v(" "),a("p",[t._v("Show multiline text.")]),t._v(" "),a("p",[t._v("By specifying "),a("code",[t._v("multilinetext")]),t._v(" for the "),a("code",[t._v("columnType")]),t._v(" property,"),a("br"),t._v("\nYou can display multiple lines of text in a cell.")]),t._v(" "),a("h2",{attrs:{id:"style-properties"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#style-properties"}},[t._v("#")]),t._v(" Style Properties")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Property")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Default")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("code",[t._v("lineHeight")])]),t._v(" "),a("td",[t._v("Define the amount of space used for lines")]),t._v(" "),a("td",[t._v("--")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("autoWrapText")])]),t._v(" "),a("td",[t._v("Define whether to wrap automatically.")]),t._v(" "),a("td",[t._v("--")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("lineClamp")])]),t._v(" "),a("td",[t._v("Define truncates text at a specific number of lines.")]),t._v(" "),a("td",[t._v("--")])])])]),t._v(" "),a("p",[t._v("In addition to this, the Standard styles is available.")]),t._v(" "),a("ul",[a("li",[a("RouterLink",{attrs:{to:"/api/js/column_styles/"}},[t._v("Standard Column Style")])],1)]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1 demo-grid middle"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"title"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"title"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("150")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"description"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"description"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"calc(100% - 150px)"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"multilinetext"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n frozenColCount"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n defaultRowHeight"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n headerRowHeight"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("40")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n title"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Lorem ipsum"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n description"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token template-string"}},[a("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\nUt enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\nDuis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.\nExcepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.")]),a("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n title"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"multilinetext"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n description"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token template-string"}},[a("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("By specifying 'multilinetext' for the 'columnType' property,\nYou can display multiple lines of text in a cell.")]),a("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n title"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"multilinetext"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n description"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token template-string"}},[a("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("プロパティ'columnType'に'multilinetext'を指定することで、 \nセルに複数行テキストを表示することができます。 ")]),a("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br")])])]),t._v(" "),a("h3",{attrs:{id:"aligns"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#aligns"}},[t._v("#")]),t._v(" Aligns")]),t._v(" "),a("code-preview",{attrs:{data:{records:t.records}}},[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample2 demo-grid large"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"title"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"title"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("150")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("//textAlign")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"description"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"left"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1000")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"multilinetext"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n style"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" textAlign"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"left"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"description"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"right"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1000")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"multilinetext"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n style"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" textAlign"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"right"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"description"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"center"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1000")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"multilinetext"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n style"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" textAlign"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"center"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("//textBaseline")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"description"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"top"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1000")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"multilinetext"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n style"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" textBaseline"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"top"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"description"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"middle"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1000")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"multilinetext"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n style"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" textBaseline"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"middle"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"description"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"bottom"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1000")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"multilinetext"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n style"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" textBaseline"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"bottom"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n frozenColCount"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n defaultRowHeight"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n headerRowHeight"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("40")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" vm"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br"),a("span",{staticClass:"line-number"},[t._v("39")]),a("br"),a("span",{staticClass:"line-number"},[t._v("40")]),a("br"),a("span",{staticClass:"line-number"},[t._v("41")]),a("br"),a("span",{staticClass:"line-number"},[t._v("42")]),a("br"),a("span",{staticClass:"line-number"},[t._v("43")]),a("br"),a("span",{staticClass:"line-number"},[t._v("44")]),a("br"),a("span",{staticClass:"line-number"},[t._v("45")]),a("br"),a("span",{staticClass:"line-number"},[t._v("46")]),a("br"),a("span",{staticClass:"line-number"},[t._v("47")]),a("br"),a("span",{staticClass:"line-number"},[t._v("48")]),a("br"),a("span",{staticClass:"line-number"},[t._v("49")]),a("br"),a("span",{staticClass:"line-number"},[t._v("50")]),a("br"),a("span",{staticClass:"line-number"},[t._v("51")]),a("br"),a("span",{staticClass:"line-number"},[t._v("52")]),a("br"),a("span",{staticClass:"line-number"},[t._v("53")]),a("br"),a("span",{staticClass:"line-number"},[t._v("54")]),a("br"),a("span",{staticClass:"line-number"},[t._v("55")]),a("br"),a("span",{staticClass:"line-number"},[t._v("56")]),a("br"),a("span",{staticClass:"line-number"},[t._v("57")]),a("br"),a("span",{staticClass:"line-number"},[t._v("58")]),a("br")])])]),t._v(" "),a("h3",{attrs:{id:"lineheight"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#lineheight"}},[t._v("#")]),t._v(" lineHeight")]),t._v(" "),a("code-preview",{attrs:{data:{records:t.records}}},[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample3 demo-grid large"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample3"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"title"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"title"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("150")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"description"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"lineHeight=3em top"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1000")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"multilinetext"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n style"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n lineHeight"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"3em"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n textBaseline"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"top"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"description"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"lineHeight=3em middle"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1000")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"multilinetext"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n style"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n lineHeight"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"3em"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n textBaseline"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"middle"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"description"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"lineHeight=3em bottom"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1000")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"multilinetext"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n style"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n lineHeight"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"3em"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n textBaseline"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"bottom"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n frozenColCount"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n defaultRowHeight"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("300")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n headerRowHeight"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("40")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" vm"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br"),a("span",{staticClass:"line-number"},[t._v("39")]),a("br"),a("span",{staticClass:"line-number"},[t._v("40")]),a("br"),a("span",{staticClass:"line-number"},[t._v("41")]),a("br"),a("span",{staticClass:"line-number"},[t._v("42")]),a("br"),a("span",{staticClass:"line-number"},[t._v("43")]),a("br"),a("span",{staticClass:"line-number"},[t._v("44")]),a("br")])])]),t._v(" "),a("h3",{attrs:{id:"autowraptext"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#autowraptext"}},[t._v("#")]),t._v(" autoWrapText")]),t._v(" "),a("code-preview",{attrs:{data:{records:t.records}}},[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample4 demo-grid large"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample4"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"title"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"title"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("150")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"description"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"autoWrapText=true"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("600")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"multilinetext"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n style"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n autoWrapText"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n frozenColCount"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n defaultRowHeight"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n headerRowHeight"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("40")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" vm"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br")])])]),t._v(" "),a("h3",{attrs:{id:"lineclamp"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#lineclamp"}},[t._v("#")]),t._v(" lineClamp")]),t._v(" "),a("code-preview",{attrs:{data:{records:t.records}}},[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample5 demo-grid middle"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample5"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"title"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"title"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("150")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"description"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"lineClamp=2 autoWrapText=true"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("600")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"multilinetext"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n style"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n autoWrapText"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n lineClamp"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"description"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'lineClamp=\"auto\" autoWrapText=true'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("600")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"multilinetext"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n style"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n autoWrapText"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n lineClamp"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"auto"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"description"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"lineClamp=2 textOverflow=ellipsis"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("600")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"multilinetext"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n style"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n lineClamp"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n textOverflow"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"ellipsis"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n frozenColCount"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n defaultRowHeight"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("60")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n headerRowHeight"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("40")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" vm"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br"),a("span",{staticClass:"line-number"},[t._v("39")]),a("br"),a("span",{staticClass:"line-number"},[t._v("40")]),a("br"),a("span",{staticClass:"line-number"},[t._v("41")]),a("br"),a("span",{staticClass:"line-number"},[t._v("42")]),a("br"),a("span",{staticClass:"line-number"},[t._v("43")]),a("br"),a("span",{staticClass:"line-number"},[t._v("44")]),a("br")])])])],1)}),[],!1,null,null,null);s.default=r.exports}}]); \ No newline at end of file diff --git a/documents/assets/js/39.fa9f0d8a.js b/documents/assets/js/39.fa9f0d8a.js new file mode 100644 index 000000000..c6d095b55 --- /dev/null +++ b/documents/assets/js/39.fa9f0d8a.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[39],{434:function(t,s,a){"use strict";a.r(s);var n=a(52),e=Object(n.a)({},(function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"numbercolumn"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#numbercolumn"}},[t._v("#")]),t._v(" NumberColumn")]),t._v(" "),a("p",[t._v("Show formatted numbers.")]),t._v(" "),a("p",[t._v("Format number with the style defined at "),a("code",[t._v("format")]),t._v(" property in constructor."),a("br"),t._v("\nPlease define the instance of "),a("code",[t._v("Intl.NumberFormat")]),t._v(" class at "),a("code",[t._v("format")]),t._v(" property.")]),t._v(" "),a("p",[t._v("If property isn't defined, format number using the instance created by "),a("code",[t._v("new Intl.NumberFormat()")]),t._v(" automatically."),a("br"),t._v("\nWhich means format style completely depends on "),a("code",[t._v("Intl.NumberFormat")]),t._v(".")]),t._v(" "),a("p",[t._v("In addition, this column type behave same as "),a("code",[t._v("columnType: 'number'")]),t._v(".")]),t._v(" "),a("h2",{attrs:{id:"constructor-properties"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#constructor-properties"}},[t._v("#")]),t._v(" Constructor Properties")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Property")]),t._v(" "),a("th",[t._v("Description")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("code",[t._v("format")])]),t._v(" "),a("td",[t._v("Define number format.")])])])]),t._v(" "),a("h2",{attrs:{id:"style-properties"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#style-properties"}},[t._v("#")]),t._v(" Style Properties")]),t._v(" "),a("p",[t._v("Standard styles is available.")]),t._v(" "),a("ul",[a("li",[a("RouterLink",{attrs:{to:"/api/js/column_styles/"}},[t._v("Standard Column Style")])],1)]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1 demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"value"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("180")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"value"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"default"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("180")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("NumberColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"value"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"columnType: number"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("180")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"number"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"value"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"JPY"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("180")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("NumberColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n format"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Intl"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("NumberFormat")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"ja-JP"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n style"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"currency"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n currency"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"JPY"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"value"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"USD"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("180")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("NumberColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n format"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Intl"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("NumberFormat")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"en-US"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n style"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"currency"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n currency"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"USD"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"value"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"EUR"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("180")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("NumberColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n format"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Intl"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("NumberFormat")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"de-DE"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n style"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"currency"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n currency"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"EUR"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1234567890")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1234567890.12")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("-")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1234567890.123")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("-")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1234567890.123456")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br"),a("span",{staticClass:"line-number"},[t._v("39")]),a("br"),a("span",{staticClass:"line-number"},[t._v("40")]),a("br"),a("span",{staticClass:"line-number"},[t._v("41")]),a("br"),a("span",{staticClass:"line-number"},[t._v("42")]),a("br"),a("span",{staticClass:"line-number"},[t._v("43")]),a("br"),a("span",{staticClass:"line-number"},[t._v("44")]),a("br"),a("span",{staticClass:"line-number"},[t._v("45")]),a("br"),a("span",{staticClass:"line-number"},[t._v("46")]),a("br"),a("span",{staticClass:"line-number"},[t._v("47")]),a("br"),a("span",{staticClass:"line-number"},[t._v("48")]),a("br"),a("span",{staticClass:"line-number"},[t._v("49")]),a("br"),a("span",{staticClass:"line-number"},[t._v("50")]),a("br"),a("span",{staticClass:"line-number"},[t._v("51")]),a("br"),a("span",{staticClass:"line-number"},[t._v("52")]),a("br"),a("span",{staticClass:"line-number"},[t._v("53")]),a("br"),a("span",{staticClass:"line-number"},[t._v("54")]),a("br"),a("span",{staticClass:"line-number"},[t._v("55")]),a("br"),a("span",{staticClass:"line-number"},[t._v("56")]),a("br"),a("span",{staticClass:"line-number"},[t._v("57")]),a("br"),a("span",{staticClass:"line-number"},[t._v("58")]),a("br"),a("span",{staticClass:"line-number"},[t._v("59")]),a("br"),a("span",{staticClass:"line-number"},[t._v("60")]),a("br"),a("span",{staticClass:"line-number"},[t._v("61")]),a("br")])])])],1)}),[],!1,null,null,null);s.default=e.exports}}]); \ No newline at end of file diff --git a/documents/assets/js/4.c7ed5d0d.js b/documents/assets/js/4.c7ed5d0d.js new file mode 100644 index 000000000..79abc9e6c --- /dev/null +++ b/documents/assets/js/4.c7ed5d0d.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[4],{330:function(e,a,n){},333:function(e,a,n){"use strict";n(334),n(335),n(181),n(53),n(82);var t,r,o=(t=["Sophia","Emma","Olivia","Isabella","Ava","Mia","Emily","Abigail","Madison","Elizabeth","Charlotte","Avery","Sofia","Chloe","Ella","Harper","Amelia","Aubrey","Addison","Evelyn","Natalie","Grace","Hannah","Zoey","Victoria","Lillian","Lily","Brooklyn","Samantha","Layla","Zoe","Audrey","Leah","Allison","Anna","Aaliyah","Savannah","Gabriella","Camila","Aria","Noah","Liam","Jacob","Mason","William","Ethan","Michael","Alexander","Jayden","Daniel","Elijah","Aiden","James","Benjamin","Matthew","Jackson","Logan","David","Anthony","Joseph","Joshua","Andrew","Lucas","Gabriel","Samuel","Christopher","John","Dylan","Isaac","Ryan","Nathan","Carter","Caleb","Luke","Christian","Hunter","Henry","Owen","Landon","Jack"],r=["Smith","Johnson","Williams","Brown","Jones","Miller","Davis","Garcia","Rodriguez","Wilson","Martinez","Anderson","Taylor","Thomas","Hernandez","Moore","Martin","Jackson","Thompson","White","Lopez","Lee","Gonzalez","Harris","Clark","Lewis","Robinson","Walker","Perez","Hall","Young","Allen","Sanchez","Wright","King","Scott","Green","Baker","Adams","Nelson","Hill","Ramirez","Campbell","Mitchell","Roberts","Carter","Phillips","Evans","Turner","Torres","Parker","Collins","Edwards","Stewart","Flores","Morris","Nguyen","Murphy","Rivera","Cook","Rogers","Morgan","Peterson","Cooper","Reed","Bailey","Bell","Gomez","Kelly","Howard","Ward","Cox","Diaz","Richardson","Wood","Watson","Brooks","Bennett","Gray","James","Reyes","Cruz","Hughes","Price","Myers","Long","Foster","Sanders","Ross","Morales","Powell","Sullivan","Russell","Ortiz","Jenkins","Gutierrez","Perry","Butler","Barnes","Fisher"],function(e){var a=t[Math.floor(Math.random()*t.length)],n=r[Math.floor(Math.random()*r.length)],o=new Date(Date.now()-63072e7-Math.floor(15*Math.random()*31536e6));return o=new Date(o.getFullYear(),o.getMonth(),o.getDate(),0,0,0,0),{personid:e+1,fname:a,lname:n,email:"".concat(a.replace("-","_"),"_").concat(n.replace("-","_"),"@example.com").toLowerCase(),birthday:o}});function i(e){for(var a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,n=[],t=0;t\n '.concat(e.template,"\n ");e.component=Object.assign({},{template:a,mixins:[e.js||{}],components:{},data:function(){return e.data}})}}},r=(n(336),n(52)),o=Object(r.a)(t,(function(){var e=this.$createElement,a=this._self._c||e;return a("div",{staticClass:"preview"},[a(this.component,{tag:"component"})],1)}),[],!1,null,"544081ab",null);a.default=o.exports}}]); \ No newline at end of file diff --git a/documents/assets/js/40.14c1b0d3.js b/documents/assets/js/40.14c1b0d3.js new file mode 100644 index 000000000..e5cbee62f --- /dev/null +++ b/documents/assets/js/40.14c1b0d3.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[40],{433:function(t,s,a){"use strict";a.r(s);var n=a(52),e=Object(n.a)({},(function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"percentcompletebarcolumn"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#percentcompletebarcolumn"}},[t._v("#")]),t._v(" PercentCompleteBarColumn")]),t._v(" "),a("p",[t._v("Show the percent complete bar.")]),t._v(" "),a("h2",{attrs:{id:"constructor-properties"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#constructor-properties"}},[t._v("#")]),t._v(" Constructor Properties")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Property")]),t._v(" "),a("th",[t._v("Description")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("code",[t._v("min")])]),t._v(" "),a("td",[t._v("Defines the minimum value of the bar.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("max")])]),t._v(" "),a("td",[t._v("Defines the maximum value of the bar.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("formatter")])]),t._v(" "),a("td",[t._v("Define the value display format.")])])])]),t._v(" "),a("h2",{attrs:{id:"style-properties"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#style-properties"}},[t._v("#")]),t._v(" Style Properties")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Property")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Default")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("code",[t._v("barColor")])]),t._v(" "),a("td",[t._v("Define color of bar. you can set a function that returns color from the value.")]),t._v(" "),a("td",[t._v("--")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("barBgColor")])]),t._v(" "),a("td",[t._v("Define background color of bar.")]),t._v(" "),a("td",[t._v("--")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("barHeight")])]),t._v(" "),a("td",[t._v("Define height of bar.")]),t._v(" "),a("td",[t._v("--")])])])]),t._v(" "),a("p",[t._v("In addition to this, the Standard styles is available.")]),t._v(" "),a("ul",[a("li",[a("RouterLink",{attrs:{to:"/api/js/column_styles/"}},[t._v("Standard Column Style")])],1)]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1 demo-grid middle"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"percent"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"label"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"percent"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"percent"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("PercentCompleteBarColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"value"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"value(10-20)"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("PercentCompleteBarColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n min"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("10")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n max"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("20")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"value"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"value(format)"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("PercentCompleteBarColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n min"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("10")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n max"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("20")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("formatter")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("v")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token template-string"}},[a("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")]),a("span",{pre:!0,attrs:{class:"token interpolation"}},[a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("${")]),t._v("v"),a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("}")])]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("pt")]),a("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"percent"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"percent2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("PercentCompleteBarColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("formatter")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("s")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n style"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n barHeight"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("19")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"percent"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"percent3"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("PercentCompleteBarColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n style"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n barBgColor"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#aaa"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n barColor"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#444"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"percent"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"percent4"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("PercentCompleteBarColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n style"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("barBgColor")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("per")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("per "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(">")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#faa"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#aaa"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("barColor")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("per")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("per "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(">")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#f44"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#444"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n frozenColCount"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" percent"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"100%"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("20")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" percent"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"80%"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("18")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" percent"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"60%"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("16")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" percent"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"40%"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("14")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" percent"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"20%"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("12")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" percent"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"0%"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("10")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br"),a("span",{staticClass:"line-number"},[t._v("39")]),a("br"),a("span",{staticClass:"line-number"},[t._v("40")]),a("br"),a("span",{staticClass:"line-number"},[t._v("41")]),a("br"),a("span",{staticClass:"line-number"},[t._v("42")]),a("br"),a("span",{staticClass:"line-number"},[t._v("43")]),a("br"),a("span",{staticClass:"line-number"},[t._v("44")]),a("br"),a("span",{staticClass:"line-number"},[t._v("45")]),a("br"),a("span",{staticClass:"line-number"},[t._v("46")]),a("br"),a("span",{staticClass:"line-number"},[t._v("47")]),a("br"),a("span",{staticClass:"line-number"},[t._v("48")]),a("br"),a("span",{staticClass:"line-number"},[t._v("49")]),a("br"),a("span",{staticClass:"line-number"},[t._v("50")]),a("br"),a("span",{staticClass:"line-number"},[t._v("51")]),a("br"),a("span",{staticClass:"line-number"},[t._v("52")]),a("br"),a("span",{staticClass:"line-number"},[t._v("53")]),a("br"),a("span",{staticClass:"line-number"},[t._v("54")]),a("br"),a("span",{staticClass:"line-number"},[t._v("55")]),a("br"),a("span",{staticClass:"line-number"},[t._v("56")]),a("br"),a("span",{staticClass:"line-number"},[t._v("57")]),a("br"),a("span",{staticClass:"line-number"},[t._v("58")]),a("br"),a("span",{staticClass:"line-number"},[t._v("59")]),a("br"),a("span",{staticClass:"line-number"},[t._v("60")]),a("br"),a("span",{staticClass:"line-number"},[t._v("61")]),a("br"),a("span",{staticClass:"line-number"},[t._v("62")]),a("br"),a("span",{staticClass:"line-number"},[t._v("63")]),a("br"),a("span",{staticClass:"line-number"},[t._v("64")]),a("br"),a("span",{staticClass:"line-number"},[t._v("65")]),a("br"),a("span",{staticClass:"line-number"},[t._v("66")]),a("br"),a("span",{staticClass:"line-number"},[t._v("67")]),a("br"),a("span",{staticClass:"line-number"},[t._v("68")]),a("br"),a("span",{staticClass:"line-number"},[t._v("69")]),a("br"),a("span",{staticClass:"line-number"},[t._v("70")]),a("br"),a("span",{staticClass:"line-number"},[t._v("71")]),a("br")])])])],1)}),[],!1,null,null,null);s.default=e.exports}}]); \ No newline at end of file diff --git a/documents/assets/js/41.6df81980.js b/documents/assets/js/41.6df81980.js new file mode 100644 index 000000000..644132548 --- /dev/null +++ b/documents/assets/js/41.6df81980.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[41],{436:function(t,s,a){"use strict";a.r(s);var n=a(52),e=Object(n.a)({},(function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"define-column-types"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#define-column-types"}},[t._v("#")]),t._v(" Define Column Types")]),t._v(" "),a("h2",{attrs:{id:"standard-column-type"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#standard-column-type"}},[t._v("#")]),t._v(" Standard Column Type")]),t._v(" "),a("p",[t._v("Set the column type by using "),a("code",[t._v("columnType")]),t._v(".")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("property")]),t._v(" "),a("th",[t._v("description")]),t._v(" "),a("th",[t._v("LINK")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("none")]),t._v(" "),a("td",[t._v("draw text in the cell")]),t._v(" "),a("td",[t._v("---")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("'number'")])]),t._v(" "),a("td",[t._v("draw number in the cell with comma-separated")]),t._v(" "),a("td",[a("RouterLink",{attrs:{to:"/api/js/column_types/NumberColumn.html"}},[t._v("NumberColumn")])],1)]),t._v(" "),a("tr",[a("td",[a("code",[t._v("'check'")])]),t._v(" "),a("td",[t._v("draw checkbox in the cell")]),t._v(" "),a("td",[a("RouterLink",{attrs:{to:"/api/js/column_types/CheckColumn.html"}},[t._v("CheckColumn")])],1)]),t._v(" "),a("tr",[a("td",[a("code",[t._v("'button'")])]),t._v(" "),a("td",[t._v("draw button in the cell")]),t._v(" "),a("td",[a("RouterLink",{attrs:{to:"/api/js/column_types/ButtonColumn.html"}},[t._v("ButtonColumn")])],1)]),t._v(" "),a("tr",[a("td",[a("code",[t._v("'image'")])]),t._v(" "),a("td",[t._v("draw image in the cell")]),t._v(" "),a("td",[a("RouterLink",{attrs:{to:"/api/js/column_types/ImageColumn.html"}},[t._v("ImageColumn")])],1)]),t._v(" "),a("tr",[a("td",[a("code",[t._v("'multilinetext'")])]),t._v(" "),a("td",[t._v("draw multiline text in the cell")]),t._v(" "),a("td",[a("RouterLink",{attrs:{to:"/api/js/column_types/MultilineTextColumn.html"}},[t._v("MultilineTextColumn")])],1)]),t._v(" "),a("tr",[a("td",[a("code",[t._v("'radio'")])]),t._v(" "),a("td",[t._v("draw radio button in the cell")]),t._v(" "),a("td",[a("RouterLink",{attrs:{to:"/api/js/column_types/RadioColumn.html"}},[t._v("RadioColumn")])],1)])])]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1 demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"no"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"no"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("//default")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"default"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"default"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("150")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("default")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"sample text"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("default")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"sample text"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("3")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("default")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"sample text"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br")])])]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample2 demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"no"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"no"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"number"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"number"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("180")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"number"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"button"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"show rec"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonAction")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("action")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("alert")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("JSON")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("stringify")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" number"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("12345")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" check"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" number"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("67890")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" check"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("3")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" number"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1234567890.098")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" check"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br")])])]),t._v(" "),a("h2",{attrs:{id:"advanced-column-type"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#advanced-column-type"}},[t._v("#")]),t._v(" Advanced Column Type")]),t._v(" "),a("p",[t._v("You can try kinds of view type by defining "),a("code",[t._v("columnType")]),t._v(" property using the instance.")]),t._v(" "),a("p",[t._v("Please refer to "),a("RouterLink",{attrs:{to:"/api/js/column_types/Classes.html"}},[t._v("here")])],1)],1)}),[],!1,null,null,null);s.default=e.exports}}]); \ No newline at end of file diff --git a/documents/assets/js/42.e6f76b45.js b/documents/assets/js/42.e6f76b45.js new file mode 100644 index 000000000..595c97c13 --- /dev/null +++ b/documents/assets/js/42.e6f76b45.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[42],{435:function(t,s,a){"use strict";a.r(s);var n=a(52),e=Object(n.a)({},(function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"radiocolumn"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#radiocolumn"}},[t._v("#")]),t._v(" RadioColumn")]),t._v(" "),a("p",[t._v("Show the radio button.")]),t._v(" "),a("p",[t._v("To make it editable, please use "),a("RouterLink",{attrs:{to:"/api/js/column_actions/RadioEditor.html"}},[t._v("RadioEditor")]),t._v(".")],1),t._v(" "),a("h2",{attrs:{id:"style-properties"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#style-properties"}},[t._v("#")]),t._v(" Style Properties")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Property")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Default")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("code",[t._v("checkColor")])]),t._v(" "),a("td",[t._v("Define check mark color of radio button.")]),t._v(" "),a("td",[t._v("resolve by the theme.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("checkBgColor")])]),t._v(" "),a("td",[t._v("Define background color of radio button, when it is checked.")]),t._v(" "),a("td",[t._v("resolve by the theme.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("uncheckBgColor")])]),t._v(" "),a("td",[t._v("Define background color of radio button, when it is unchecked.")]),t._v(" "),a("td",[t._v("resolve by the theme.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("checkBorderColor")])]),t._v(" "),a("td",[t._v("Define border color of radio button, when it is checked.")]),t._v(" "),a("td",[t._v("resolve by the theme.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("uncheckBorderColor")])]),t._v(" "),a("td",[t._v("Define border color of radio button, when it is unchecked.")]),t._v(" "),a("td",[t._v("resolve by the theme.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("textAlign")])]),t._v(" "),a("td",[t._v("Define horizontal position of radio button in cell.")]),t._v(" "),a("td",[a("code",[t._v("'center'")])])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("textBaseline")])]),t._v(" "),a("td",[t._v("Define vertical position of radio button in cell.")]),t._v(" "),a("td",[t._v("--")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("bgColor")])]),t._v(" "),a("td",[t._v("Define background color of cell.")]),t._v(" "),a("td",[t._v("resolve by the theme.")])])])]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1 demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"c1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"radio"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"radio"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// or `new cheetahGrid.columns.type.RadioColumn()`")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"c2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"style"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"radio"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n style"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n checkColor"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"rgb(255, 73, 72)"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n checkBgColor"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#FDD"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n checkBorderColor"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"red"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n uncheckBgColor"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#DDF"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n uncheckBorderColor"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"rgb(72, 73, 255)"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"show"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"SHOW"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonAction")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("action")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("alert")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("JSON")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("stringify")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("null")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('" "')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" c1"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" c2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" c1"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" c2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" c1"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" c2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" c1"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" c2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" c1"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" c2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" c1"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" c2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" c1"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" c2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" c1"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" c2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" c1"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" c2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" c1"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" c2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br"),a("span",{staticClass:"line-number"},[t._v("39")]),a("br"),a("span",{staticClass:"line-number"},[t._v("40")]),a("br"),a("span",{staticClass:"line-number"},[t._v("41")]),a("br"),a("span",{staticClass:"line-number"},[t._v("42")]),a("br"),a("span",{staticClass:"line-number"},[t._v("43")]),a("br"),a("span",{staticClass:"line-number"},[t._v("44")]),a("br"),a("span",{staticClass:"line-number"},[t._v("45")]),a("br"),a("span",{staticClass:"line-number"},[t._v("46")]),a("br"),a("span",{staticClass:"line-number"},[t._v("47")]),a("br"),a("span",{staticClass:"line-number"},[t._v("48")]),a("br")])])])],1)}),[],!1,null,null,null);s.default=e.exports}}]); \ No newline at end of file diff --git a/documents/assets/js/43.6c747350.js b/documents/assets/js/43.6c747350.js new file mode 100644 index 000000000..d7efcc61c --- /dev/null +++ b/documents/assets/js/43.6c747350.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[43],{437:function(t,s,a){"use strict";a.r(s);var n=a(52),e=Object(n.a)({},(function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"define-column-width"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#define-column-width"}},[t._v("#")]),t._v(" Define Column Width")]),t._v(" "),a("p",[t._v("You can set the width of each column by using "),a("code",[t._v("width")]),t._v(" property.\nIf nothing is set to "),a("code",[t._v("width")]),t._v(" property, the value of "),a("code",[t._v("defaultColWidth")]),t._v(" (property in "),a("code",[t._v("grid")]),t._v(") is used.")]),t._v(" "),a("p",[t._v("You can use "),a("code",[t._v("%")]),t._v(", "),a("code",[t._v("calc()")]),t._v(" or "),a("code",[t._v("auto")]),t._v(" by setting a string to the "),a("code",[t._v("width")]),t._v(" property.")]),t._v(" "),a("p",[t._v("You can also set the minimum and maximum widths by setting the "),a("code",[t._v("minWidth")]),t._v(" and "),a("code",[t._v("maxWidth")]),t._v(" properties.")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1 demo-grid middle"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("generatePersons")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n minWidth"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n maxWidth"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"personid"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"ID"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"10%"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n minWidth"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"50px"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n maxWidth"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"50%"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"fname"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"First Name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"auto"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" minWidth"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"120px"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"lname"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Last Name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"auto"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" minWidth"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"120px"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"email"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Email"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"calc(60% - 110px)"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n minWidth"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"120px"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n defaultColWidth"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br")])])])],1)}),[],!1,null,null,null);s.default=e.exports}}]); \ No newline at end of file diff --git a/documents/assets/js/44.6f0ff086.js b/documents/assets/js/44.6f0ff086.js new file mode 100644 index 000000000..0a830d99f --- /dev/null +++ b/documents/assets/js/44.6f0ff086.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[44],{438:function(t,s,a){"use strict";a.r(s);var n=a(52),e=Object(n.a)({},(function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"events"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#events"}},[t._v("#")]),t._v(" Events")]),t._v(" "),a("p",[t._v("You can set an event listener using the "),a("code",[t._v("listen(type, listener)")]),t._v(" method.")]),t._v(" "),a("p",[t._v("Please get the event type from "),a("a",{attrs:{href:"https://future-architect.github.io/cheetah-grid/documents/tsdoc/interfaces/listgidevents.html",target:"_blank",rel:"noopener noreferrer"}},[a("code",[t._v("cheetahGrid.ListGrid.EVENT_TYPE")]),a("OutboundLink")],1),t._v(".")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("textarea")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("log"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token special-attr"}},[a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("style")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),a("span",{pre:!0,attrs:{class:"token value css language-css"}},[a("span",{pre:!0,attrs:{class:"token property"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" 100%"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token property"}},[t._v("height")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" 100px"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("Event logs"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("input")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("include-mouse"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("checkbox"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("label")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("Include mousemove,mouseenter,mouseleave in the log"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1 demo-grid middle"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" lang "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v("\n navigator"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("language "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("||")]),t._v(" navigator"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("userLanguage "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("||")]),t._v(" navigator"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("browserLanguage"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("generatePersons")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("60")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"personid"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"ID"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"fname"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"First Name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"input"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"lname"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Last Name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"input"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"email"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Email"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("250")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"input"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("birthday"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("toLocaleString")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("lang"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n year"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"numeric"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n month"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"long"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n day"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"numeric"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"birthday"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("500")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n frozenColCount"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("log")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("typeName"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" args")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" el "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".log"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n el"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("value "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token template-string"}},[a("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("\\nEvent: ")]),a("span",{pre:!0,attrs:{class:"token interpolation"}},[a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("${")]),t._v("typeName"),a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("}")])]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v(" , args (")]),a("span",{pre:!0,attrs:{class:"token interpolation"}},[a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("${")]),t._v("args\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("map")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("JSON")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("stringify"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("join")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('", "')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("}")])]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n el"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("value "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" el"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("value"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("trim")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n el"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("scrollTop "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" el"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("scrollHeight"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("CLICK_CELL")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("DBLCLICK_CELL")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("DBLTAP_CELL")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("MOUSEDOWN_CELL")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("MOUSEUP_CELL")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("SELECTED_CELL")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("KEYDOWN")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("MOUSEMOVE_CELL")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("MOUSEENTER_CELL")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("MOUSELEAVE_CELL")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("MOUSEOVER_CELL")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("MOUSEOUT_CELL")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("INPUT_CELL")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("PASTE_CELL")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("RESIZE_COLUMN")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("SCROLL")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("CHANGED_VALUE")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("EVENT_TYPE")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("listen")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("CLICK_CELL")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("...")]),t._v("args")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("log")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("CLICK_CELL")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" args"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("listen")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("DBLCLICK_CELL")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("...")]),t._v("args")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("log")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("DBLCLICK_CELL")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" args"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("listen")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("DBLTAP_CELL")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("...")]),t._v("args")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("log")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("DBLTAP_CELL")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" args"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("listen")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("MOUSEDOWN_CELL")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("...")]),t._v("args")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("log")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("MOUSEDOWN_CELL")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" args"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("listen")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("MOUSEUP_CELL")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("...")]),t._v("args")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("log")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("MOUSEUP_CELL")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" args"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("listen")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("SELECTED_CELL")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("...")]),t._v("args")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("log")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("SELECTED_CELL")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" args"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("listen")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("KEYDOWN")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("...")]),t._v("args")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("log")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("KEYDOWN")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" args"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("listen")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("INPUT_CELL")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("...")]),t._v("args")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("log")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("INPUT_CELL")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" args"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("listen")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("PASTE_CELL")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("...")]),t._v("args")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("log")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("PASTE_CELL")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" args"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("listen")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("RESIZE_COLUMN")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("...")]),t._v("args")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("log")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("RESIZE_COLUMN")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" args"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("listen")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("SCROLL")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("...")]),t._v("args")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("log")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("SCROLL")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" args"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("listen")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("CHANGED_VALUE")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("...")]),t._v("args")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("log")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("CHANGED_VALUE")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" args"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("listen")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("MOUSEMOVE_CELL")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("...")]),t._v("args")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("!")]),t._v("document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".include-mouse"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("checked"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("log")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("MOUSEMOVE_CELL")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" args"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("listen")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("MOUSEENTER_CELL")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("...")]),t._v("args")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("!")]),t._v("document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".include-mouse"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("checked"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("log")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("MOUSEENTER_CELL")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" args"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("listen")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("MOUSELEAVE_CELL")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("...")]),t._v("args")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("!")]),t._v("document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".include-mouse"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("checked"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("log")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("MOUSELEAVE_CELL")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" args"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br"),a("span",{staticClass:"line-number"},[t._v("39")]),a("br"),a("span",{staticClass:"line-number"},[t._v("40")]),a("br"),a("span",{staticClass:"line-number"},[t._v("41")]),a("br"),a("span",{staticClass:"line-number"},[t._v("42")]),a("br"),a("span",{staticClass:"line-number"},[t._v("43")]),a("br"),a("span",{staticClass:"line-number"},[t._v("44")]),a("br"),a("span",{staticClass:"line-number"},[t._v("45")]),a("br"),a("span",{staticClass:"line-number"},[t._v("46")]),a("br"),a("span",{staticClass:"line-number"},[t._v("47")]),a("br"),a("span",{staticClass:"line-number"},[t._v("48")]),a("br"),a("span",{staticClass:"line-number"},[t._v("49")]),a("br"),a("span",{staticClass:"line-number"},[t._v("50")]),a("br"),a("span",{staticClass:"line-number"},[t._v("51")]),a("br"),a("span",{staticClass:"line-number"},[t._v("52")]),a("br"),a("span",{staticClass:"line-number"},[t._v("53")]),a("br"),a("span",{staticClass:"line-number"},[t._v("54")]),a("br"),a("span",{staticClass:"line-number"},[t._v("55")]),a("br"),a("span",{staticClass:"line-number"},[t._v("56")]),a("br"),a("span",{staticClass:"line-number"},[t._v("57")]),a("br"),a("span",{staticClass:"line-number"},[t._v("58")]),a("br"),a("span",{staticClass:"line-number"},[t._v("59")]),a("br"),a("span",{staticClass:"line-number"},[t._v("60")]),a("br"),a("span",{staticClass:"line-number"},[t._v("61")]),a("br"),a("span",{staticClass:"line-number"},[t._v("62")]),a("br"),a("span",{staticClass:"line-number"},[t._v("63")]),a("br"),a("span",{staticClass:"line-number"},[t._v("64")]),a("br"),a("span",{staticClass:"line-number"},[t._v("65")]),a("br"),a("span",{staticClass:"line-number"},[t._v("66")]),a("br"),a("span",{staticClass:"line-number"},[t._v("67")]),a("br"),a("span",{staticClass:"line-number"},[t._v("68")]),a("br"),a("span",{staticClass:"line-number"},[t._v("69")]),a("br"),a("span",{staticClass:"line-number"},[t._v("70")]),a("br"),a("span",{staticClass:"line-number"},[t._v("71")]),a("br"),a("span",{staticClass:"line-number"},[t._v("72")]),a("br"),a("span",{staticClass:"line-number"},[t._v("73")]),a("br"),a("span",{staticClass:"line-number"},[t._v("74")]),a("br"),a("span",{staticClass:"line-number"},[t._v("75")]),a("br"),a("span",{staticClass:"line-number"},[t._v("76")]),a("br"),a("span",{staticClass:"line-number"},[t._v("77")]),a("br"),a("span",{staticClass:"line-number"},[t._v("78")]),a("br"),a("span",{staticClass:"line-number"},[t._v("79")]),a("br"),a("span",{staticClass:"line-number"},[t._v("80")]),a("br"),a("span",{staticClass:"line-number"},[t._v("81")]),a("br"),a("span",{staticClass:"line-number"},[t._v("82")]),a("br"),a("span",{staticClass:"line-number"},[t._v("83")]),a("br"),a("span",{staticClass:"line-number"},[t._v("84")]),a("br"),a("span",{staticClass:"line-number"},[t._v("85")]),a("br"),a("span",{staticClass:"line-number"},[t._v("86")]),a("br"),a("span",{staticClass:"line-number"},[t._v("87")]),a("br"),a("span",{staticClass:"line-number"},[t._v("88")]),a("br"),a("span",{staticClass:"line-number"},[t._v("89")]),a("br"),a("span",{staticClass:"line-number"},[t._v("90")]),a("br"),a("span",{staticClass:"line-number"},[t._v("91")]),a("br"),a("span",{staticClass:"line-number"},[t._v("92")]),a("br"),a("span",{staticClass:"line-number"},[t._v("93")]),a("br"),a("span",{staticClass:"line-number"},[t._v("94")]),a("br")])])]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",{staticStyle:{"text-align":"left"}},[t._v("Event Name")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),a("tbody",[a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("EVENT_TYPE.CLICK_CELL")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Fires when the cell was clicked.")])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("EVENT_TYPE.DBLCLICK_CELL")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Fires when the cell was double-clicked.")])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("EVENT_TYPE.DBLTAP_CELL")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Fires when the cell was double-taped.")])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("EVENT_TYPE.MOUSEDOWN_CELL")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Fires when pointing device button is pressed in a cell.")])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("EVENT_TYPE.MOUSEUP_CELL")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Fires when pointing device button is released in a cell.")])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("EVENT_TYPE.SELECTED_CELL")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Fires when the cell selection state has changed.")])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("EVENT_TYPE.KEYDOWN")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Fires key-downed.")])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("EVENT_TYPE.MOUSEMOVE_CELL")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("TBA")])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("EVENT_TYPE.MOUSEENTER_CELL")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("TBA")])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("EVENT_TYPE.MOUSELEAVE_CELL")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("TBA")])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("EVENT_TYPE.MOUSEOVER_CELL")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("TBA")])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("EVENT_TYPE.MOUSEOUT_CELL")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("TBA")])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("EVENT_TYPE.CONTEXTMENU_CELL")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Fires when the user attempts to open a context menu in the cell.")])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("EVENT_TYPE.INPUT_CELL")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("TBA")])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("EVENT_TYPE.PASTE_CELL")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("TBA")])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("EVENT_TYPE.DELETE_CELL")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("TBA")])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("EVENT_TYPE.EDITABLEINPUT_CELL")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("TBA")])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("EVENT_TYPE.MODIFY_STATUS_EDITABLEINPUT_CELL")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("TBA")])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("EVENT_TYPE.RESIZE_COLUMN")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Fires when the column width has changed.")])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("EVENT_TYPE.SCROLL")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Fires when scrolled.")])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("EVENT_TYPE.FOCUS_GRID")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Fires when grid focus is activated.")])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("EVENT_TYPE.BLUR_GRID")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Fires when grid focus is inactivated.")])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("EVENT_TYPE.BEFORE_CHANGE_VALUE")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Notifies that before the cell value changes.")])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("EVENT_TYPE.CHANGED_VALUE")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Fires when the cell value was changed.")])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("EVENT_TYPE.CHANGED_HEADER_VALUE")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Fires when the header cell value was changed.")])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("EVENT_TYPE.REJECTED_PASTE_VALUES")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Notifies that the pasted value has been rejected.")])])])])],1)}),[],!1,null,null,null);s.default=e.exports}}]); \ No newline at end of file diff --git a/documents/assets/js/45.5be77374.js b/documents/assets/js/45.5be77374.js new file mode 100644 index 000000000..01c8d95d7 --- /dev/null +++ b/documents/assets/js/45.5be77374.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[45],{439:function(t,s,a){"use strict";a.r(s);var n=a(52),e=Object(n.a)({},(function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"filterdatasource"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#filterdatasource"}},[t._v("#")]),t._v(" FilterDataSource")]),t._v(" "),a("p",[t._v("Filtering the data to be displayed using "),a("code",[t._v("FilterDataSource")]),t._v("."),a("br"),t._v("\nGenerate a "),a("code",[t._v("FilterDataSource")]),t._v(" instance by passing "),a("code",[t._v("DataSource")]),t._v(" as the constructor argument."),a("br"),t._v("\nIf you want to generate from array, describe as "),a("code",[t._v("new cheetahGrid.data.FilterDataSource(cheetahGrid.data.DataSource.ofArray(array))")]),t._v(".")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("label")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("Filter:"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("input")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1-filter-input"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1 demo-grid large"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/**\n * @type {DataSource}\n */")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" personsDataSource "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("generatePersonsDataSource")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1000000")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" filterDataSource "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("FilterDataSource")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("\n personsDataSource\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"personid"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"ID"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columns"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"fname"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"First Name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"lname"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Last Name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"email"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Email"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("250")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" d "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("birthday"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token template-string"}},[a("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")]),a("span",{pre:!0,attrs:{class:"token interpolation"}},[a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("${")]),t._v("d"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("getFullYear")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("}")])]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("/")]),a("span",{pre:!0,attrs:{class:"token interpolation"}},[a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("${")]),t._v("d"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("getMonth")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("}")])]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("/")]),a("span",{pre:!0,attrs:{class:"token interpolation"}},[a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("${")]),t._v("d"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("getDate")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("}")])]),a("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"birthday"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"button"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("120")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/* button column */")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"SHOW REC"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonAction")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("action")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("alert")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("JSON")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("stringify")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n frozenColCount"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("dataSource "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" filterDataSource"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" input "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1-filter-input"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ninput"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("addEventListener")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"input"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" filterValue "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" input"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("value"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n filterDataSource"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("filter "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" filterValue\n "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("record")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// filtering method")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("for")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" k "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("in")]),t._v(" record"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token template-string"}},[a("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")]),a("span",{pre:!0,attrs:{class:"token interpolation"}},[a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("${")]),t._v("record"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("k"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("}")])]),a("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("indexOf")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("filterValue"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(">=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("null")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Please call `invalidate()`")]),t._v("\n grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("invalidate")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br"),a("span",{staticClass:"line-number"},[t._v("39")]),a("br"),a("span",{staticClass:"line-number"},[t._v("40")]),a("br"),a("span",{staticClass:"line-number"},[t._v("41")]),a("br"),a("span",{staticClass:"line-number"},[t._v("42")]),a("br"),a("span",{staticClass:"line-number"},[t._v("43")]),a("br"),a("span",{staticClass:"line-number"},[t._v("44")]),a("br"),a("span",{staticClass:"line-number"},[t._v("45")]),a("br"),a("span",{staticClass:"line-number"},[t._v("46")]),a("br"),a("span",{staticClass:"line-number"},[t._v("47")]),a("br"),a("span",{staticClass:"line-number"},[t._v("48")]),a("br"),a("span",{staticClass:"line-number"},[t._v("49")]),a("br"),a("span",{staticClass:"line-number"},[t._v("50")]),a("br"),a("span",{staticClass:"line-number"},[t._v("51")]),a("br"),a("span",{staticClass:"line-number"},[t._v("52")]),a("br"),a("span",{staticClass:"line-number"},[t._v("53")]),a("br"),a("span",{staticClass:"line-number"},[t._v("54")]),a("br"),a("span",{staticClass:"line-number"},[t._v("55")]),a("br"),a("span",{staticClass:"line-number"},[t._v("56")]),a("br"),a("span",{staticClass:"line-number"},[t._v("57")]),a("br"),a("span",{staticClass:"line-number"},[t._v("58")]),a("br"),a("span",{staticClass:"line-number"},[t._v("59")]),a("br"),a("span",{staticClass:"line-number"},[t._v("60")]),a("br"),a("span",{staticClass:"line-number"},[t._v("61")]),a("br"),a("span",{staticClass:"line-number"},[t._v("62")]),a("br"),a("span",{staticClass:"line-number"},[t._v("63")]),a("br"),a("span",{staticClass:"line-number"},[t._v("64")]),a("br"),a("span",{staticClass:"line-number"},[t._v("65")]),a("br"),a("span",{staticClass:"line-number"},[t._v("66")]),a("br"),a("span",{staticClass:"line-number"},[t._v("67")]),a("br"),a("span",{staticClass:"line-number"},[t._v("68")]),a("br"),a("span",{staticClass:"line-number"},[t._v("69")]),a("br"),a("span",{staticClass:"line-number"},[t._v("70")]),a("br")])])]),t._v(" "),a("h2",{attrs:{id:"using-promises"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#using-promises"}},[t._v("#")]),t._v(" Using "),a("code",[t._v("Promise")]),t._v("s")]),t._v(" "),a("p",[t._v("This feature is available even if record data is "),a("code",[t._v("Promise")]),t._v(".")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("label")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("Filter:"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("input")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample2-filter-input"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample2 demo-grid large"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" personsDataSource "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("CachedDataSource")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("get")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("index"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Promise")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("resolve")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n console"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("log")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token template-string"}},[a("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("get record:")]),a("span",{pre:!0,attrs:{class:"token interpolation"}},[a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("${")]),t._v("index"),a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("}")])]),a("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("setTimeout")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("resolve")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("generatePerson")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("index"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("300")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n length"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1000000")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"personid"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"ID"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columns"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"fname"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"First Name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"lname"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Last Name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"email"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Email"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("250")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" d "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("birthday"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token template-string"}},[a("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")]),a("span",{pre:!0,attrs:{class:"token interpolation"}},[a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("${")]),t._v("d"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("getFullYear")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("}")])]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("/")]),a("span",{pre:!0,attrs:{class:"token interpolation"}},[a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("${")]),t._v("d"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("getMonth")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("}")])]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("/")]),a("span",{pre:!0,attrs:{class:"token interpolation"}},[a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("${")]),t._v("d"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("getDate")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("}")])]),a("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"birthday"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"button"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("120")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/* button column */")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"SHOW REC"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonAction")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("action")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("alert")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("JSON")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("stringify")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n frozenColCount"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" filterDataSource "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("FilterDataSource")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("\n personsDataSource\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("dataSource "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" filterDataSource"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" input "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample2-filter-input"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ninput"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("addEventListener")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"input"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" filterValue "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" input"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("value"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n filterDataSource"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("filter "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" filterValue\n "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("record")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// filtering method")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("for")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" k "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("in")]),t._v(" record"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token template-string"}},[a("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")]),a("span",{pre:!0,attrs:{class:"token interpolation"}},[a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("${")]),t._v("record"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("k"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("}")])]),a("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("indexOf")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("filterValue"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(">=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("null")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Please call `invalidate()`")]),t._v("\n grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("invalidate")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br"),a("span",{staticClass:"line-number"},[t._v("39")]),a("br"),a("span",{staticClass:"line-number"},[t._v("40")]),a("br"),a("span",{staticClass:"line-number"},[t._v("41")]),a("br"),a("span",{staticClass:"line-number"},[t._v("42")]),a("br"),a("span",{staticClass:"line-number"},[t._v("43")]),a("br"),a("span",{staticClass:"line-number"},[t._v("44")]),a("br"),a("span",{staticClass:"line-number"},[t._v("45")]),a("br"),a("span",{staticClass:"line-number"},[t._v("46")]),a("br"),a("span",{staticClass:"line-number"},[t._v("47")]),a("br"),a("span",{staticClass:"line-number"},[t._v("48")]),a("br"),a("span",{staticClass:"line-number"},[t._v("49")]),a("br"),a("span",{staticClass:"line-number"},[t._v("50")]),a("br"),a("span",{staticClass:"line-number"},[t._v("51")]),a("br"),a("span",{staticClass:"line-number"},[t._v("52")]),a("br"),a("span",{staticClass:"line-number"},[t._v("53")]),a("br"),a("span",{staticClass:"line-number"},[t._v("54")]),a("br"),a("span",{staticClass:"line-number"},[t._v("55")]),a("br"),a("span",{staticClass:"line-number"},[t._v("56")]),a("br"),a("span",{staticClass:"line-number"},[t._v("57")]),a("br"),a("span",{staticClass:"line-number"},[t._v("58")]),a("br"),a("span",{staticClass:"line-number"},[t._v("59")]),a("br"),a("span",{staticClass:"line-number"},[t._v("60")]),a("br"),a("span",{staticClass:"line-number"},[t._v("61")]),a("br"),a("span",{staticClass:"line-number"},[t._v("62")]),a("br"),a("span",{staticClass:"line-number"},[t._v("63")]),a("br"),a("span",{staticClass:"line-number"},[t._v("64")]),a("br"),a("span",{staticClass:"line-number"},[t._v("65")]),a("br"),a("span",{staticClass:"line-number"},[t._v("66")]),a("br"),a("span",{staticClass:"line-number"},[t._v("67")]),a("br"),a("span",{staticClass:"line-number"},[t._v("68")]),a("br"),a("span",{staticClass:"line-number"},[t._v("69")]),a("br"),a("span",{staticClass:"line-number"},[t._v("70")]),a("br"),a("span",{staticClass:"line-number"},[t._v("71")]),a("br"),a("span",{staticClass:"line-number"},[t._v("72")]),a("br"),a("span",{staticClass:"line-number"},[t._v("73")]),a("br"),a("span",{staticClass:"line-number"},[t._v("74")]),a("br"),a("span",{staticClass:"line-number"},[t._v("75")]),a("br"),a("span",{staticClass:"line-number"},[t._v("76")]),a("br"),a("span",{staticClass:"line-number"},[t._v("77")]),a("br")])])])],1)}),[],!1,null,null,null);s.default=e.exports}}]); \ No newline at end of file diff --git a/documents/assets/js/46.a930d057.js b/documents/assets/js/46.a930d057.js new file mode 100644 index 000000000..b7b4d885d --- /dev/null +++ b/documents/assets/js/46.a930d057.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[46],{440:function(s,t,a){"use strict";a.r(t);var n=a(52),e=Object(n.a)({},(function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ContentSlotsDistributor",{attrs:{"slot-key":s.$parent.slotKey}},[a("h1",{attrs:{id:"grid-data"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#grid-data"}},[s._v("#")]),s._v(" Grid Data")]),s._v(" "),a("p",[s._v("Can use the "),a("code",[s._v("Array")]),s._v(" object or "),a("code",[s._v("cheetahGrid.data.DataSource")]),s._v(" object for grid data.")]),s._v(" "),a("h2",{attrs:{id:"using-array-object"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#using-array-object"}},[s._v("#")]),s._v(" Using "),a("code",[s._v("Array")]),s._v(" object")]),s._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("<")]),s._v("div")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[s._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[s._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v('"')]),s._v("sample1 demo-grid middle"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("")])]),s._v("\n")])]),s._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[s._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("new")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[s._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('".sample1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"personid"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"ID"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("100")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"fname"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"First Name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("200")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"lname"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Last Name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("200")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"email"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Email"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("250")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n frozenColCount"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// set array records")]),s._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n personid"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n fname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Sophia"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n lname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Hill"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n email"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"sophia_hill@example.com"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n personid"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n fname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Aubrey"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n lname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Martin"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n email"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"aubrey_martin@example.com"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n personid"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("3")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n fname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Avery"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n lname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Jones"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n email"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"avery_jones@example.com"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n personid"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("4")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n fname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Joseph"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n lname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Rodriguez"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n email"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"joseph_rodriguez@example.com"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n personid"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("5")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n fname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Samuel"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n lname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Campbell"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n email"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"samuel_campbell@example.com"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n personid"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("6")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n fname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Joshua"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n lname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Ortiz"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n email"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"joshua_ortiz@example.com"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n personid"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("7")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n fname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Mia"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n lname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Foster"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n email"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"mia_foster@example.com"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n personid"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("8")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n fname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Landon"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n lname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Lopez"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n email"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"landon_lopez@example.com"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n personid"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("9")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n fname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Audrey"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n lname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Cox"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n email"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"audrey_cox@example.com"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n personid"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("10")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n fname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Anna"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n lname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Ramirez"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n email"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"anna_ramirez@example.com"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n")])]),s._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[s._v("1")]),a("br"),a("span",{staticClass:"line-number"},[s._v("2")]),a("br"),a("span",{staticClass:"line-number"},[s._v("3")]),a("br"),a("span",{staticClass:"line-number"},[s._v("4")]),a("br"),a("span",{staticClass:"line-number"},[s._v("5")]),a("br"),a("span",{staticClass:"line-number"},[s._v("6")]),a("br"),a("span",{staticClass:"line-number"},[s._v("7")]),a("br"),a("span",{staticClass:"line-number"},[s._v("8")]),a("br"),a("span",{staticClass:"line-number"},[s._v("9")]),a("br"),a("span",{staticClass:"line-number"},[s._v("10")]),a("br"),a("span",{staticClass:"line-number"},[s._v("11")]),a("br"),a("span",{staticClass:"line-number"},[s._v("12")]),a("br"),a("span",{staticClass:"line-number"},[s._v("13")]),a("br"),a("span",{staticClass:"line-number"},[s._v("14")]),a("br"),a("span",{staticClass:"line-number"},[s._v("15")]),a("br"),a("span",{staticClass:"line-number"},[s._v("16")]),a("br"),a("span",{staticClass:"line-number"},[s._v("17")]),a("br"),a("span",{staticClass:"line-number"},[s._v("18")]),a("br"),a("span",{staticClass:"line-number"},[s._v("19")]),a("br"),a("span",{staticClass:"line-number"},[s._v("20")]),a("br"),a("span",{staticClass:"line-number"},[s._v("21")]),a("br"),a("span",{staticClass:"line-number"},[s._v("22")]),a("br"),a("span",{staticClass:"line-number"},[s._v("23")]),a("br"),a("span",{staticClass:"line-number"},[s._v("24")]),a("br"),a("span",{staticClass:"line-number"},[s._v("25")]),a("br"),a("span",{staticClass:"line-number"},[s._v("26")]),a("br"),a("span",{staticClass:"line-number"},[s._v("27")]),a("br"),a("span",{staticClass:"line-number"},[s._v("28")]),a("br"),a("span",{staticClass:"line-number"},[s._v("29")]),a("br"),a("span",{staticClass:"line-number"},[s._v("30")]),a("br"),a("span",{staticClass:"line-number"},[s._v("31")]),a("br"),a("span",{staticClass:"line-number"},[s._v("32")]),a("br"),a("span",{staticClass:"line-number"},[s._v("33")]),a("br"),a("span",{staticClass:"line-number"},[s._v("34")]),a("br"),a("span",{staticClass:"line-number"},[s._v("35")]),a("br"),a("span",{staticClass:"line-number"},[s._v("36")]),a("br"),a("span",{staticClass:"line-number"},[s._v("37")]),a("br"),a("span",{staticClass:"line-number"},[s._v("38")]),a("br"),a("span",{staticClass:"line-number"},[s._v("39")]),a("br"),a("span",{staticClass:"line-number"},[s._v("40")]),a("br"),a("span",{staticClass:"line-number"},[s._v("41")]),a("br"),a("span",{staticClass:"line-number"},[s._v("42")]),a("br"),a("span",{staticClass:"line-number"},[s._v("43")]),a("br"),a("span",{staticClass:"line-number"},[s._v("44")]),a("br"),a("span",{staticClass:"line-number"},[s._v("45")]),a("br"),a("span",{staticClass:"line-number"},[s._v("46")]),a("br"),a("span",{staticClass:"line-number"},[s._v("47")]),a("br"),a("span",{staticClass:"line-number"},[s._v("48")]),a("br"),a("span",{staticClass:"line-number"},[s._v("49")]),a("br"),a("span",{staticClass:"line-number"},[s._v("50")]),a("br"),a("span",{staticClass:"line-number"},[s._v("51")]),a("br"),a("span",{staticClass:"line-number"},[s._v("52")]),a("br"),a("span",{staticClass:"line-number"},[s._v("53")]),a("br"),a("span",{staticClass:"line-number"},[s._v("54")]),a("br"),a("span",{staticClass:"line-number"},[s._v("55")]),a("br"),a("span",{staticClass:"line-number"},[s._v("56")]),a("br"),a("span",{staticClass:"line-number"},[s._v("57")]),a("br"),a("span",{staticClass:"line-number"},[s._v("58")]),a("br"),a("span",{staticClass:"line-number"},[s._v("59")]),a("br"),a("span",{staticClass:"line-number"},[s._v("60")]),a("br"),a("span",{staticClass:"line-number"},[s._v("61")]),a("br"),a("span",{staticClass:"line-number"},[s._v("62")]),a("br"),a("span",{staticClass:"line-number"},[s._v("63")]),a("br"),a("span",{staticClass:"line-number"},[s._v("64")]),a("br"),a("span",{staticClass:"line-number"},[s._v("65")]),a("br"),a("span",{staticClass:"line-number"},[s._v("66")]),a("br"),a("span",{staticClass:"line-number"},[s._v("67")]),a("br"),a("span",{staticClass:"line-number"},[s._v("68")]),a("br"),a("span",{staticClass:"line-number"},[s._v("69")]),a("br"),a("span",{staticClass:"line-number"},[s._v("70")]),a("br"),a("span",{staticClass:"line-number"},[s._v("71")]),a("br"),a("span",{staticClass:"line-number"},[s._v("72")]),a("br"),a("span",{staticClass:"line-number"},[s._v("73")]),a("br")])])]),s._v(" "),a("h2",{attrs:{id:"using-cheetahgrid-data-datasource-object"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#using-cheetahgrid-data-datasource-object"}},[s._v("#")]),s._v(" Using "),a("code",[s._v("cheetahGrid.data.DataSource")]),s._v(" object")]),s._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("<")]),s._v("div")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[s._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[s._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v('"')]),s._v("sample2 demo-grid middle"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("")])]),s._v("\n")])]),s._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[s._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// define cache")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" array "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[s._v("getPerson")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[s._v("index")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=>")]),s._v("\n array"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("index"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("||")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("array"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("index"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("generatePerson")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("index"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("new")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[s._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('".sample2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"personid"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"ID"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("100")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"fname"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"First Name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("200")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"lname"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Last Name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("200")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"email"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Email"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("250")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n frozenColCount"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("dataSource "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("new")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[s._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("CachedDataSource")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// Get record method")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("get")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("index"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("return")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("getPerson")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("index"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// Number of records")]),s._v("\n length"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("10000")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n")])]),s._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[s._v("1")]),a("br"),a("span",{staticClass:"line-number"},[s._v("2")]),a("br"),a("span",{staticClass:"line-number"},[s._v("3")]),a("br"),a("span",{staticClass:"line-number"},[s._v("4")]),a("br"),a("span",{staticClass:"line-number"},[s._v("5")]),a("br"),a("span",{staticClass:"line-number"},[s._v("6")]),a("br"),a("span",{staticClass:"line-number"},[s._v("7")]),a("br"),a("span",{staticClass:"line-number"},[s._v("8")]),a("br"),a("span",{staticClass:"line-number"},[s._v("9")]),a("br"),a("span",{staticClass:"line-number"},[s._v("10")]),a("br"),a("span",{staticClass:"line-number"},[s._v("11")]),a("br"),a("span",{staticClass:"line-number"},[s._v("12")]),a("br"),a("span",{staticClass:"line-number"},[s._v("13")]),a("br"),a("span",{staticClass:"line-number"},[s._v("14")]),a("br"),a("span",{staticClass:"line-number"},[s._v("15")]),a("br"),a("span",{staticClass:"line-number"},[s._v("16")]),a("br"),a("span",{staticClass:"line-number"},[s._v("17")]),a("br"),a("span",{staticClass:"line-number"},[s._v("18")]),a("br"),a("span",{staticClass:"line-number"},[s._v("19")]),a("br"),a("span",{staticClass:"line-number"},[s._v("20")]),a("br"),a("span",{staticClass:"line-number"},[s._v("21")]),a("br"),a("span",{staticClass:"line-number"},[s._v("22")]),a("br"),a("span",{staticClass:"line-number"},[s._v("23")]),a("br")])])]),s._v(" "),a("p",[a("code",[s._v("cheetahGrid.data.DataSource")]),s._v(" has subclasses\n"),a("code",[s._v("cheetahGrid.data.CachedDataSource")]),s._v(" and "),a("RouterLink",{attrs:{to:"/api/js/grid_data/FilterDataSource.html"}},[a("code",[s._v("cheetahGrid.data.FilterDataSource")])])],1),s._v(" "),a("p",[a("code",[s._v("CachedDataSource")]),s._v(" has the ability to cache the return value if the record is a "),a("code",[s._v("Promise")]),s._v(" object.\nIf you know that the record does not become "),a("code",[s._v("Promise")]),s._v(", you can use "),a("code",[s._v("DataSource")]),s._v(",\nIn this case it is recommended to use "),a("code",[s._v("CachedDataSource")]),s._v(" as "),a("code",[s._v("CachedDataSource")]),s._v(" does not change in behavior.")])],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file diff --git a/documents/assets/js/47.ab256928.js b/documents/assets/js/47.ab256928.js new file mode 100644 index 000000000..76ae68eac --- /dev/null +++ b/documents/assets/js/47.ab256928.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[47],{441:function(t,s,a){"use strict";a.r(s);var n=a(52),e=Object(n.a)({},(function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"using-promises"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#using-promises"}},[t._v("#")]),t._v(" Using "),a("code",[t._v("Promise")]),t._v("s")]),t._v(" "),a("p",[t._v("Cheetah Grid supports "),a("code",[t._v("Promise")]),t._v(" object.\nWe suppose the situations below as a example.")]),t._v(" "),a("ul",[a("li",[t._v("Get the record informations as deferred"),a("br"),t._v("\nGet and show a few records in first view. Remaining records are shown when scrolled.")]),t._v(" "),a("li",[t._v("Get the cell informations as deferred"),a("br"),t._v("\nGet and show the important informations in first view. Remaining details are shown later.")])]),t._v(" "),a("h2",{attrs:{id:"promise-records"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#promise-records"}},[t._v("#")]),t._v(" "),a("code",[t._v("Promise")]),t._v(" Records")]),t._v(" "),a("p",[t._v("Shows usage below.")]),t._v(" "),a("p",[t._v("In this example grid shows 1,000 recors as a whole. Getting 100 records by each ajax is supposed.")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("textarea")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("rec_sample_log"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token special-attr"}},[a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("style")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),a("span",{pre:!0,attrs:{class:"token value css language-css"}},[a("span",{pre:!0,attrs:{class:"token property"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" 100%"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token property"}},[t._v("height")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" 100px"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("readonly")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("true"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\najax logs"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("rec_sample demo-grid middle"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br")])]),a("p",[a("code",[t._v("getRecordsWithAjax")]),t._v(" in example code returns "),a("code",[t._v("Promise")]),t._v(" object which get 100 records by ajax.")]),t._v(" "),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("getRecordsWithAjax")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("startIndex"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" num")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Promise")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("resolve")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("setTimeout")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("for")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),t._v(" i "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v(" i "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("<")]),t._v(" num"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v(" i"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("++")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("push")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("generatePerson")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("startIndex "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" i"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" log "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".rec_sample_log"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n log"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("value "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token template-string"}},[a("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("\\nAcquire ")]),a("span",{pre:!0,attrs:{class:"token interpolation"}},[a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("${")]),t._v("num"),a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("}")])]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v(" data from index ")]),a("span",{pre:!0,attrs:{class:"token interpolation"}},[a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("${")]),t._v("startIndex"),a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("}")])]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n log"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("value "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" log"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("value"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("trim")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n log"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("scrollTop "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" log"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("scrollHeight"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("resolve")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("500")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// create DataSource")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" loadedData "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" dataSource "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("CachedDataSource")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("get")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("index"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" loadStartIndex "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" Math"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("floor")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("index "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("/")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("*")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("!")]),t._v("loadedData"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("loadStartIndex"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" promiseObject "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("getRecordsWithAjax")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("loadStartIndex"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// return Promise Object")]),t._v("\n loadedData"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("loadStartIndex"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" promiseObject"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" loadedData"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("loadStartIndex"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("then")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("index "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("-")]),t._v(" loadStartIndex"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n length"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1000")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("//all records count")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// create cheetahGrid")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".rec_sample"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"personid"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"ID"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"fname"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"First Name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"lname"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Last Name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"email"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Email"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("250")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Intl"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("DateTimeFormat")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("format")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("birthday"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"birthday"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n frozenColCount"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("configure")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"fadeinWhenCallbackInPromise"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// set dataSource")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("dataSource "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" dataSource"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br"),a("span",{staticClass:"line-number"},[t._v("39")]),a("br"),a("span",{staticClass:"line-number"},[t._v("40")]),a("br"),a("span",{staticClass:"line-number"},[t._v("41")]),a("br"),a("span",{staticClass:"line-number"},[t._v("42")]),a("br"),a("span",{staticClass:"line-number"},[t._v("43")]),a("br"),a("span",{staticClass:"line-number"},[t._v("44")]),a("br"),a("span",{staticClass:"line-number"},[t._v("45")]),a("br"),a("span",{staticClass:"line-number"},[t._v("46")]),a("br"),a("span",{staticClass:"line-number"},[t._v("47")]),a("br"),a("span",{staticClass:"line-number"},[t._v("48")]),a("br"),a("span",{staticClass:"line-number"},[t._v("49")]),a("br"),a("span",{staticClass:"line-number"},[t._v("50")]),a("br"),a("span",{staticClass:"line-number"},[t._v("51")]),a("br"),a("span",{staticClass:"line-number"},[t._v("52")]),a("br")])])]),t._v(" "),a("h2",{attrs:{id:"promise-cells"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#promise-cells"}},[t._v("#")]),t._v(" "),a("code",[t._v("Promise")]),t._v(" Cells")]),t._v(" "),a("p",[t._v("Example below shows Person data. Department informations are shown later by ajax.")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("textarea")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("cell_sample_log"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token special-attr"}},[a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("style")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),a("span",{pre:!0,attrs:{class:"token value css language-css"}},[a("span",{pre:!0,attrs:{class:"token property"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" 100%"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token property"}},[t._v("height")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" 100px"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("readonly")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("true"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\najax logs"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("cell_sample demo-grid middle"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br")])]),a("p",[a("code",[t._v("getPersonDeptWithAjax")]),t._v(" in example code returns "),a("code",[t._v("Promise")]),t._v(" object which get department information by ajax.")]),t._v(" "),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("generatePersons")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1000")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" depts "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"General Affairs"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Personal"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"General Accounting"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Sales"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Sales Promotion"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Procurement"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Development"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Engineering"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Manufacturing"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Procurement"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Export"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Public Relations"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Information & Research"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Legal"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Advertising"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Planning"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Secretary"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("getPersonDeptWithAjax")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("personid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Promise")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("resolve")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("setTimeout")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" dept "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" depts"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("Math"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("floor")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("Math"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("random")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("*")]),t._v(" depts"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("length"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" log "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".cell_sample_log"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n log"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("value "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token template-string"}},[a("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("\\nAcquire department data of personid: ")]),a("span",{pre:!0,attrs:{class:"token interpolation"}},[a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("${")]),t._v("personid"),a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("}")])]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v(". => department: ")]),a("span",{pre:!0,attrs:{class:"token interpolation"}},[a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("${")]),t._v("dept"),a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("}")])]),a("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n log"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("value "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" log"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("value"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("trim")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n log"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("scrollTop "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" log"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("scrollHeight"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("resolve")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("dept"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("500")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".cell_sample"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"personid"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"ID"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"fname"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"First Name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"lname"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Last Name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"email"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Email"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("250")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("getPersonDeptWithAjax")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("personid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// return Promise Object")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Department"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("250")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n frozenColCount"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("configure")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"fadeinWhenCallbackInPromise"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br"),a("span",{staticClass:"line-number"},[t._v("39")]),a("br"),a("span",{staticClass:"line-number"},[t._v("40")]),a("br"),a("span",{staticClass:"line-number"},[t._v("41")]),a("br"),a("span",{staticClass:"line-number"},[t._v("42")]),a("br"),a("span",{staticClass:"line-number"},[t._v("43")]),a("br"),a("span",{staticClass:"line-number"},[t._v("44")]),a("br"),a("span",{staticClass:"line-number"},[t._v("45")]),a("br"),a("span",{staticClass:"line-number"},[t._v("46")]),a("br"),a("span",{staticClass:"line-number"},[t._v("47")]),a("br"),a("span",{staticClass:"line-number"},[t._v("48")]),a("br"),a("span",{staticClass:"line-number"},[t._v("49")]),a("br"),a("span",{staticClass:"line-number"},[t._v("50")]),a("br"),a("span",{staticClass:"line-number"},[t._v("51")]),a("br"),a("span",{staticClass:"line-number"},[t._v("52")]),a("br"),a("span",{staticClass:"line-number"},[t._v("53")]),a("br")])])])],1)}),[],!1,null,null,null);s.default=e.exports}}]); \ No newline at end of file diff --git a/documents/assets/js/48.6f1843d8.js b/documents/assets/js/48.6f1843d8.js new file mode 100644 index 000000000..c0c95eb01 --- /dev/null +++ b/documents/assets/js/48.6f1843d8.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[48],{442:function(t,s,a){"use strict";a.r(s);var n=a(52),e=Object(n.a)({},(function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"define-headers-and-columns"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#define-headers-and-columns"}},[t._v("#")]),t._v(" Define Headers and Columns")]),t._v(" "),a("h2",{attrs:{id:"standard-column"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#standard-column"}},[t._v("#")]),t._v(" Standard Column")]),t._v(" "),a("p",[t._v("The "),a("code",[t._v("header")]),t._v(" property, the property of "),a("code",[t._v("cheetahGrid.ListGrid")]),t._v(", decides the behave and appearance of columns and header cells."),a("br"),t._v("\nWe can set this property by constructor arguments or instance property.")]),t._v(" "),a("p",[t._v("The "),a("code",[t._v("header")]),t._v(" property must be set by objects array ("),a("code",[t._v("Array")]),t._v(")."),a("br"),t._v("\nIn the standard definition, each object consists of following properties.")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Property")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("LINK")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("caption")]),t._v(" "),a("td",[a("code",[t._v("string")])]),t._v(" "),a("td",[t._v("define the header caption")]),t._v(" "),a("td",[t._v("---")])]),t._v(" "),a("tr",[a("td",[t._v("field")]),t._v(" "),a("td",[a("code",[t._v("string")]),t._v(" | "),a("code",[t._v("function")]),t._v(" | "),a("code",[t._v("{get:function,set?:function}")])]),t._v(" "),a("td",[t._v("define the field name, getter function, or accessor object of the record to display in the cell")]),t._v(" "),a("td",[t._v("---")])]),t._v(" "),a("tr",[a("td",[t._v("width")]),t._v(" "),a("td",[a("code",[t._v("string")]),t._v(" | "),a("code",[t._v("number")])]),t._v(" "),a("td",[t._v("define the width of column")]),t._v(" "),a("td",[a("RouterLink",{attrs:{to:"/api/js/column_width.html"}},[t._v("link")])],1)]),t._v(" "),a("tr",[a("td",[t._v("minWidth")]),t._v(" "),a("td",[a("code",[t._v("string")]),t._v(" | "),a("code",[t._v("number")])]),t._v(" "),a("td",[t._v("define the minimum width of column")]),t._v(" "),a("td",[a("RouterLink",{attrs:{to:"/api/js/column_width.html"}},[t._v("link")])],1)]),t._v(" "),a("tr",[a("td",[t._v("maxWidth")]),t._v(" "),a("td",[a("code",[t._v("string")]),t._v(" | "),a("code",[t._v("number")])]),t._v(" "),a("td",[t._v("define the maximum width of column")]),t._v(" "),a("td",[a("RouterLink",{attrs:{to:"/api/js/column_width.html"}},[t._v("link")])],1)]),t._v(" "),a("tr",[a("td",[t._v("columnType")]),t._v(" "),a("td",[a("code",[t._v("string")]),t._v(" | "),a("code",[t._v("object")])]),t._v(" "),a("td",[t._v("define the type of column")]),t._v(" "),a("td",[a("RouterLink",{attrs:{to:"/api/js/column_types/"}},[t._v("link")])],1)]),t._v(" "),a("tr",[a("td",[t._v("style")]),t._v(" "),a("td",[a("code",[t._v("string")]),t._v(" | "),a("code",[t._v("object")]),t._v(" | "),a("code",[t._v("function")])]),t._v(" "),a("td",[t._v("define the style of column")]),t._v(" "),a("td",[a("RouterLink",{attrs:{to:"/api/js/column_styles/"}},[t._v("link")])],1)]),t._v(" "),a("tr",[a("td",[t._v("action")]),t._v(" "),a("td",[a("code",[t._v("string")]),t._v(" | "),a("code",[t._v("object")])]),t._v(" "),a("td",[t._v("define the action of column")]),t._v(" "),a("td",[a("RouterLink",{attrs:{to:"/api/js/column_actions/"}},[t._v("link")])],1)])])]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1 demo-grid middle"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/*\n record object properties\n {\n personid: 'ID',\n fname: 'First Name',\n lname: 'Last Name',\n email: 'Email',\n birthday: 'birthday',\n }\n */")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("generatePersons")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"personid"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"ID"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"fname"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"First Name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"lname"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Last Name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"email"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Email"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("250")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" getBirthday"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Birthday"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n frozenColCount"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("getBirthday")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" dateTimeFormat "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Intl"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("DateTimeFormat")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"en-US"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n year"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"numeric"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n month"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"numeric"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n day"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"numeric"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" dateTimeFormat"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("format")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("birthday"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br")])])]),t._v(" "),a("h3",{attrs:{id:"field-property"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#field-property"}},[t._v("#")]),t._v(" "),a("code",[t._v("field")]),t._v(" property")]),t._v(" "),a("p",[a("code",[t._v("field")]),t._v(" is one of the most basic properties. It provides the data to display from the record to the cell.\nYou can choose and define one of the 3 formats.")]),t._v(" "),a("h4",{attrs:{id:"string-format"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#string-format"}},[t._v("#")]),t._v(" string format")]),t._v(" "),a("p",[t._v("Define the property name to get the cell data from the record as a string.")]),t._v(" "),a("p",[t._v("For example:")]),t._v(" "),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// ...")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// ...")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"email"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// ...")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// ...")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// ...")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br")])]),a("h4",{attrs:{id:"function-format"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#function-format"}},[t._v("#")]),t._v(" function format")]),t._v(" "),a("p",[t._v("Define the getter function that get the cell data from the record.")]),t._v(" "),a("p",[t._v("For example:")]),t._v(" "),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// ...")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// ...")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("record")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" record"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("email"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// ...")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// ...")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// ...")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br")])]),a("h4",{attrs:{id:"object-format"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#object-format"}},[t._v("#")]),t._v(" object format")]),t._v(" "),a("p",[t._v("Define an object with a getter function that gets the cell data from the record and a setter function that sets the cell data to the record.")]),t._v(" "),a("p",[t._v("For example:")]),t._v(" "),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// ...")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// ...")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("get")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("record")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" record"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("email"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("set")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("record"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" newValue")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("record"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("email "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" newValue"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// ...")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// ...")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// ...")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br")])]),a("h2",{attrs:{id:"multiple-header"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#multiple-header"}},[t._v("#")]),t._v(" Multiple Header")]),t._v(" "),a("p",[t._v("To use multiple header, set the hierarchical structured Object to the "),a("code",[t._v("header")]),t._v(" property.")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample2 demo-grid middle"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"personid"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"ID"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/* multiple header */")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columns"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"fname"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"First Name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"lname"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Last Name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"email"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Email"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("250")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" getBirthday"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Birthday"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n frozenColCount"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("getBirthday")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" dateTimeFormat "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Intl"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("DateTimeFormat")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"en-US"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n year"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"numeric"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n month"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"numeric"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n day"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"numeric"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" dateTimeFormat"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("format")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("birthday"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br")])])])],1)}),[],!1,null,null,null);s.default=e.exports}}]); \ No newline at end of file diff --git a/documents/assets/js/49.c48ade93.js b/documents/assets/js/49.c48ade93.js new file mode 100644 index 000000000..37b420fa4 --- /dev/null +++ b/documents/assets/js/49.c48ade93.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[49],{443:function(t,e,l){"use strict";l.r(e);var a=l(52),i=Object(a.a)({},(function(){var t=this,e=t.$createElement,l=t._self._c||e;return l("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[l("h1",{attrs:{id:"options-and-properties"}},[l("a",{staticClass:"header-anchor",attrs:{href:"#options-and-properties"}},[t._v("#")]),t._v(" Options and Properties")]),t._v(" "),l("h2",{attrs:{id:"cheetahgrid-listgrid"}},[l("a",{staticClass:"header-anchor",attrs:{href:"#cheetahgrid-listgrid"}},[t._v("#")]),t._v(" "),l("code",[t._v("cheetahGrid.ListGrid")])]),t._v(" "),l("h3",{attrs:{id:"constructor-options"}},[l("a",{staticClass:"header-anchor",attrs:{href:"#constructor-options"}},[t._v("#")]),t._v(" Constructor Options")]),t._v(" "),l("table",[l("thead",[l("tr",[l("th",{staticStyle:{"text-align":"left"}},[t._v("Property")]),t._v(" "),l("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),l("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),l("tbody",[l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("header")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("HeadersDefine")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Define simple headers and layout. This property cannot be used with the "),l("code",[t._v("layout")]),t._v(" property. See "),l("RouterLink",{attrs:{to:"/api/js/headers_columns.html"}},[t._v("Define Headers and Columns")]),t._v(".")],1)]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("layout")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("LayoutDefine")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Define advanced headers and layout. This property cannot be used with the "),l("code",[t._v("header")]),t._v(" property. See "),l("RouterLink",{attrs:{to:"/api/js/advanced_layout/"}},[t._v("Advanced Layout")]),t._v(".")],1)]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("records")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Array")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Records. This property cannot be used with the "),l("code",[t._v("dataSource")]),t._v(" property. See "),l("RouterLink",{attrs:{to:"/api/js/grid_data/"}},[t._v("Grid Data")]),t._v(".")],1)]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("dataSource")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("DataSource")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("The data source that supplies the records. This property cannot be used with the "),l("code",[t._v("records")]),t._v(" property. See "),l("RouterLink",{attrs:{to:"/api/js/grid_data/"}},[t._v("Grid Data")]),t._v(".")],1)]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("parentElement")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("HTMLElement")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Specify the parent element.")])]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("frozenColCount")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("number")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Specify the number of columns to be frozen to the left.")])]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("defaultRowHeight")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("number")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Specify the default grid rows height.")])]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("defaultColWidth")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("number")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Specify the default grid columns width.")])]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("headerRowHeight")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("number[] / number")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Specify the header row(s) height.")])]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("theme")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("ThemeDefine / string")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Specify the theme. See "),l("RouterLink",{attrs:{to:"/api/js/theme.html"}},[t._v("Theme")]),t._v(".")],1)]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("font")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("string")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Specify the default font.")])]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("underlayBackgroundColor")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("string")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Specify the underlay background color.")])]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("allowRangePaste")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("boolean")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Specify "),l("code",[t._v("true")]),t._v(" to allow pasting of the range. See "),l("RouterLink",{attrs:{to:"/api/js/options/allowRangePaste.html"}},[t._v("Examples of allowRangePaste")]),t._v(".")],1)]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("trimOnPaste")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("boolean")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Specify "),l("code",[t._v("true")]),t._v(", trim the pasted text on pasting.")])]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("disableColumnResize")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("boolean")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Specify "),l("code",[t._v("true")]),t._v(" to disable column resize.")])]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("keyboardOptions.moveCellOnTab")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("boolean / function")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Specify "),l("code",[t._v("true")]),t._v(" to enable cell movement by Tab key. You can also specify a function that determines which cell to move to.")])]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("keyboardOptions.moveCellOnEnter")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("boolean / function")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Specify "),l("code",[t._v("true")]),t._v(" to enable cell movement by Enter key. You can also specify a function that determines which cell to move to.")])]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("keyboardOptions.deleteCellValueOnDel")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("boolean")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Specify "),l("code",[t._v("true")]),t._v(" to enable enable deletion of cell values with the Del and BS keys.")])]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("keyboardOptions.selectAllOnCtrlA")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("boolean")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Specify "),l("code",[t._v("true")]),t._v(" to enable select all cells by Ctrl + A key.")])])])]),t._v(" "),l("h3",{attrs:{id:"properties"}},[l("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),l("table",[l("thead",[l("tr",[l("th",{staticStyle:{"text-align":"left"}},[t._v("Property")]),t._v(" "),l("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),l("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),l("tbody",[l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("header")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("HeadersDefine")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Same as the constructor option.")])]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("layout")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("LayoutDefine")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Same as the constructor option.")])]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("records")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Array")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Same as the constructor option.")])]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("dataSource")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("DataSource")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Same as the constructor option.")])]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("frozenColCount")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("number")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Same as the constructor option.")])]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("defaultRowHeight")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("number")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Same as the constructor option.")])]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("defaultColWidth")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("number")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Same as the constructor option.")])]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("theme")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("ThemeDefine / string")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Same as the constructor option.")])]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("font")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("string")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Same as the constructor option.")])]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("underlayBackgroundColor")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("string")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Same as the constructor option.")])]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("allowRangePaste")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("boolean")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Same as the constructor option.")])]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("trimOnPaste")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("boolean")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Same as the constructor option.")])]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("keyboardOptions")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("object")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Same as the constructor option.")])]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("sortState")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("SortState")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Sort state.")])]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("headerValues")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Map")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("A map of the values entered in the header.")])])])])])}),[],!1,null,null,null);e.default=i.exports}}]); \ No newline at end of file diff --git a/documents/assets/js/5.39e0a7dd.js b/documents/assets/js/5.39e0a7dd.js new file mode 100644 index 000000000..b57ec9307 --- /dev/null +++ b/documents/assets/js/5.39e0a7dd.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[5],{361:function(t,e,n){},395:function(t,e,n){"use strict";n(361)},474:function(t,e,n){"use strict";n.r(e);var i={functional:!0,props:{type:{type:String,default:"tip"},text:String,vertical:{type:String,default:"top"}},render:function(t,e){var n=e.props,i=e.slots;return t("span",{class:["badge",n.type],style:{verticalAlign:n.vertical}},n.text||i().default)}},r=(n(395),n(52)),p=Object(r.a)(i,void 0,void 0,!1,null,"15b7b770",null);e.default=p.exports}}]); \ No newline at end of file diff --git a/documents/assets/js/50.57381911.js b/documents/assets/js/50.57381911.js new file mode 100644 index 000000000..701a11b8e --- /dev/null +++ b/documents/assets/js/50.57381911.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[50],{445:function(s,t,a){"use strict";a.r(t);var n=a(52),r=Object(n.a)({},(function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ContentSlotsDistributor",{attrs:{"slot-key":s.$parent.slotKey}},[a("h1",{attrs:{id:"examples-of-allowrangepaste"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#examples-of-allowrangepaste"}},[s._v("#")]),s._v(" Examples of "),a("code",[s._v("allowRangePaste")])]),s._v(" "),a("ul",[a("li",[s._v("Simple Layout")])]),s._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("<")]),s._v("div")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[s._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[s._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v('"')]),s._v("sample1 demo-grid large"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("")])]),s._v("\n")])]),s._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[s._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" menuOptions "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Empty"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Option 1"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Option 2"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"3"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Option 3"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"4"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Option 4"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"5"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Option 5"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"6"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Option 6"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"7"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Option 7"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("new")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[s._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('".sample1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n allowRangePaste"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// Allow pasting of range.")]),s._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"selected"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("80")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"personid"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"ID"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" action"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"input"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"fname"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"First Name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"auto"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n minWidth"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("30")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"input"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"lname"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Last Name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"auto"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n minWidth"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("30")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"input"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"email"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Email"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"auto"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n minWidth"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("30")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"input"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"option"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Option"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"auto"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n minWidth"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("30")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("new")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[s._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("MenuColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n options"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" menuOptions"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("new")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[s._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("InlineMenuEditor")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n options"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" menuOptions"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n frozenColCount"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n personid"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n fname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Sophia"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n lname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Hill"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n email"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"sophia_hill@example.com"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n option"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n personid"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n fname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Aubrey"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n lname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Martin"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n email"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"aubrey_martin@example.com"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n option"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n personid"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("3")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n fname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Avery"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n lname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Jones"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n email"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"avery_jones@example.com"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n option"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n personid"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("4")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n fname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Joseph"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n lname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Rodriguez"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n email"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"joseph_rodriguez@example.com"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n option"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n personid"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("5")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n fname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Samuel"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n lname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Campbell"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n email"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"samuel_campbell@example.com"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n option"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n personid"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("6")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n fname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Joshua"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n lname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Ortiz"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n email"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"joshua_ortiz@example.com"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n option"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n personid"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("7")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n fname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Mia"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n lname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Foster"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n email"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"mia_foster@example.com"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n option"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n personid"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("8")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n fname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Landon"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n lname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Lopez"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n email"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"landon_lopez@example.com"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n option"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n personid"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("9")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n fname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Audrey"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n lname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Cox"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n email"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"audrey_cox@example.com"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n option"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n personid"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("10")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n fname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Anna"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n lname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Ramirez"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n email"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"anna_ramirez@example.com"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n option"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n")])]),s._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[s._v("1")]),a("br"),a("span",{staticClass:"line-number"},[s._v("2")]),a("br"),a("span",{staticClass:"line-number"},[s._v("3")]),a("br"),a("span",{staticClass:"line-number"},[s._v("4")]),a("br"),a("span",{staticClass:"line-number"},[s._v("5")]),a("br"),a("span",{staticClass:"line-number"},[s._v("6")]),a("br"),a("span",{staticClass:"line-number"},[s._v("7")]),a("br"),a("span",{staticClass:"line-number"},[s._v("8")]),a("br"),a("span",{staticClass:"line-number"},[s._v("9")]),a("br"),a("span",{staticClass:"line-number"},[s._v("10")]),a("br"),a("span",{staticClass:"line-number"},[s._v("11")]),a("br"),a("span",{staticClass:"line-number"},[s._v("12")]),a("br"),a("span",{staticClass:"line-number"},[s._v("13")]),a("br"),a("span",{staticClass:"line-number"},[s._v("14")]),a("br"),a("span",{staticClass:"line-number"},[s._v("15")]),a("br"),a("span",{staticClass:"line-number"},[s._v("16")]),a("br"),a("span",{staticClass:"line-number"},[s._v("17")]),a("br"),a("span",{staticClass:"line-number"},[s._v("18")]),a("br"),a("span",{staticClass:"line-number"},[s._v("19")]),a("br"),a("span",{staticClass:"line-number"},[s._v("20")]),a("br"),a("span",{staticClass:"line-number"},[s._v("21")]),a("br"),a("span",{staticClass:"line-number"},[s._v("22")]),a("br"),a("span",{staticClass:"line-number"},[s._v("23")]),a("br"),a("span",{staticClass:"line-number"},[s._v("24")]),a("br"),a("span",{staticClass:"line-number"},[s._v("25")]),a("br"),a("span",{staticClass:"line-number"},[s._v("26")]),a("br"),a("span",{staticClass:"line-number"},[s._v("27")]),a("br"),a("span",{staticClass:"line-number"},[s._v("28")]),a("br"),a("span",{staticClass:"line-number"},[s._v("29")]),a("br"),a("span",{staticClass:"line-number"},[s._v("30")]),a("br"),a("span",{staticClass:"line-number"},[s._v("31")]),a("br"),a("span",{staticClass:"line-number"},[s._v("32")]),a("br"),a("span",{staticClass:"line-number"},[s._v("33")]),a("br"),a("span",{staticClass:"line-number"},[s._v("34")]),a("br"),a("span",{staticClass:"line-number"},[s._v("35")]),a("br"),a("span",{staticClass:"line-number"},[s._v("36")]),a("br"),a("span",{staticClass:"line-number"},[s._v("37")]),a("br"),a("span",{staticClass:"line-number"},[s._v("38")]),a("br"),a("span",{staticClass:"line-number"},[s._v("39")]),a("br"),a("span",{staticClass:"line-number"},[s._v("40")]),a("br"),a("span",{staticClass:"line-number"},[s._v("41")]),a("br"),a("span",{staticClass:"line-number"},[s._v("42")]),a("br"),a("span",{staticClass:"line-number"},[s._v("43")]),a("br"),a("span",{staticClass:"line-number"},[s._v("44")]),a("br"),a("span",{staticClass:"line-number"},[s._v("45")]),a("br"),a("span",{staticClass:"line-number"},[s._v("46")]),a("br"),a("span",{staticClass:"line-number"},[s._v("47")]),a("br"),a("span",{staticClass:"line-number"},[s._v("48")]),a("br"),a("span",{staticClass:"line-number"},[s._v("49")]),a("br"),a("span",{staticClass:"line-number"},[s._v("50")]),a("br"),a("span",{staticClass:"line-number"},[s._v("51")]),a("br"),a("span",{staticClass:"line-number"},[s._v("52")]),a("br"),a("span",{staticClass:"line-number"},[s._v("53")]),a("br"),a("span",{staticClass:"line-number"},[s._v("54")]),a("br"),a("span",{staticClass:"line-number"},[s._v("55")]),a("br"),a("span",{staticClass:"line-number"},[s._v("56")]),a("br"),a("span",{staticClass:"line-number"},[s._v("57")]),a("br"),a("span",{staticClass:"line-number"},[s._v("58")]),a("br"),a("span",{staticClass:"line-number"},[s._v("59")]),a("br"),a("span",{staticClass:"line-number"},[s._v("60")]),a("br"),a("span",{staticClass:"line-number"},[s._v("61")]),a("br"),a("span",{staticClass:"line-number"},[s._v("62")]),a("br"),a("span",{staticClass:"line-number"},[s._v("63")]),a("br"),a("span",{staticClass:"line-number"},[s._v("64")]),a("br"),a("span",{staticClass:"line-number"},[s._v("65")]),a("br"),a("span",{staticClass:"line-number"},[s._v("66")]),a("br"),a("span",{staticClass:"line-number"},[s._v("67")]),a("br"),a("span",{staticClass:"line-number"},[s._v("68")]),a("br"),a("span",{staticClass:"line-number"},[s._v("69")]),a("br"),a("span",{staticClass:"line-number"},[s._v("70")]),a("br"),a("span",{staticClass:"line-number"},[s._v("71")]),a("br"),a("span",{staticClass:"line-number"},[s._v("72")]),a("br"),a("span",{staticClass:"line-number"},[s._v("73")]),a("br"),a("span",{staticClass:"line-number"},[s._v("74")]),a("br"),a("span",{staticClass:"line-number"},[s._v("75")]),a("br"),a("span",{staticClass:"line-number"},[s._v("76")]),a("br"),a("span",{staticClass:"line-number"},[s._v("77")]),a("br"),a("span",{staticClass:"line-number"},[s._v("78")]),a("br"),a("span",{staticClass:"line-number"},[s._v("79")]),a("br"),a("span",{staticClass:"line-number"},[s._v("80")]),a("br"),a("span",{staticClass:"line-number"},[s._v("81")]),a("br"),a("span",{staticClass:"line-number"},[s._v("82")]),a("br"),a("span",{staticClass:"line-number"},[s._v("83")]),a("br"),a("span",{staticClass:"line-number"},[s._v("84")]),a("br"),a("span",{staticClass:"line-number"},[s._v("85")]),a("br"),a("span",{staticClass:"line-number"},[s._v("86")]),a("br"),a("span",{staticClass:"line-number"},[s._v("87")]),a("br"),a("span",{staticClass:"line-number"},[s._v("88")]),a("br"),a("span",{staticClass:"line-number"},[s._v("89")]),a("br"),a("span",{staticClass:"line-number"},[s._v("90")]),a("br"),a("span",{staticClass:"line-number"},[s._v("91")]),a("br"),a("span",{staticClass:"line-number"},[s._v("92")]),a("br"),a("span",{staticClass:"line-number"},[s._v("93")]),a("br"),a("span",{staticClass:"line-number"},[s._v("94")]),a("br"),a("span",{staticClass:"line-number"},[s._v("95")]),a("br"),a("span",{staticClass:"line-number"},[s._v("96")]),a("br"),a("span",{staticClass:"line-number"},[s._v("97")]),a("br"),a("span",{staticClass:"line-number"},[s._v("98")]),a("br"),a("span",{staticClass:"line-number"},[s._v("99")]),a("br"),a("span",{staticClass:"line-number"},[s._v("100")]),a("br"),a("span",{staticClass:"line-number"},[s._v("101")]),a("br"),a("span",{staticClass:"line-number"},[s._v("102")]),a("br"),a("span",{staticClass:"line-number"},[s._v("103")]),a("br"),a("span",{staticClass:"line-number"},[s._v("104")]),a("br"),a("span",{staticClass:"line-number"},[s._v("105")]),a("br"),a("span",{staticClass:"line-number"},[s._v("106")]),a("br"),a("span",{staticClass:"line-number"},[s._v("107")]),a("br"),a("span",{staticClass:"line-number"},[s._v("108")]),a("br"),a("span",{staticClass:"line-number"},[s._v("109")]),a("br"),a("span",{staticClass:"line-number"},[s._v("110")]),a("br"),a("span",{staticClass:"line-number"},[s._v("111")]),a("br"),a("span",{staticClass:"line-number"},[s._v("112")]),a("br"),a("span",{staticClass:"line-number"},[s._v("113")]),a("br"),a("span",{staticClass:"line-number"},[s._v("114")]),a("br"),a("span",{staticClass:"line-number"},[s._v("115")]),a("br"),a("span",{staticClass:"line-number"},[s._v("116")]),a("br"),a("span",{staticClass:"line-number"},[s._v("117")]),a("br"),a("span",{staticClass:"line-number"},[s._v("118")]),a("br"),a("span",{staticClass:"line-number"},[s._v("119")]),a("br"),a("span",{staticClass:"line-number"},[s._v("120")]),a("br"),a("span",{staticClass:"line-number"},[s._v("121")]),a("br"),a("span",{staticClass:"line-number"},[s._v("122")]),a("br"),a("span",{staticClass:"line-number"},[s._v("123")]),a("br"),a("span",{staticClass:"line-number"},[s._v("124")]),a("br"),a("span",{staticClass:"line-number"},[s._v("125")]),a("br"),a("span",{staticClass:"line-number"},[s._v("126")]),a("br"),a("span",{staticClass:"line-number"},[s._v("127")]),a("br"),a("span",{staticClass:"line-number"},[s._v("128")]),a("br"),a("span",{staticClass:"line-number"},[s._v("129")]),a("br"),a("span",{staticClass:"line-number"},[s._v("130")]),a("br"),a("span",{staticClass:"line-number"},[s._v("131")]),a("br")])])]),s._v(" "),a("ul",[a("li",[s._v("Advanced Layout")])]),s._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("<")]),s._v("div")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[s._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[s._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v('"')]),s._v("sample2 demo-grid large"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("")])]),s._v("\n")])]),s._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[s._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" menuOptions "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Empty"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Option 1"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Option 2"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"3"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Option 3"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"4"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Option 4"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"5"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Option 5"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"6"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Option 6"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" value"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"7"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" label"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Option 7"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("new")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[s._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('".sample2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n allowRangePaste"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// Allow pasting of range.")]),s._v("\n layout"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" rowSpan"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("80")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"ID"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" rowSpan"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("100")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"First Name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"auto"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" minWidth"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("30")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Email"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"auto"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" minWidth"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("30")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Last Name"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Option"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n body"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"selected"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" rowSpan"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" action"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"check"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"personid"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" rowSpan"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" action"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"input"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"fname"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" action"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"input"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"email"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" action"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"input"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"lname"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" action"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"input"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"option"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("new")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[s._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("MenuColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n options"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" menuOptions"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("new")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[s._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("InlineMenuEditor")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n options"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" menuOptions"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n frozenColCount"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n personid"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n fname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Sophia"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n lname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Hill"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n email"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"sophia_hill@example.com"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n option"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n personid"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n fname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Aubrey"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n lname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Martin"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n email"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"aubrey_martin@example.com"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n option"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n personid"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("3")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n fname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Avery"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n lname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Jones"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n email"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"avery_jones@example.com"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n option"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n personid"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("4")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n fname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Joseph"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n lname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Rodriguez"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n email"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"joseph_rodriguez@example.com"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n option"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n personid"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("5")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n fname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Samuel"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n lname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Campbell"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n email"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"samuel_campbell@example.com"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n option"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n personid"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("6")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n fname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Joshua"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n lname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Ortiz"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n email"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"joshua_ortiz@example.com"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n option"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n personid"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("7")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n fname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Mia"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n lname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Foster"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n email"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"mia_foster@example.com"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n option"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n personid"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("8")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n fname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Landon"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n lname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Lopez"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n email"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"landon_lopez@example.com"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n option"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n personid"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("9")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n fname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Audrey"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n lname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Cox"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n email"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"audrey_cox@example.com"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n option"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n personid"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("10")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n fname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Anna"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n lname"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Ramirez"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n email"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"anna_ramirez@example.com"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n option"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n")])]),s._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[s._v("1")]),a("br"),a("span",{staticClass:"line-number"},[s._v("2")]),a("br"),a("span",{staticClass:"line-number"},[s._v("3")]),a("br"),a("span",{staticClass:"line-number"},[s._v("4")]),a("br"),a("span",{staticClass:"line-number"},[s._v("5")]),a("br"),a("span",{staticClass:"line-number"},[s._v("6")]),a("br"),a("span",{staticClass:"line-number"},[s._v("7")]),a("br"),a("span",{staticClass:"line-number"},[s._v("8")]),a("br"),a("span",{staticClass:"line-number"},[s._v("9")]),a("br"),a("span",{staticClass:"line-number"},[s._v("10")]),a("br"),a("span",{staticClass:"line-number"},[s._v("11")]),a("br"),a("span",{staticClass:"line-number"},[s._v("12")]),a("br"),a("span",{staticClass:"line-number"},[s._v("13")]),a("br"),a("span",{staticClass:"line-number"},[s._v("14")]),a("br"),a("span",{staticClass:"line-number"},[s._v("15")]),a("br"),a("span",{staticClass:"line-number"},[s._v("16")]),a("br"),a("span",{staticClass:"line-number"},[s._v("17")]),a("br"),a("span",{staticClass:"line-number"},[s._v("18")]),a("br"),a("span",{staticClass:"line-number"},[s._v("19")]),a("br"),a("span",{staticClass:"line-number"},[s._v("20")]),a("br"),a("span",{staticClass:"line-number"},[s._v("21")]),a("br"),a("span",{staticClass:"line-number"},[s._v("22")]),a("br"),a("span",{staticClass:"line-number"},[s._v("23")]),a("br"),a("span",{staticClass:"line-number"},[s._v("24")]),a("br"),a("span",{staticClass:"line-number"},[s._v("25")]),a("br"),a("span",{staticClass:"line-number"},[s._v("26")]),a("br"),a("span",{staticClass:"line-number"},[s._v("27")]),a("br"),a("span",{staticClass:"line-number"},[s._v("28")]),a("br"),a("span",{staticClass:"line-number"},[s._v("29")]),a("br"),a("span",{staticClass:"line-number"},[s._v("30")]),a("br"),a("span",{staticClass:"line-number"},[s._v("31")]),a("br"),a("span",{staticClass:"line-number"},[s._v("32")]),a("br"),a("span",{staticClass:"line-number"},[s._v("33")]),a("br"),a("span",{staticClass:"line-number"},[s._v("34")]),a("br"),a("span",{staticClass:"line-number"},[s._v("35")]),a("br"),a("span",{staticClass:"line-number"},[s._v("36")]),a("br"),a("span",{staticClass:"line-number"},[s._v("37")]),a("br"),a("span",{staticClass:"line-number"},[s._v("38")]),a("br"),a("span",{staticClass:"line-number"},[s._v("39")]),a("br"),a("span",{staticClass:"line-number"},[s._v("40")]),a("br"),a("span",{staticClass:"line-number"},[s._v("41")]),a("br"),a("span",{staticClass:"line-number"},[s._v("42")]),a("br"),a("span",{staticClass:"line-number"},[s._v("43")]),a("br"),a("span",{staticClass:"line-number"},[s._v("44")]),a("br"),a("span",{staticClass:"line-number"},[s._v("45")]),a("br"),a("span",{staticClass:"line-number"},[s._v("46")]),a("br"),a("span",{staticClass:"line-number"},[s._v("47")]),a("br"),a("span",{staticClass:"line-number"},[s._v("48")]),a("br"),a("span",{staticClass:"line-number"},[s._v("49")]),a("br"),a("span",{staticClass:"line-number"},[s._v("50")]),a("br"),a("span",{staticClass:"line-number"},[s._v("51")]),a("br"),a("span",{staticClass:"line-number"},[s._v("52")]),a("br"),a("span",{staticClass:"line-number"},[s._v("53")]),a("br"),a("span",{staticClass:"line-number"},[s._v("54")]),a("br"),a("span",{staticClass:"line-number"},[s._v("55")]),a("br"),a("span",{staticClass:"line-number"},[s._v("56")]),a("br"),a("span",{staticClass:"line-number"},[s._v("57")]),a("br"),a("span",{staticClass:"line-number"},[s._v("58")]),a("br"),a("span",{staticClass:"line-number"},[s._v("59")]),a("br"),a("span",{staticClass:"line-number"},[s._v("60")]),a("br"),a("span",{staticClass:"line-number"},[s._v("61")]),a("br"),a("span",{staticClass:"line-number"},[s._v("62")]),a("br"),a("span",{staticClass:"line-number"},[s._v("63")]),a("br"),a("span",{staticClass:"line-number"},[s._v("64")]),a("br"),a("span",{staticClass:"line-number"},[s._v("65")]),a("br"),a("span",{staticClass:"line-number"},[s._v("66")]),a("br"),a("span",{staticClass:"line-number"},[s._v("67")]),a("br"),a("span",{staticClass:"line-number"},[s._v("68")]),a("br"),a("span",{staticClass:"line-number"},[s._v("69")]),a("br"),a("span",{staticClass:"line-number"},[s._v("70")]),a("br"),a("span",{staticClass:"line-number"},[s._v("71")]),a("br"),a("span",{staticClass:"line-number"},[s._v("72")]),a("br"),a("span",{staticClass:"line-number"},[s._v("73")]),a("br"),a("span",{staticClass:"line-number"},[s._v("74")]),a("br"),a("span",{staticClass:"line-number"},[s._v("75")]),a("br"),a("span",{staticClass:"line-number"},[s._v("76")]),a("br"),a("span",{staticClass:"line-number"},[s._v("77")]),a("br"),a("span",{staticClass:"line-number"},[s._v("78")]),a("br"),a("span",{staticClass:"line-number"},[s._v("79")]),a("br"),a("span",{staticClass:"line-number"},[s._v("80")]),a("br"),a("span",{staticClass:"line-number"},[s._v("81")]),a("br"),a("span",{staticClass:"line-number"},[s._v("82")]),a("br"),a("span",{staticClass:"line-number"},[s._v("83")]),a("br"),a("span",{staticClass:"line-number"},[s._v("84")]),a("br"),a("span",{staticClass:"line-number"},[s._v("85")]),a("br"),a("span",{staticClass:"line-number"},[s._v("86")]),a("br"),a("span",{staticClass:"line-number"},[s._v("87")]),a("br"),a("span",{staticClass:"line-number"},[s._v("88")]),a("br"),a("span",{staticClass:"line-number"},[s._v("89")]),a("br"),a("span",{staticClass:"line-number"},[s._v("90")]),a("br"),a("span",{staticClass:"line-number"},[s._v("91")]),a("br"),a("span",{staticClass:"line-number"},[s._v("92")]),a("br"),a("span",{staticClass:"line-number"},[s._v("93")]),a("br"),a("span",{staticClass:"line-number"},[s._v("94")]),a("br"),a("span",{staticClass:"line-number"},[s._v("95")]),a("br"),a("span",{staticClass:"line-number"},[s._v("96")]),a("br"),a("span",{staticClass:"line-number"},[s._v("97")]),a("br"),a("span",{staticClass:"line-number"},[s._v("98")]),a("br"),a("span",{staticClass:"line-number"},[s._v("99")]),a("br"),a("span",{staticClass:"line-number"},[s._v("100")]),a("br"),a("span",{staticClass:"line-number"},[s._v("101")]),a("br"),a("span",{staticClass:"line-number"},[s._v("102")]),a("br"),a("span",{staticClass:"line-number"},[s._v("103")]),a("br"),a("span",{staticClass:"line-number"},[s._v("104")]),a("br"),a("span",{staticClass:"line-number"},[s._v("105")]),a("br"),a("span",{staticClass:"line-number"},[s._v("106")]),a("br"),a("span",{staticClass:"line-number"},[s._v("107")]),a("br"),a("span",{staticClass:"line-number"},[s._v("108")]),a("br"),a("span",{staticClass:"line-number"},[s._v("109")]),a("br"),a("span",{staticClass:"line-number"},[s._v("110")]),a("br"),a("span",{staticClass:"line-number"},[s._v("111")]),a("br"),a("span",{staticClass:"line-number"},[s._v("112")]),a("br"),a("span",{staticClass:"line-number"},[s._v("113")]),a("br"),a("span",{staticClass:"line-number"},[s._v("114")]),a("br"),a("span",{staticClass:"line-number"},[s._v("115")]),a("br"),a("span",{staticClass:"line-number"},[s._v("116")]),a("br"),a("span",{staticClass:"line-number"},[s._v("117")]),a("br"),a("span",{staticClass:"line-number"},[s._v("118")]),a("br"),a("span",{staticClass:"line-number"},[s._v("119")]),a("br")])])]),s._v(" "),a("h2",{attrs:{id:"cautionary-notes"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#cautionary-notes"}},[s._v("#")]),s._v(" Cautionary Notes")]),s._v(" "),a("p",[s._v("Even if you set "),a("code",[s._v("validator")]),s._v(" or "),a("code",[s._v("inputValidator")]),s._v(" using "),a("RouterLink",{attrs:{to:"/api/js/column_actions/SmallDialogInputEditor.html"}},[s._v("SmallDialogInputEditor")]),s._v(", overwrites the pasted value even if the value is invalid."),a("br"),s._v("\nUse "),a("RouterLink",{attrs:{to:"/api/js/cell_message.html"}},[s._v("Cell Message API")]),s._v(" to notify the user of an invalid value.")],1),s._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("<")]),s._v("div")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[s._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[s._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v('"')]),s._v("sample3 demo-grid large"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("")])]),s._v("\n")])]),s._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[s._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("new")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[s._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('".sample3"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n allowRangePaste"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// Allow pasting of range.")]),s._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"number"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Number"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"auto"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("new")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[s._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("SmallDialogInputEditor")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("inputValidator")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[s._v("value")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("return")]),s._v(" value "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("&&")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("isNaN")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("value"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("?")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Not a number."')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("null")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("message")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[s._v("record")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" value "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" record"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("number"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("return")]),s._v(" value "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("&&")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[s._v("isNaN")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("value"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("?")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Not a number."')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("null")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"auto"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" number"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"text"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" number"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"text"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" number"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("3")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"text"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" number"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("4")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"text"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" number"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[s._v("5")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[s._v('"text"')]),s._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n")])]),s._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[s._v("1")]),a("br"),a("span",{staticClass:"line-number"},[s._v("2")]),a("br"),a("span",{staticClass:"line-number"},[s._v("3")]),a("br"),a("span",{staticClass:"line-number"},[s._v("4")]),a("br"),a("span",{staticClass:"line-number"},[s._v("5")]),a("br"),a("span",{staticClass:"line-number"},[s._v("6")]),a("br"),a("span",{staticClass:"line-number"},[s._v("7")]),a("br"),a("span",{staticClass:"line-number"},[s._v("8")]),a("br"),a("span",{staticClass:"line-number"},[s._v("9")]),a("br"),a("span",{staticClass:"line-number"},[s._v("10")]),a("br"),a("span",{staticClass:"line-number"},[s._v("11")]),a("br"),a("span",{staticClass:"line-number"},[s._v("12")]),a("br"),a("span",{staticClass:"line-number"},[s._v("13")]),a("br"),a("span",{staticClass:"line-number"},[s._v("14")]),a("br"),a("span",{staticClass:"line-number"},[s._v("15")]),a("br"),a("span",{staticClass:"line-number"},[s._v("16")]),a("br"),a("span",{staticClass:"line-number"},[s._v("17")]),a("br"),a("span",{staticClass:"line-number"},[s._v("18")]),a("br"),a("span",{staticClass:"line-number"},[s._v("19")]),a("br"),a("span",{staticClass:"line-number"},[s._v("20")]),a("br"),a("span",{staticClass:"line-number"},[s._v("21")]),a("br"),a("span",{staticClass:"line-number"},[s._v("22")]),a("br"),a("span",{staticClass:"line-number"},[s._v("23")]),a("br"),a("span",{staticClass:"line-number"},[s._v("24")]),a("br"),a("span",{staticClass:"line-number"},[s._v("25")]),a("br"),a("span",{staticClass:"line-number"},[s._v("26")]),a("br"),a("span",{staticClass:"line-number"},[s._v("27")]),a("br"),a("span",{staticClass:"line-number"},[s._v("28")]),a("br"),a("span",{staticClass:"line-number"},[s._v("29")]),a("br")])])])],1)}),[],!1,null,null,null);t.default=r.exports}}]); \ No newline at end of file diff --git a/documents/assets/js/51.3ef71d4d.js b/documents/assets/js/51.3ef71d4d.js new file mode 100644 index 000000000..4edf82f77 --- /dev/null +++ b/documents/assets/js/51.3ef71d4d.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[51],{444:function(t,e,n){"use strict";n.r(e);var i=n(52),v=Object(i.a)({},(function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[n("h1",{attrs:{id:"keyboardoptions"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#keyboardoptions"}},[t._v("#")]),t._v(" keyboardOptions")]),t._v(" "),n("p",[t._v("You can set the keyboard operation.")]),t._v(" "),n("h2",{attrs:{id:"focus-and-edit"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#focus-and-edit"}},[t._v("#")]),t._v(" Focus and Edit")]),t._v(" "),n("p",[t._v("If not set, the user can operate the cell with the keyboard as follows.")]),t._v(" "),n("table",[n("thead",[n("tr",[n("th",{staticStyle:{"text-align":"center"}},[t._v("Cell")]),t._v(" "),n("th",{staticStyle:{"text-align":"center"}},[t._v("Arrow")]),t._v(" "),n("th",{staticStyle:{"text-align":"center"}},[t._v("Ctrl (or Meta) + Arrow")]),t._v(" "),n("th",{staticStyle:{"text-align":"center"}},[t._v("Home or End")]),t._v(" "),n("th",{staticStyle:{"text-align":"center"}},[t._v("Ctrl (or Meta) + Home or End")]),t._v(" "),n("th",{staticStyle:{"text-align":"center"}},[t._v("Enter")]),t._v(" "),n("th",{staticStyle:{"text-align":"center"}},[t._v("Tab")]),t._v(" "),n("th",{staticStyle:{"text-align":"center"}},[t._v("Space")]),t._v(" "),n("th",{staticStyle:{"text-align":"center"}},[t._v("Backspace")]),t._v(" "),n("th",{staticStyle:{"text-align":"center"}},[t._v("Delete")])])]),t._v(" "),n("tbody",[n("tr",[n("td",{staticStyle:{"text-align":"center"}},[t._v("Normal (can't Edit)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move one.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to side edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to upper left or lower right.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")])]),t._v(" "),n("tr",[n("td",{staticStyle:{"text-align":"center"}},[t._v("Input")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move one.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to side edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to upper left or lower right.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Enter input mode.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Enter input mode. And input space.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")])]),t._v(" "),n("tr",[n("td",{staticStyle:{"text-align":"center"}},[t._v("Input (Input Mode)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Apply input and exit input mode.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")])]),t._v(" "),n("tr",[n("td",{staticStyle:{"text-align":"center"}},[t._v("Inline Input")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move one.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to side edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to upper left or lower right.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Enter input mode.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Enter input mode. And input space.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")])]),t._v(" "),n("tr",[n("td",{staticStyle:{"text-align":"center"}},[t._v("Inline Input (Input Mode)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Apply input and exit input mode.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")])]),t._v(" "),n("tr",[n("td",{staticStyle:{"text-align":"center"}},[t._v("Check")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move one.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to side edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to upper left or lower right.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Toggle.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Toggle.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")])]),t._v(" "),n("tr",[n("td",{staticStyle:{"text-align":"center"}},[t._v("Dropdown")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move one.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to side edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to upper left or lower right.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Enter select mode.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")])]),t._v(" "),n("tr",[n("td",{staticStyle:{"text-align":"center"}},[t._v("Dropdown (Select Mode)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Change selection.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Apply selection and exit select mode.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Change selection.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")])]),t._v(" "),n("tr",[n("td",{staticStyle:{"text-align":"center"}},[t._v("Button")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move one.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to side edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to upper left or lower right.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Action.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Action.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")])])])]),t._v(" "),n("h3",{attrs:{id:"movecellontab"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#movecellontab"}},[t._v("#")]),t._v(" "),n("code",[t._v("moveCellOnTab")])]),t._v(" "),n("p",[t._v("Set to "),n("code",[t._v("true")]),t._v(" to enable cell movement by "),n("code",[t._v("Tab")]),t._v(" key."),n("br"),t._v("\nIf "),n("code",[t._v("keyboardOptions.moveCellOnTab")]),t._v(" is set to "),n("code",[t._v("true")]),t._v(", the user can operate the cell with the keyboard as follows.")]),t._v(" "),n("table",[n("thead",[n("tr",[n("th",{staticStyle:{"text-align":"center"}},[t._v("Cell")]),t._v(" "),n("th",{staticStyle:{"text-align":"center"}},[t._v("Arrow")]),t._v(" "),n("th",{staticStyle:{"text-align":"center"}},[t._v("Ctrl (or Meta) + Arrow")]),t._v(" "),n("th",{staticStyle:{"text-align":"center"}},[t._v("Home or End")]),t._v(" "),n("th",{staticStyle:{"text-align":"center"}},[t._v("Ctrl (or Meta) + Home or End")]),t._v(" "),n("th",{staticStyle:{"text-align":"center"}},[t._v("Enter")]),t._v(" "),n("th",{staticStyle:{"text-align":"center"}},[t._v("Tab")]),t._v(" "),n("th",{staticStyle:{"text-align":"center"}},[t._v("Space")]),t._v(" "),n("th",{staticStyle:{"text-align":"center"}},[t._v("Backspace")]),t._v(" "),n("th",{staticStyle:{"text-align":"center"}},[t._v("Delete")])])]),t._v(" "),n("tbody",[n("tr",[n("td",{staticStyle:{"text-align":"center"}},[t._v("Normal (can't Edit)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move one.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to side edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to upper left or lower right.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("strong",[t._v("Move one to next on right.")])]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")])]),t._v(" "),n("tr",[n("td",{staticStyle:{"text-align":"center"}},[t._v("Input")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move one.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to side edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to upper left or lower right.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Enter input mode.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("strong",[t._v("Move one to next on right.")])]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Enter input mode. And input space.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")])]),t._v(" "),n("tr",[n("td",{staticStyle:{"text-align":"center"}},[t._v("Input (Input Mode)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Apply input and exit input mode.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")])]),t._v(" "),n("tr",[n("td",{staticStyle:{"text-align":"center"}},[t._v("Inline Input")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move one.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to side edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to upper left or lower right.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Enter input mode.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("strong",[t._v("Move one to next on right.")])]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Enter input mode. And input space.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")])]),t._v(" "),n("tr",[n("td",{staticStyle:{"text-align":"center"}},[t._v("Inline Input (Input Mode)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Apply input and exit input mode.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("strong",[t._v("Move one to next on right.")])]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")])]),t._v(" "),n("tr",[n("td",{staticStyle:{"text-align":"center"}},[t._v("Check")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move one.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to side edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to upper left or lower right.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Toggle.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("strong",[t._v("Move one to next on right.")])]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Toggle.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")])]),t._v(" "),n("tr",[n("td",{staticStyle:{"text-align":"center"}},[t._v("Dropdown")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move one.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to side edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to upper left or lower right.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Enter select mode.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("strong",[t._v("Move one to next on right.")])]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")])]),t._v(" "),n("tr",[n("td",{staticStyle:{"text-align":"center"}},[t._v("Dropdown (Select Mode)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Change selection.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Apply selection and exit select mode.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("strong",[t._v("Move one to next on right.")]),t._v(" And apply selection.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")])]),t._v(" "),n("tr",[n("td",{staticStyle:{"text-align":"center"}},[t._v("Button")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move one.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to side edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to upper left or lower right.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Action.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("strong",[t._v("Move one to next on right.")])]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Action.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")])])])]),t._v(" "),n("h3",{attrs:{id:"movecellonenter"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#movecellonenter"}},[t._v("#")]),t._v(" "),n("code",[t._v("moveCellOnEnter")])]),t._v(" "),n("p",[t._v("Set to "),n("code",[t._v("true")]),t._v(" to enable cell movement by "),n("code",[t._v("Enter")]),t._v(" key."),n("br"),t._v("\nIf "),n("code",[t._v("keyboardOptions.moveCellOnEnter")]),t._v(" is set to "),n("code",[t._v("true")]),t._v(", the user can operate the cell with the keyboard as follows.")]),t._v(" "),n("table",[n("thead",[n("tr",[n("th",{staticStyle:{"text-align":"center"}},[t._v("Cell")]),t._v(" "),n("th",{staticStyle:{"text-align":"center"}},[t._v("Arrow")]),t._v(" "),n("th",{staticStyle:{"text-align":"center"}},[t._v("Ctrl (or Meta) + Arrow")]),t._v(" "),n("th",{staticStyle:{"text-align":"center"}},[t._v("Home or End")]),t._v(" "),n("th",{staticStyle:{"text-align":"center"}},[t._v("Ctrl (or Meta) + Home or End")]),t._v(" "),n("th",{staticStyle:{"text-align":"center"}},[t._v("Enter")]),t._v(" "),n("th",{staticStyle:{"text-align":"center"}},[t._v("Tab")]),t._v(" "),n("th",{staticStyle:{"text-align":"center"}},[t._v("Space")]),t._v(" "),n("th",{staticStyle:{"text-align":"center"}},[t._v("Backspace")]),t._v(" "),n("th",{staticStyle:{"text-align":"center"}},[t._v("Delete")])])]),t._v(" "),n("tbody",[n("tr",[n("td",{staticStyle:{"text-align":"center"}},[t._v("Normal (can't Edit)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move one.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to side edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to upper left or lower right.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("strong",[t._v("Move one to next on down.")])]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("em",[t._v("Move one to next on right.")])]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")])]),t._v(" "),n("tr",[n("td",{staticStyle:{"text-align":"center"}},[t._v("Input")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move one.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to side edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to upper left or lower right.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Enter input mode.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("em",[t._v("Move one to next on right.")])]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Enter input mode. And input space.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")])]),t._v(" "),n("tr",[n("td",{staticStyle:{"text-align":"center"}},[t._v("Input (Input Mode)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("strong",[t._v("Move one to next on down.")]),t._v(" And apply input.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")])]),t._v(" "),n("tr",[n("td",{staticStyle:{"text-align":"center"}},[t._v("Inline Input")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move one.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to side edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to upper left or lower right.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Enter input mode.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("em",[t._v("Move one to next on right.")])]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Enter input mode. And input space.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")])]),t._v(" "),n("tr",[n("td",{staticStyle:{"text-align":"center"}},[t._v("Inline Input (Input Mode)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("strong",[t._v("Move one to next on down.")]),t._v(" And apply input.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("em",[t._v("Move one to next on right.")])]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")])]),t._v(" "),n("tr",[n("td",{staticStyle:{"text-align":"center"}},[t._v("Check")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move one.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to side edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to upper left or lower right.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("strong",[t._v("Move one to next on down.")])]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("em",[t._v("Move one to next on right.")])]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Toggle.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")])]),t._v(" "),n("tr",[n("td",{staticStyle:{"text-align":"center"}},[t._v("Dropdown")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move one.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to side edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to upper left or lower right.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Enter select mode.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("em",[t._v("Move one to next on right.")])]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")])]),t._v(" "),n("tr",[n("td",{staticStyle:{"text-align":"center"}},[t._v("Dropdown (Select Mode)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Change selection.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("strong",[t._v("Move one to next on down.")]),t._v(" And apply selection.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("em",[t._v("Move one to next on right.")]),t._v(" And apply selection.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")])]),t._v(" "),n("tr",[n("td",{staticStyle:{"text-align":"center"}},[t._v("Button")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move one.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to side edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to upper left or lower right.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("strong",[t._v("Move one to next on down.")])]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("em",[t._v("Move one to next on right.")])]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Action.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")])])])]),t._v(" "),n("h3",{attrs:{id:"deletecellvalueondel"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#deletecellvalueondel"}},[t._v("#")]),t._v(" "),n("code",[t._v("deleteCellValueOnDel")])]),t._v(" "),n("p",[t._v("Set to "),n("code",[t._v("true")]),t._v(" to enable enable deletion of cell values with the "),n("code",[t._v("Del")]),t._v(" and "),n("code",[t._v("BS")]),t._v(" keys."),n("br"),t._v("\nIf "),n("code",[t._v("keyboardOptions.deleteCellValueOnDel")]),t._v(" is set to "),n("code",[t._v("true")]),t._v(", the user can operate the cell with the keyboard as follows.")]),t._v(" "),n("table",[n("thead",[n("tr",[n("th",{staticStyle:{"text-align":"center"}},[t._v("Cell")]),t._v(" "),n("th",{staticStyle:{"text-align":"center"}},[t._v("Arrow")]),t._v(" "),n("th",{staticStyle:{"text-align":"center"}},[t._v("Ctrl (or Meta) + Arrow")]),t._v(" "),n("th",{staticStyle:{"text-align":"center"}},[t._v("Home or End")]),t._v(" "),n("th",{staticStyle:{"text-align":"center"}},[t._v("Ctrl (or Meta) + Home or End")]),t._v(" "),n("th",{staticStyle:{"text-align":"center"}},[t._v("Enter")]),t._v(" "),n("th",{staticStyle:{"text-align":"center"}},[t._v("Tab")]),t._v(" "),n("th",{staticStyle:{"text-align":"center"}},[t._v("Space")]),t._v(" "),n("th",{staticStyle:{"text-align":"center"}},[t._v("Backspace")]),t._v(" "),n("th",{staticStyle:{"text-align":"center"}},[t._v("Delete")])])]),t._v(" "),n("tbody",[n("tr",[n("td",{staticStyle:{"text-align":"center"}},[t._v("Normal (can't Edit)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move one.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to side edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to upper left or lower right.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("em",[t._v("Move one to next on down.")])]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("em",[t._v("Move one to next on right.")])]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")])]),t._v(" "),n("tr",[n("td",{staticStyle:{"text-align":"center"}},[t._v("Input")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move one.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to side edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to upper left or lower right.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Enter input mode.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("em",[t._v("Move one to next on right.")])]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Enter input mode. And input space.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("strong",[t._v("Delete value.")])]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("strong",[t._v("Delete value.")])])]),t._v(" "),n("tr",[n("td",{staticStyle:{"text-align":"center"}},[t._v("Input (Input Mode)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("em",[t._v("Move one to next on down.")]),t._v(" And apply input.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")])]),t._v(" "),n("tr",[n("td",{staticStyle:{"text-align":"center"}},[t._v("Inline Input")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move one.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to side edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to upper left or lower right.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Enter input mode.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("em",[t._v("Move one to next on right.")])]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Enter input mode. And input space.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("strong",[t._v("Delete value.")])]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("strong",[t._v("Delete value.")])])]),t._v(" "),n("tr",[n("td",{staticStyle:{"text-align":"center"}},[t._v("Inline Input (Input Mode)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("em",[t._v("Move one to next on down.")]),t._v(" And apply input.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("em",[t._v("Move one to next on right.")])]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(input native)")])]),t._v(" "),n("tr",[n("td",{staticStyle:{"text-align":"center"}},[t._v("Check")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move one.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to side edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to upper left or lower right.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("em",[t._v("Move one to next on down.")])]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("em",[t._v("Move one to next on right.")])]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Toggle.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")])]),t._v(" "),n("tr",[n("td",{staticStyle:{"text-align":"center"}},[t._v("Dropdown")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move one.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to side edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to upper left or lower right.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Enter select mode.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("em",[t._v("Move one to next on right.")])]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("strong",[t._v("Delete value")]),t._v(", if the cell value can be empty.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("strong",[t._v("Delete value")]),t._v(", if the cell value can be empty.")])]),t._v(" "),n("tr",[n("td",{staticStyle:{"text-align":"center"}},[t._v("Dropdown (Select Mode)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Change selection.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("(native)")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("em",[t._v("Move one to next on down.")]),t._v(" And apply selection.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("em",[t._v("Move one to next on right.")]),t._v(" And apply selection.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")])]),t._v(" "),n("tr",[n("td",{staticStyle:{"text-align":"center"}},[t._v("Button")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move one.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to side edge.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Move to upper left or lower right.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("em",[t._v("Move one to next on down.")])]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[n("em",[t._v("Move one to next on right.")])]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("Action.")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")]),t._v(" "),n("td",{staticStyle:{"text-align":"center"}},[t._v("--")])])])]),t._v(" "),n("h3",{attrs:{id:"selectallonctrla"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#selectallonctrla"}},[t._v("#")]),t._v(" "),n("code",[t._v("selectAllOnCtrlA")])]),t._v(" "),n("p",[t._v("Set to "),n("code",[t._v("true")]),t._v(" to enable selectt all cells by "),n("code",[t._v("Ctrl + A")]),t._v(".")])])}),[],!1,null,null,null);e.default=v.exports}}]); \ No newline at end of file diff --git a/documents/assets/js/52.aac08140.js b/documents/assets/js/52.aac08140.js new file mode 100644 index 000000000..772bbc9f8 --- /dev/null +++ b/documents/assets/js/52.aac08140.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[52],{446:function(t,s,a){"use strict";a.r(s);var n=a(52),e=Object(n.a)({},(function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"selection-property"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#selection-property"}},[t._v("#")]),t._v(" Selection Property")]),t._v(" "),a("p",[t._v("You can get the area selected by the user from the "),a("code",[t._v("selection")]),t._v(" property.")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Property")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Exp.")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("code",[t._v("selection.select")])]),t._v(" "),a("td",[t._v("You can get the selection start position with Object. The "),a("code",[t._v("row")]),t._v(" in the Object is the INDEX line containing the header.")]),t._v(" "),a("td",[a("code",[t._v('{"col": 0, "row": 0}')])])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("selection.range")])]),t._v(" "),a("td",[t._v("You can get the selection range with Object. The "),a("code",[t._v("row")]),t._v(" in the Object is the INDEX line containing the header.")]),t._v(" "),a("td",[a("code",[t._v('{"start": {"col": 0, "row": 0}, "end": {"col": 2, "row": 2}}')])])])])]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1 demo-grid middle"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("button")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("button"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("SHOW SELECTION"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("pre")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token special-attr"}},[a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("style")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),a("span",{pre:!0,attrs:{class:"token value css language-css"}},[a("span",{pre:!0,attrs:{class:"token property"}},[t._v("color")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" #fff")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("result"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[t._v("document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".button"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("addEventListener")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"click"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" select"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" range "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("selection"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".result"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("textContent "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token template-string"}},[a("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("\nselect:\n---\n")]),a("span",{pre:!0,attrs:{class:"token interpolation"}},[a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("${")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("JSON")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("stringify")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("select"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("null")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('" "')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("}")])]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v(",\n---\n\nrange:\n---\n")]),a("span",{pre:!0,attrs:{class:"token interpolation"}},[a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("${")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("JSON")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("stringify")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("range"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("null")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('" "')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("}")])]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v(",\n---")]),a("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" lang "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v("\n navigator"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("language "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("||")]),t._v(" navigator"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("userLanguage "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("||")]),t._v(" navigator"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("browserLanguage"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("generatePersons")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"personid"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"ID"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"fname"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"First Name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"lname"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Last Name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"email"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Email"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("250")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("birthday"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("toLocaleString")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("lang"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n year"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"numeric"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n month"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"long"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n day"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"numeric"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"birthday"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("500")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n frozenColCount"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br"),a("span",{staticClass:"line-number"},[t._v("39")]),a("br"),a("span",{staticClass:"line-number"},[t._v("40")]),a("br")])])])],1)}),[],!1,null,null,null);s.default=e.exports}}]); \ No newline at end of file diff --git a/documents/assets/js/53.6b347f4f.js b/documents/assets/js/53.6b347f4f.js new file mode 100644 index 000000000..9003d5550 --- /dev/null +++ b/documents/assets/js/53.6b347f4f.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[53],{400:function(t,s,a){"use strict";a.r(s);a(182),a(181);var n=[];function e(t){var s=generatePersons(100),a=new cheetahGrid.ListGrid({parentElement:t,header:[{field:"check",caption:"",width:50,columnType:"check",action:"check"},{field:"personid",caption:"ID",width:100},{caption:"name",columns:[{field:"fname",caption:"First Name",width:200,sort:!0},{field:"lname",caption:"Last Name",width:200,sort:!0}]},{field:"email",caption:"Email",width:250,sort:!0,style:function(t){if(s.indexOf(t)%3==2)return{indicatorTopLeft:"triangle"}}},{field:function(t){var s=t.birthday;return"".concat(s.getFullYear(),"/").concat(s.getMonth()+1,"/").concat(s.getDate())},caption:"birthday",width:100,message:function(t){switch(s.indexOf(t)%3){case 0:return{type:"info",message:"Info Message."};case 1:return{type:"warning",message:"Warn Message."}}return{type:"error",message:"Error Message."}}},{caption:"button",width:120,columnType:new cheetahGrid.columns.type.ButtonColumn({caption:"SHOW REC"}),action:new cheetahGrid.columns.action.ButtonAction({action:function(t){alert(JSON.stringify(t))}})}],frozenColCount:2,records:s});return n.push(a),a}var r={data:function(){return{createGrid:e,girdInstances:n}},beforeDestroy:function(){cheetahGrid.themes.default="MATERIAL_DESIGN"}},p=a(52),o=Object(p.a)(r,(function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"theme"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#theme"}},[t._v("#")]),t._v(" Theme")]),t._v(" "),a("p",[t._v("Can set theme to Cheetah Grid."),a("br"),t._v("\nCan settings for grid instance or global.")]),t._v(" "),a("h2",{attrs:{id:"grid-instance"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#grid-instance"}},[t._v("#")]),t._v(" Grid instance")]),t._v(" "),a("p",[t._v("Set a theme to the "),a("code",[t._v("theme")]),t._v(" property of the grid instance."),a("br"),t._v("\nBuilt-in themes are "),a("code",[t._v("MATERIAL_DESIGN")]),t._v(" and "),a("code",[t._v("BASIC")]),t._v(".")]),t._v(" "),a("code-preview",{attrs:{data:{createGrid:t.createGrid}}},[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("label")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("theme"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("select")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("theme-select1"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("option")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("value")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("selected")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("true"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("unset"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("option")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("value")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("MATERIAL_DESIGN"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("MATERIAL_DESIGN"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("option")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("value")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("BASIC"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("BASIC"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1 demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" vm"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("createGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" themeSelect "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".theme-select1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\nthemeSelect"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("onchange")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("theme "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("themes"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("choices"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("themeSelect"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("value"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/* The `theme` property of the grid instance can also be set as a string. */")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// grid.theme = themeSelect.value;")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\nthemeSelect"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("onchange")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br")])])]),t._v(" "),a("h2",{attrs:{id:"global"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#global"}},[t._v("#")]),t._v(" Global")]),t._v(" "),a("p",[t._v("Set a theme to the "),a("code",[t._v("cheetahGrid.themes.default")]),t._v(" property.\n(default MATERIAL_DESIGN.)")]),t._v(" "),a("code-preview",{attrs:{data:{createGrid:t.createGrid,girdInstances:t.girdInstances}}},[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("label")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("theme"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("select")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("theme-select2"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("option")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("value")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("MATERIAL_DESIGN"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("selected")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("true"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("MATERIAL_DESIGN"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("option")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("value")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("BASIC"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("BASIC"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample2 demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[t._v("vm"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("createGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" themeSelect "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".theme-select2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\nthemeSelect"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("onchange")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("themes"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("default "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("themes"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("choices"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("themeSelect"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("value"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// redraw all the grids")]),t._v("\n vm"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("girdInstances"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("forEach")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("grid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("invalidate")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\nthemeSelect"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("onchange")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br")])])]),t._v(" "),a("h2",{attrs:{id:"extend-theme"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#extend-theme"}},[t._v("#")]),t._v(" Extend theme")]),t._v(" "),a("p",[t._v("To extend the theme, do as follows.")]),t._v(" "),a("code-preview",{attrs:{data:{createGrid:t.createGrid}}},[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample3 demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" vm"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("createGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample3"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" userTheme "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n color"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"red"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n frozenRowsColor"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"red"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n defaultBgColor"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#FDD"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n frozenRowsBgColor"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#EAA"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n selectionBgColor"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#FDA"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n highlightBgColor"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#FDC"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n underlayBackgroundColor"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#FEE"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// You can also change the theme apply in the state by using callback.")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("frozenRowsBorderColor")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("args")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n row"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n grid"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" frozenRowCount "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" args"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("frozenRowCount "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("-")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("===")]),t._v(" row"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#F88"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/*top*/")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#F88"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/*right and left*/")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"red"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/*bottom*/")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("else")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#F88"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("borderColor")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("args")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n col"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n grid"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" colCount "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" args"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("colCount "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("-")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("===")]),t._v(" col"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"red"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/*top*/")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#F88"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/*right*/")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"red"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/*bottom*/")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("null")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/*left*/")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("else")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"red"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/*top and bottom*/")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("null")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/*right and left*/")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n highlightBorderColor"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#FD5"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n checkbox"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n uncheckBgColor"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#FDD"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n checkBgColor"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"rgb(255, 73, 72)"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n borderColor"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"red"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n button"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n color"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#FDD"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n bgColor"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#F55"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n font"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"16px sans-serif"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n sortArrowColor"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#D00"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n messages"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n infoBgColor"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"gray"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n errorBgColor"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"red"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n warnBgColor"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"yellow"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n boxWidth"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("12")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n markHeight"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("15")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n indicators"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n topLeftColor"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"blue"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n topLeftSize"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("10")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n topRightColor"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"blue"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n topRightSize"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("10")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n bottomLeftColor"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"blue"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n bottomLeftSize"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("10")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n bottomRightColor"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"blue"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n bottomRightSize"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("10")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("theme "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" userTheme"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br"),a("span",{staticClass:"line-number"},[t._v("39")]),a("br"),a("span",{staticClass:"line-number"},[t._v("40")]),a("br"),a("span",{staticClass:"line-number"},[t._v("41")]),a("br"),a("span",{staticClass:"line-number"},[t._v("42")]),a("br"),a("span",{staticClass:"line-number"},[t._v("43")]),a("br"),a("span",{staticClass:"line-number"},[t._v("44")]),a("br"),a("span",{staticClass:"line-number"},[t._v("45")]),a("br"),a("span",{staticClass:"line-number"},[t._v("46")]),a("br"),a("span",{staticClass:"line-number"},[t._v("47")]),a("br"),a("span",{staticClass:"line-number"},[t._v("48")]),a("br"),a("span",{staticClass:"line-number"},[t._v("49")]),a("br"),a("span",{staticClass:"line-number"},[t._v("50")]),a("br"),a("span",{staticClass:"line-number"},[t._v("51")]),a("br"),a("span",{staticClass:"line-number"},[t._v("52")]),a("br"),a("span",{staticClass:"line-number"},[t._v("53")]),a("br"),a("span",{staticClass:"line-number"},[t._v("54")]),a("br"),a("span",{staticClass:"line-number"},[t._v("55")]),a("br"),a("span",{staticClass:"line-number"},[t._v("56")]),a("br"),a("span",{staticClass:"line-number"},[t._v("57")]),a("br"),a("span",{staticClass:"line-number"},[t._v("58")]),a("br"),a("span",{staticClass:"line-number"},[t._v("59")]),a("br"),a("span",{staticClass:"line-number"},[t._v("60")]),a("br"),a("span",{staticClass:"line-number"},[t._v("61")]),a("br"),a("span",{staticClass:"line-number"},[t._v("62")]),a("br"),a("span",{staticClass:"line-number"},[t._v("63")]),a("br"),a("span",{staticClass:"line-number"},[t._v("64")]),a("br"),a("span",{staticClass:"line-number"},[t._v("65")]),a("br"),a("span",{staticClass:"line-number"},[t._v("66")]),a("br")])])])],1)}),[],!1,null,null,null);s.default=o.exports}}]); \ No newline at end of file diff --git a/documents/assets/js/54.ae06f530.js b/documents/assets/js/54.ae06f530.js new file mode 100644 index 000000000..e49d4e109 --- /dev/null +++ b/documents/assets/js/54.ae06f530.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[54],{448:function(t,a,s){"use strict";s.r(a);var n=s(52),e=Object(n.a)({},(function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("h1",{attrs:{id:"api-for-vue-js"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#api-for-vue-js"}},[t._v("#")]),t._v(" API for Vue.js")]),t._v(" "),s("h2",{attrs:{id:"available-vue-components"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#available-vue-components"}},[t._v("#")]),t._v(" Available Vue Components")]),t._v(" "),s("p",[t._v("Please refer "),s("RouterLink",{attrs:{to:"/api/vue/components/"}},[t._v("Available Vue Components")])],1),t._v(" "),s("h2",{attrs:{id:"template"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#template"}},[t._v("#")]),t._v(" Template")]),t._v(" "),s("code-preview",[s("div",{staticClass:"language-vue line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-vue"}},[s("code",[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("demo-grid middle"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":data")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("records"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":frozen-col-count")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("1"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("\x3c!-- define checkbox --\x3e")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-check-column")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("check"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("50"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-column")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("personid"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("85"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n ID\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("\x3c!-- multiple header --\x3e")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-column-group")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("caption")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("Name"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-input-column")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("fname"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("20%"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("min-width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("150"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n First Name\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-input-column")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("lname"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("20%"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("min-width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("150"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n Last Name\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("\x3c!-- button --\x3e")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-button-column")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("caption")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("SHOW REC"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("120"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("@click")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("onClickRecord"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br"),s("span",{staticClass:"line-number"},[t._v("5")]),s("br"),s("span",{staticClass:"line-number"},[t._v("6")]),s("br"),s("span",{staticClass:"line-number"},[t._v("7")]),s("br"),s("span",{staticClass:"line-number"},[t._v("8")]),s("br"),s("span",{staticClass:"line-number"},[t._v("9")]),s("br"),s("span",{staticClass:"line-number"},[t._v("10")]),s("br"),s("span",{staticClass:"line-number"},[t._v("11")]),s("br"),s("span",{staticClass:"line-number"},[t._v("12")]),s("br"),s("span",{staticClass:"line-number"},[t._v("13")]),s("br"),s("span",{staticClass:"line-number"},[t._v("14")]),s("br"),s("span",{staticClass:"line-number"},[t._v("15")]),s("br"),s("span",{staticClass:"line-number"},[t._v("16")]),s("br"),s("span",{staticClass:"line-number"},[t._v("17")]),s("br"),s("span",{staticClass:"line-number"},[t._v("18")]),s("br"),s("span",{staticClass:"line-number"},[t._v("19")]),s("br"),s("span",{staticClass:"line-number"},[t._v("20")]),s("br"),s("span",{staticClass:"line-number"},[t._v("21")]),s("br"),s("span",{staticClass:"line-number"},[t._v("22")]),s("br"),s("span",{staticClass:"line-number"},[t._v("23")]),s("br"),s("span",{staticClass:"line-number"},[t._v("24")]),s("br"),s("span",{staticClass:"line-number"},[t._v("25")]),s("br"),s("span",{staticClass:"line-number"},[t._v("26")]),s("br"),s("span",{staticClass:"line-number"},[t._v("27")]),s("br"),s("span",{staticClass:"line-number"},[t._v("28")]),s("br"),s("span",{staticClass:"line-number"},[t._v("29")]),s("br"),s("span",{staticClass:"line-number"},[t._v("30")]),s("br"),s("span",{staticClass:"line-number"},[t._v("31")]),s("br"),s("span",{staticClass:"line-number"},[t._v("32")]),s("br"),s("span",{staticClass:"line-number"},[t._v("33")]),s("br"),s("span",{staticClass:"line-number"},[t._v("34")]),s("br"),s("span",{staticClass:"line-number"},[t._v("35")]),s("br"),s("span",{staticClass:"line-number"},[t._v("36")]),s("br"),s("span",{staticClass:"line-number"},[t._v("37")]),s("br"),s("span",{staticClass:"line-number"},[t._v("38")]),s("br"),s("span",{staticClass:"line-number"},[t._v("39")]),s("br"),s("span",{staticClass:"line-number"},[t._v("40")]),s("br")])]),s("div",{staticClass:"language-js line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-js"}},[s("code",[s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("default")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("data")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n records"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n methods"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("onClickRecord")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("alert")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token constant"}},[t._v("JSON")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("stringify")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br"),s("span",{staticClass:"line-number"},[t._v("5")]),s("br"),s("span",{staticClass:"line-number"},[t._v("6")]),s("br"),s("span",{staticClass:"line-number"},[t._v("7")]),s("br"),s("span",{staticClass:"line-number"},[t._v("8")]),s("br"),s("span",{staticClass:"line-number"},[t._v("9")]),s("br"),s("span",{staticClass:"line-number"},[t._v("10")]),s("br"),s("span",{staticClass:"line-number"},[t._v("11")]),s("br"),s("span",{staticClass:"line-number"},[t._v("12")]),s("br")])])])],1)}),[],!1,null,null,null);a.default=e.exports}}]); \ No newline at end of file diff --git a/documents/assets/js/55.b1caff8a.js b/documents/assets/js/55.b1caff8a.js new file mode 100644 index 000000000..074a4406f --- /dev/null +++ b/documents/assets/js/55.b1caff8a.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[55],{447:function(t,a,s){"use strict";s.r(a);var n=s(52),e=Object(n.a)({},(function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("h1",{attrs:{id:"advanced-layout"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#advanced-layout"}},[t._v("#")]),t._v(" Advanced Layout")]),t._v(" "),s("p",[t._v("You can use the "),s("code",[t._v("layout-header")]),t._v(" slot and the "),s("code",[t._v("layout-body")]),t._v(" slot to define advanced header and record layouts.")]),t._v(" "),s("p",[t._v("For example:")]),t._v(" "),s("code-preview",[s("div",{staticClass:"language-vue line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-vue"}},[s("code",[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("demo-grid middle"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":data")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("records"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":frozen-col-count")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("1"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("template")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("slot")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("layout-header"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("\x3c!-- header line1 --\x3e")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-layout-row")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-header")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("85"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("rowspan")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("2"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("ID"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-header")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("20%"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("min-width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("150"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n First Name\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-header")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("200"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("rowspan")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("2"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("Birthday"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("\x3c!-- header line2 --\x3e")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-layout-row")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-header")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("20%"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("min-width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("150"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n Last Name\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("template")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("slot")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("layout-body"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("\x3c!-- line1 --\x3e")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-layout-row")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-column")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("personid"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("85"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("rowspan")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("2"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-input-column")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("fname"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-column")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":field")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("getBirthday"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("rowspan")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("2"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("\x3c!-- line2 --\x3e")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-layout-row")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-input-column")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("lname"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br"),s("span",{staticClass:"line-number"},[t._v("5")]),s("br"),s("span",{staticClass:"line-number"},[t._v("6")]),s("br"),s("span",{staticClass:"line-number"},[t._v("7")]),s("br"),s("span",{staticClass:"line-number"},[t._v("8")]),s("br"),s("span",{staticClass:"line-number"},[t._v("9")]),s("br"),s("span",{staticClass:"line-number"},[t._v("10")]),s("br"),s("span",{staticClass:"line-number"},[t._v("11")]),s("br"),s("span",{staticClass:"line-number"},[t._v("12")]),s("br"),s("span",{staticClass:"line-number"},[t._v("13")]),s("br"),s("span",{staticClass:"line-number"},[t._v("14")]),s("br"),s("span",{staticClass:"line-number"},[t._v("15")]),s("br"),s("span",{staticClass:"line-number"},[t._v("16")]),s("br"),s("span",{staticClass:"line-number"},[t._v("17")]),s("br"),s("span",{staticClass:"line-number"},[t._v("18")]),s("br"),s("span",{staticClass:"line-number"},[t._v("19")]),s("br"),s("span",{staticClass:"line-number"},[t._v("20")]),s("br"),s("span",{staticClass:"line-number"},[t._v("21")]),s("br"),s("span",{staticClass:"line-number"},[t._v("22")]),s("br"),s("span",{staticClass:"line-number"},[t._v("23")]),s("br"),s("span",{staticClass:"line-number"},[t._v("24")]),s("br"),s("span",{staticClass:"line-number"},[t._v("25")]),s("br"),s("span",{staticClass:"line-number"},[t._v("26")]),s("br"),s("span",{staticClass:"line-number"},[t._v("27")]),s("br"),s("span",{staticClass:"line-number"},[t._v("28")]),s("br"),s("span",{staticClass:"line-number"},[t._v("29")]),s("br"),s("span",{staticClass:"line-number"},[t._v("30")]),s("br"),s("span",{staticClass:"line-number"},[t._v("31")]),s("br"),s("span",{staticClass:"line-number"},[t._v("32")]),s("br"),s("span",{staticClass:"line-number"},[t._v("33")]),s("br"),s("span",{staticClass:"line-number"},[t._v("34")]),s("br"),s("span",{staticClass:"line-number"},[t._v("35")]),s("br"),s("span",{staticClass:"line-number"},[t._v("36")]),s("br"),s("span",{staticClass:"line-number"},[t._v("37")]),s("br"),s("span",{staticClass:"line-number"},[t._v("38")]),s("br"),s("span",{staticClass:"line-number"},[t._v("39")]),s("br"),s("span",{staticClass:"line-number"},[t._v("40")]),s("br"),s("span",{staticClass:"line-number"},[t._v("41")]),s("br"),s("span",{staticClass:"line-number"},[t._v("42")]),s("br"),s("span",{staticClass:"line-number"},[t._v("43")]),s("br"),s("span",{staticClass:"line-number"},[t._v("44")]),s("br")])]),s("div",{staticClass:"language-js line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-js"}},[s("code",[s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/*\n record object properties\n {\n personid: 'ID',\n fname: 'First Name',\n lname: 'Last Name',\n email: 'Email',\n birthday: 'birthday',\n }\n */")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" records "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("generatePersons")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("default")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("data")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n records"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n methods"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("getBirthday")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" dateTimeFormat "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Intl"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("DateTimeFormat")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"en-US"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n year"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"numeric"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n month"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"numeric"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n day"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"numeric"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" dateTimeFormat"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("format")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("birthday"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br"),s("span",{staticClass:"line-number"},[t._v("5")]),s("br"),s("span",{staticClass:"line-number"},[t._v("6")]),s("br"),s("span",{staticClass:"line-number"},[t._v("7")]),s("br"),s("span",{staticClass:"line-number"},[t._v("8")]),s("br"),s("span",{staticClass:"line-number"},[t._v("9")]),s("br"),s("span",{staticClass:"line-number"},[t._v("10")]),s("br"),s("span",{staticClass:"line-number"},[t._v("11")]),s("br"),s("span",{staticClass:"line-number"},[t._v("12")]),s("br"),s("span",{staticClass:"line-number"},[t._v("13")]),s("br"),s("span",{staticClass:"line-number"},[t._v("14")]),s("br"),s("span",{staticClass:"line-number"},[t._v("15")]),s("br"),s("span",{staticClass:"line-number"},[t._v("16")]),s("br"),s("span",{staticClass:"line-number"},[t._v("17")]),s("br"),s("span",{staticClass:"line-number"},[t._v("18")]),s("br"),s("span",{staticClass:"line-number"},[t._v("19")]),s("br"),s("span",{staticClass:"line-number"},[t._v("20")]),s("br"),s("span",{staticClass:"line-number"},[t._v("21")]),s("br"),s("span",{staticClass:"line-number"},[t._v("22")]),s("br"),s("span",{staticClass:"line-number"},[t._v("23")]),s("br"),s("span",{staticClass:"line-number"},[t._v("24")]),s("br"),s("span",{staticClass:"line-number"},[t._v("25")]),s("br"),s("span",{staticClass:"line-number"},[t._v("26")]),s("br"),s("span",{staticClass:"line-number"},[t._v("27")]),s("br"),s("span",{staticClass:"line-number"},[t._v("28")]),s("br"),s("span",{staticClass:"line-number"},[t._v("29")]),s("br")])])])],1)}),[],!1,null,null,null);a.default=e.exports}}]); \ No newline at end of file diff --git a/documents/assets/js/56.9113003f.js b/documents/assets/js/56.9113003f.js new file mode 100644 index 000000000..376420b73 --- /dev/null +++ b/documents/assets/js/56.9113003f.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[56],{449:function(t,a,s){"use strict";s.r(a);var n=s(52),e=Object(n.a)({},(function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("h1",{attrs:{id:"cgrid"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#cgrid"}},[t._v("#")]),t._v(" CGrid")]),t._v(" "),s("p",[t._v("Defines the Grid.")]),t._v(" "),s("h2",{attrs:{id:"vue-template-structure"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#vue-template-structure"}},[t._v("#")]),t._v(" Vue Template Structure")]),t._v(" "),s("code-preview",[s("div",{staticClass:"language-vue line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-vue"}},[s("code",[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("demo-grid middle"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":data")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("records"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":frozen-col-count")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("1"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("\x3c!-- define checkbox --\x3e")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-check-column")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("check"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("50"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-column")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("personid"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("85"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n ID\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("\x3c!-- multiple header --\x3e")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-column-group")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("caption")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("Name"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-input-column")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("fname"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("20%"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("min-width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("150"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n First Name\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-input-column")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("lname"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("20%"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("min-width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("150"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n Last Name\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("\x3c!-- button --\x3e")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-button-column")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("caption")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("SHOW REC"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("120"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("@click")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("onClickRecord"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br"),s("span",{staticClass:"line-number"},[t._v("5")]),s("br"),s("span",{staticClass:"line-number"},[t._v("6")]),s("br"),s("span",{staticClass:"line-number"},[t._v("7")]),s("br"),s("span",{staticClass:"line-number"},[t._v("8")]),s("br"),s("span",{staticClass:"line-number"},[t._v("9")]),s("br"),s("span",{staticClass:"line-number"},[t._v("10")]),s("br"),s("span",{staticClass:"line-number"},[t._v("11")]),s("br"),s("span",{staticClass:"line-number"},[t._v("12")]),s("br"),s("span",{staticClass:"line-number"},[t._v("13")]),s("br"),s("span",{staticClass:"line-number"},[t._v("14")]),s("br"),s("span",{staticClass:"line-number"},[t._v("15")]),s("br"),s("span",{staticClass:"line-number"},[t._v("16")]),s("br"),s("span",{staticClass:"line-number"},[t._v("17")]),s("br"),s("span",{staticClass:"line-number"},[t._v("18")]),s("br"),s("span",{staticClass:"line-number"},[t._v("19")]),s("br"),s("span",{staticClass:"line-number"},[t._v("20")]),s("br"),s("span",{staticClass:"line-number"},[t._v("21")]),s("br"),s("span",{staticClass:"line-number"},[t._v("22")]),s("br"),s("span",{staticClass:"line-number"},[t._v("23")]),s("br"),s("span",{staticClass:"line-number"},[t._v("24")]),s("br"),s("span",{staticClass:"line-number"},[t._v("25")]),s("br"),s("span",{staticClass:"line-number"},[t._v("26")]),s("br"),s("span",{staticClass:"line-number"},[t._v("27")]),s("br"),s("span",{staticClass:"line-number"},[t._v("28")]),s("br"),s("span",{staticClass:"line-number"},[t._v("29")]),s("br"),s("span",{staticClass:"line-number"},[t._v("30")]),s("br"),s("span",{staticClass:"line-number"},[t._v("31")]),s("br"),s("span",{staticClass:"line-number"},[t._v("32")]),s("br"),s("span",{staticClass:"line-number"},[t._v("33")]),s("br"),s("span",{staticClass:"line-number"},[t._v("34")]),s("br"),s("span",{staticClass:"line-number"},[t._v("35")]),s("br"),s("span",{staticClass:"line-number"},[t._v("36")]),s("br"),s("span",{staticClass:"line-number"},[t._v("37")]),s("br"),s("span",{staticClass:"line-number"},[t._v("38")]),s("br"),s("span",{staticClass:"line-number"},[t._v("39")]),s("br"),s("span",{staticClass:"line-number"},[t._v("40")]),s("br")])]),s("div",{staticClass:"language-js line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-js"}},[s("code",[s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("default")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("data")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n records"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n methods"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("onClickRecord")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("alert")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token constant"}},[t._v("JSON")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("stringify")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br"),s("span",{staticClass:"line-number"},[t._v("5")]),s("br"),s("span",{staticClass:"line-number"},[t._v("6")]),s("br"),s("span",{staticClass:"line-number"},[t._v("7")]),s("br"),s("span",{staticClass:"line-number"},[t._v("8")]),s("br"),s("span",{staticClass:"line-number"},[t._v("9")]),s("br"),s("span",{staticClass:"line-number"},[t._v("10")]),s("br"),s("span",{staticClass:"line-number"},[t._v("11")]),s("br"),s("span",{staticClass:"line-number"},[t._v("12")]),s("br")])])]),t._v(" "),s("h2",{attrs:{id:"slots"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#slots"}},[t._v("#")]),t._v(" Slots")]),t._v(" "),s("h3",{attrs:{id:"default-slot"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#default-slot"}},[t._v("#")]),t._v(" "),s("code",[t._v("default")]),t._v(" slot")]),t._v(" "),s("p",[t._v("Use this slot to set the simple header definition."),s("br"),t._v("\nThe definition is set to "),s("code",[t._v("header")]),t._v(" property described in "),s("RouterLink",{attrs:{to:"/api/js/headers_columns.html"}},[t._v("Define Headers and Columns")])],1),t._v(" "),s("h3",{attrs:{id:"layout-header-slot"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#layout-header-slot"}},[t._v("#")]),t._v(" "),s("code",[t._v("layout-header")]),t._v(" slot")]),t._v(" "),s("p",[t._v("Use this slot to set the layout header definition."),s("br"),t._v("\nUse this slot in combination with the "),s("code",[t._v("layout-body")]),t._v(" slot."),s("br"),t._v("\nThe definition is set to "),s("code",[t._v("layout.header")]),t._v(" property described in "),s("RouterLink",{attrs:{to:"/api/js/advanced_layout/"}},[t._v("Advanced Layout")]),t._v(".")],1),t._v(" "),s("h3",{attrs:{id:"layout-body-slot"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#layout-body-slot"}},[t._v("#")]),t._v(" "),s("code",[t._v("layout-body")]),t._v(" slot")]),t._v(" "),s("p",[t._v("Use this slot to set the layout body definition."),s("br"),t._v("\nUse this slot in combination with the "),s("code",[t._v("layout-header")]),t._v(" slot."),s("br"),t._v("\nThe definition is set to "),s("code",[t._v("layout.body")]),t._v(" property described in "),s("RouterLink",{attrs:{to:"/api/js/advanced_layout/"}},[t._v("Advanced Layout")]),t._v(".")],1),t._v(" "),s("h2",{attrs:{id:"properties"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),s("h3",{attrs:{id:"optional-properties"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#optional-properties"}},[t._v("#")]),t._v(" Optional Properties")]),t._v(" "),s("table",[s("thead",[s("tr",[s("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),s("th",{staticStyle:{"text-align":"center"}},[t._v("Type")]),t._v(" "),s("th",{staticStyle:{"text-align":"left"}},[t._v("Description")]),t._v(" "),s("th",{staticStyle:{"text-align":"left"}},[t._v("Default")])])]),t._v(" "),s("tbody",[s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("data")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("Array")]),t._v("|"),s("code",[t._v("object")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a records or data source.")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("frozen-col-count")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("number")]),t._v("|"),s("code",[t._v("string")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a frozen col Count")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("0")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("header-row-height")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("number")]),t._v("|"),s("code",[t._v("Array")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines the header row height(s)")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("allow-range-paste")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("boolean")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Allow pasting of range.")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("trim-on-paste")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("boolean")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Trim the pasted text on pasting.")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("default-row-height")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("number")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Default grid row height.")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("default-col-width")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("number")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Default grid col width.")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("filter")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("function")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a records filter")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("font")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("string")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Default font.")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("underlay-background-color")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("string")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Underlay background color.")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("theme")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("object")]),t._v("|"),s("code",[t._v("string")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines the grid theme")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("move-cell-on-tab-key")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("boolean")]),t._v("|"),s("code",[t._v("function")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Specify "),s("code",[t._v("true")]),t._v(" to enable cell movement by Tab key. You can also specify a function that determines which cell to move to.")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("false")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("move-cell-on-enter-key")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("boolean")]),t._v("|"),s("code",[t._v("function")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Specify "),s("code",[t._v("true")]),t._v(" to enable cell movement by Enter key. You can also specify a function that determines which cell to move to.")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("false")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("delete-cell-value-on-del-key")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("boolean")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Specify "),s("code",[t._v("true")]),t._v(" to enable enable deletion of cell values with the Del and BS keys.")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("select-all-on-ctrl-a-key")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("boolean")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Specify "),s("code",[t._v("true")]),t._v(" to enable select all cells by Ctrl + A key.")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("disable-column-resize")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("boolean")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Specify "),s("code",[t._v("true")]),t._v(" to disable column resizing")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("disabled")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("boolean")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines disabled")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("readonly")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("boolean")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines readonly")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("options")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("object")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a raw options for Cheetah Grid")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])])])]),t._v(" "),s("h2",{attrs:{id:"examples-of-using-properties"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#examples-of-using-properties"}},[t._v("#")]),t._v(" Examples of using Properties")]),t._v(" "),s("h3",{attrs:{id:"theme"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#theme"}},[t._v("#")]),t._v(" theme")]),t._v(" "),s("code-preview",[s("div",{staticClass:"language-vue line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-vue"}},[s("code",[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("demo-grid middle"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":data")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("records"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":theme")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("userTheme"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v(" "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("\x3c!-- set theme --\x3e")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-check-column")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("check"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("50"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-column")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("personid"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("85"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("ID"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-column-group")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("caption")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("Name"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-input-column")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("fname"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("20%"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("min-width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("150"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":sort")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("true"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("First Name"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-input-column")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("lname"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("20%"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("min-width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("150"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":sort")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("true"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("Last Name"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-button-column")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("caption")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("SHOW REC"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("120"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("@click")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("onClickRecord"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br"),s("span",{staticClass:"line-number"},[t._v("5")]),s("br"),s("span",{staticClass:"line-number"},[t._v("6")]),s("br"),s("span",{staticClass:"line-number"},[t._v("7")]),s("br"),s("span",{staticClass:"line-number"},[t._v("8")]),s("br"),s("span",{staticClass:"line-number"},[t._v("9")]),s("br"),s("span",{staticClass:"line-number"},[t._v("10")]),s("br"),s("span",{staticClass:"line-number"},[t._v("11")]),s("br"),s("span",{staticClass:"line-number"},[t._v("12")]),s("br"),s("span",{staticClass:"line-number"},[t._v("13")]),s("br")])]),s("div",{staticClass:"language-js line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-js"}},[s("code",[s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("default")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n name"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"App"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("data")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n records"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// you can set the theme name or object.")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// userTheme: 'BASIC',")]),t._v("\n userTheme"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n color"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#2c3e50"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n frozenRowsColor"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#2c3e50"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n frozenRowsBgColor"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#40b883"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n borderColor"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#35495e"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n frozenRowsBorderColor"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#35495e"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n checkbox"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n checkBgColor"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#35495e"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n borderColor"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#35495e"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n button"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n color"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#FFF"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n bgColor"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#2c3e50"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n methods"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("onClickRecord")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("alert")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token constant"}},[t._v("JSON")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("stringify")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br"),s("span",{staticClass:"line-number"},[t._v("5")]),s("br"),s("span",{staticClass:"line-number"},[t._v("6")]),s("br"),s("span",{staticClass:"line-number"},[t._v("7")]),s("br"),s("span",{staticClass:"line-number"},[t._v("8")]),s("br"),s("span",{staticClass:"line-number"},[t._v("9")]),s("br"),s("span",{staticClass:"line-number"},[t._v("10")]),s("br"),s("span",{staticClass:"line-number"},[t._v("11")]),s("br"),s("span",{staticClass:"line-number"},[t._v("12")]),s("br"),s("span",{staticClass:"line-number"},[t._v("13")]),s("br"),s("span",{staticClass:"line-number"},[t._v("14")]),s("br"),s("span",{staticClass:"line-number"},[t._v("15")]),s("br"),s("span",{staticClass:"line-number"},[t._v("16")]),s("br"),s("span",{staticClass:"line-number"},[t._v("17")]),s("br"),s("span",{staticClass:"line-number"},[t._v("18")]),s("br"),s("span",{staticClass:"line-number"},[t._v("19")]),s("br"),s("span",{staticClass:"line-number"},[t._v("20")]),s("br"),s("span",{staticClass:"line-number"},[t._v("21")]),s("br"),s("span",{staticClass:"line-number"},[t._v("22")]),s("br"),s("span",{staticClass:"line-number"},[t._v("23")]),s("br"),s("span",{staticClass:"line-number"},[t._v("24")]),s("br"),s("span",{staticClass:"line-number"},[t._v("25")]),s("br"),s("span",{staticClass:"line-number"},[t._v("26")]),s("br"),s("span",{staticClass:"line-number"},[t._v("27")]),s("br"),s("span",{staticClass:"line-number"},[t._v("28")]),s("br"),s("span",{staticClass:"line-number"},[t._v("29")]),s("br"),s("span",{staticClass:"line-number"},[t._v("30")]),s("br")])])]),t._v(" "),s("h2",{attrs:{id:"data"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#data"}},[t._v("#")]),t._v(" Data")]),t._v(" "),s("table",[s("thead",[s("tr",[s("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),s("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),s("th",{staticStyle:{"text-align":"left"}},[t._v("Initial Value")]),t._v(" "),s("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),s("tbody",[s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("headerValues")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Map")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("new Map()")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Header values.")])])])]),t._v(" "),s("h2",{attrs:{id:"events"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#events"}},[t._v("#")]),t._v(" Events")]),t._v(" "),s("table",[s("thead",[s("tr",[s("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),s("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),s("tbody",[s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("click-cell")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Click on cell.")])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("dblclick-cell")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Doubleclick on cell.")])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("selected-cell")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Selected cell.")])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("paste-cell")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Paste on cell.")])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("changed-value")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Changed value.")])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("changed-header-value")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Changed header value.")])])])]),t._v(" "),s("p",[t._v("and more...")]),t._v(" "),s("div",{staticClass:"custom-block tip"},[s("p",{staticClass:"custom-block-title"},[t._v("TIP")]),t._v(" "),s("p",[t._v("The events for which the column can be identified emit the same event to each column definition component."),s("br"),t._v("\ne.g. "),s("code",[t._v("")])])]),t._v(" "),s("code-preview",[s("div",{staticClass:"language-vue line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-vue"}},[s("code",[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("demo-grid middle"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":data")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("records"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":frozen-col-count")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("1"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-column")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("personid"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("85"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("@click-cell")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("onClickCell($event, "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("'")]),t._v("ID"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("'")]),t._v(")"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n ID\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-input-column")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("fname"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("20%"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("@click-cell")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("onClickCell($event, "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("'")]),t._v("First Name"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("'")]),t._v(")"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n First Name\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-input-column")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("lname"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("20%"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("@click-cell")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("onClickCell($event, "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("'")]),t._v("Last Name"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("'")]),t._v(")"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n Last Name\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br"),s("span",{staticClass:"line-number"},[t._v("5")]),s("br"),s("span",{staticClass:"line-number"},[t._v("6")]),s("br"),s("span",{staticClass:"line-number"},[t._v("7")]),s("br"),s("span",{staticClass:"line-number"},[t._v("8")]),s("br"),s("span",{staticClass:"line-number"},[t._v("9")]),s("br"),s("span",{staticClass:"line-number"},[t._v("10")]),s("br"),s("span",{staticClass:"line-number"},[t._v("11")]),s("br"),s("span",{staticClass:"line-number"},[t._v("12")]),s("br"),s("span",{staticClass:"line-number"},[t._v("13")]),s("br"),s("span",{staticClass:"line-number"},[t._v("14")]),s("br"),s("span",{staticClass:"line-number"},[t._v("15")]),s("br"),s("span",{staticClass:"line-number"},[t._v("16")]),s("br"),s("span",{staticClass:"line-number"},[t._v("17")]),s("br"),s("span",{staticClass:"line-number"},[t._v("18")]),s("br"),s("span",{staticClass:"line-number"},[t._v("19")]),s("br"),s("span",{staticClass:"line-number"},[t._v("20")]),s("br"),s("span",{staticClass:"line-number"},[t._v("21")]),s("br")])]),s("div",{staticClass:"language-js line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-js"}},[s("code",[s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("default")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("data")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n records"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n methods"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("onClickCell")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("event"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" colName")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("alert")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Click at "')]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" colName "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('": $event="')]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token constant"}},[t._v("JSON")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("stringify")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("event"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br"),s("span",{staticClass:"line-number"},[t._v("5")]),s("br"),s("span",{staticClass:"line-number"},[t._v("6")]),s("br"),s("span",{staticClass:"line-number"},[t._v("7")]),s("br"),s("span",{staticClass:"line-number"},[t._v("8")]),s("br"),s("span",{staticClass:"line-number"},[t._v("9")]),s("br"),s("span",{staticClass:"line-number"},[t._v("10")]),s("br"),s("span",{staticClass:"line-number"},[t._v("11")]),s("br"),s("span",{staticClass:"line-number"},[t._v("12")]),s("br")])])]),t._v(" "),s("h2",{attrs:{id:"methods"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),s("table",[s("thead",[s("tr",[s("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),s("th",{staticStyle:{"text-align":"left"}},[t._v("Return Type")]),t._v(" "),s("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),s("tbody",[s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("invalidate")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("---")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Redraws the whole grid.")])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("updateSize")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("---")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Apply the changed size.")])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("updateScroll")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("---")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Apply the changed scroll size.")])])])])],1)}),[],!1,null,null,null);a.default=e.exports}}]); \ No newline at end of file diff --git a/documents/assets/js/57.d2704f70.js b/documents/assets/js/57.d2704f70.js new file mode 100644 index 000000000..d8bd1f10c --- /dev/null +++ b/documents/assets/js/57.d2704f70.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[57],{450:function(t,a,s){"use strict";s.r(a);var n=s(52),e=Object(n.a)({},(function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("h1",{attrs:{id:"cgridbranchgraphcolumn"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#cgridbranchgraphcolumn"}},[t._v("#")]),t._v(" CGridBranchGraphColumn")]),t._v(" "),s("p",[t._v("Defines branch graph column.")]),t._v(" "),s("h2",{attrs:{id:"vue-template-structure"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#vue-template-structure"}},[t._v("#")]),t._v(" Vue Template Structure")]),t._v(" "),s("code-preview",[s("div",{staticClass:"language-vue line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-vue"}},[s("code",[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("demo-grid large"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":data")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("records"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-branch-graph-column")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("200"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("cache")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("command"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n Graph\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br"),s("span",{staticClass:"line-number"},[t._v("5")]),s("br"),s("span",{staticClass:"line-number"},[t._v("6")]),s("br"),s("span",{staticClass:"line-number"},[t._v("7")]),s("br"),s("span",{staticClass:"line-number"},[t._v("8")]),s("br"),s("span",{staticClass:"line-number"},[t._v("9")]),s("br"),s("span",{staticClass:"line-number"},[t._v("10")]),s("br"),s("span",{staticClass:"line-number"},[t._v("11")]),s("br")])]),s("div",{staticClass:"language-js line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-js"}},[s("code",[s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" records "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n command"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" command"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"commit"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" branch"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"main"')]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" command"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"tag"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" branch"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"main"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" tag"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"v1.1.0"')]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n command"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" command"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"commit"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" branch"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"develop2"')]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n command"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" command"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"merge"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" branch"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" from"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"main"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" to"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"develop2"')]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n command"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" command"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"merge"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" branch"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" from"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"develop3"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" to"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"main"')]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n command"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" command"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"commit"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" branch"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"develop2"')]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n command"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" command"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"branch"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" branch"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" from"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"main"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" to"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"develop3"')]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" command"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"commit"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" branch"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"develop3"')]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n command"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" command"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"branch"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" branch"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" from"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"main"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" to"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"develop2"')]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n command"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" command"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"merge"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" branch"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" from"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"develop"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" to"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"main"')]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n command"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" command"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"commit"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" branch"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"develop"')]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n command"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" command"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"commit"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" branch"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"main"')]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" command"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"tag"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" branch"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"main"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" tag"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"v1.0.0"')]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" command"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"branch"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" branch"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" from"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"main"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" to"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"develop"')]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n command"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" command"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"branch"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" branch"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"main"')]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" command"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"commit"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" branch"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"main"')]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("default")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("data")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n records"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br"),s("span",{staticClass:"line-number"},[t._v("5")]),s("br"),s("span",{staticClass:"line-number"},[t._v("6")]),s("br"),s("span",{staticClass:"line-number"},[t._v("7")]),s("br"),s("span",{staticClass:"line-number"},[t._v("8")]),s("br"),s("span",{staticClass:"line-number"},[t._v("9")]),s("br"),s("span",{staticClass:"line-number"},[t._v("10")]),s("br"),s("span",{staticClass:"line-number"},[t._v("11")]),s("br"),s("span",{staticClass:"line-number"},[t._v("12")]),s("br"),s("span",{staticClass:"line-number"},[t._v("13")]),s("br"),s("span",{staticClass:"line-number"},[t._v("14")]),s("br"),s("span",{staticClass:"line-number"},[t._v("15")]),s("br"),s("span",{staticClass:"line-number"},[t._v("16")]),s("br"),s("span",{staticClass:"line-number"},[t._v("17")]),s("br"),s("span",{staticClass:"line-number"},[t._v("18")]),s("br"),s("span",{staticClass:"line-number"},[t._v("19")]),s("br"),s("span",{staticClass:"line-number"},[t._v("20")]),s("br"),s("span",{staticClass:"line-number"},[t._v("21")]),s("br"),s("span",{staticClass:"line-number"},[t._v("22")]),s("br"),s("span",{staticClass:"line-number"},[t._v("23")]),s("br"),s("span",{staticClass:"line-number"},[t._v("24")]),s("br"),s("span",{staticClass:"line-number"},[t._v("25")]),s("br"),s("span",{staticClass:"line-number"},[t._v("26")]),s("br"),s("span",{staticClass:"line-number"},[t._v("27")]),s("br"),s("span",{staticClass:"line-number"},[t._v("28")]),s("br"),s("span",{staticClass:"line-number"},[t._v("29")]),s("br"),s("span",{staticClass:"line-number"},[t._v("30")]),s("br"),s("span",{staticClass:"line-number"},[t._v("31")]),s("br"),s("span",{staticClass:"line-number"},[t._v("32")]),s("br"),s("span",{staticClass:"line-number"},[t._v("33")]),s("br"),s("span",{staticClass:"line-number"},[t._v("34")]),s("br"),s("span",{staticClass:"line-number"},[t._v("35")]),s("br"),s("span",{staticClass:"line-number"},[t._v("36")]),s("br"),s("span",{staticClass:"line-number"},[t._v("37")]),s("br"),s("span",{staticClass:"line-number"},[t._v("38")]),s("br"),s("span",{staticClass:"line-number"},[t._v("39")]),s("br"),s("span",{staticClass:"line-number"},[t._v("40")]),s("br"),s("span",{staticClass:"line-number"},[t._v("41")]),s("br"),s("span",{staticClass:"line-number"},[t._v("42")]),s("br"),s("span",{staticClass:"line-number"},[t._v("43")]),s("br"),s("span",{staticClass:"line-number"},[t._v("44")]),s("br"),s("span",{staticClass:"line-number"},[t._v("45")]),s("br"),s("span",{staticClass:"line-number"},[t._v("46")]),s("br"),s("span",{staticClass:"line-number"},[t._v("47")]),s("br"),s("span",{staticClass:"line-number"},[t._v("48")]),s("br"),s("span",{staticClass:"line-number"},[t._v("49")]),s("br"),s("span",{staticClass:"line-number"},[t._v("50")]),s("br"),s("span",{staticClass:"line-number"},[t._v("51")]),s("br"),s("span",{staticClass:"line-number"},[t._v("52")]),s("br"),s("span",{staticClass:"line-number"},[t._v("53")]),s("br"),s("span",{staticClass:"line-number"},[t._v("54")]),s("br"),s("span",{staticClass:"line-number"},[t._v("55")]),s("br")])])]),t._v(" "),s("h2",{attrs:{id:"slots"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#slots"}},[t._v("#")]),t._v(" Slots")]),t._v(" "),s("h3",{attrs:{id:"default-slot"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#default-slot"}},[t._v("#")]),t._v(" "),s("code",[t._v("default")]),t._v(" slot")]),t._v(" "),s("p",[t._v("Use this slot to set the header caption")]),t._v(" "),s("h2",{attrs:{id:"properties"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),s("h3",{attrs:{id:"optional-properties"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#optional-properties"}},[t._v("#")]),t._v(" Optional Properties")]),t._v(" "),s("table",[s("thead",[s("tr",[s("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),s("th",{staticStyle:{"text-align":"center"}},[t._v("Type")]),t._v(" "),s("th",{staticStyle:{"text-align":"left"}},[t._v("Description")]),t._v(" "),s("th",{staticStyle:{"text-align":"left"}},[t._v("Default")])])]),t._v(" "),s("tbody",[s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("field")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("object")]),t._v("|"),s("code",[t._v("string")]),t._v("|"),s("code",[t._v("function")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column data field")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("width")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("number")]),t._v("|"),s("code",[t._v("string")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a default column width")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("min-width")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("number")]),t._v("|"),s("code",[t._v("string")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column min width")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("max-width")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("number")]),t._v("|"),s("code",[t._v("string")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column max width")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("column-style")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("object")]),t._v("|"),s("code",[t._v("string")]),t._v("|"),s("code",[t._v("function")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column style. Same as "),s("RouterLink",{attrs:{to:"/api/js/column_styles/"}},[t._v("the "),s("code",[t._v("style")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("action")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("object")]),t._v("|"),s("code",[t._v("string")]),t._v("|"),s("code",[t._v("function")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines an action")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("caption")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("string")]),t._v("|"),s("code",[t._v("function")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a header caption")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("''")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("cache")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("boolean")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Enable cache")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("colspan")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("number")]),t._v("|"),s("code",[t._v("string")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines the layout colspan."),s("br"),t._v("This property can be used when defining in the "),s("code",[t._v("layout-header")]),t._v(" and "),s("code",[t._v("layout-body")]),t._v(" slots.")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("filter")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("string")]),t._v("|"),s("code",[t._v("function")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a vue filter name")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("header-action")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("object")]),t._v("|"),s("code",[t._v("string")]),t._v("|"),s("code",[t._v("function")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header action. Same as "),s("RouterLink",{attrs:{to:"/api/js/advanced_header/header_actions.html"}},[t._v("the "),s("code",[t._v("headerAction")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("header-field")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("string")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header data field")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("header-icon")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("object")]),t._v("|"),s("code",[t._v("string")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a header icon")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("header-style")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("object")]),t._v("|"),s("code",[t._v("string")]),t._v("|"),s("code",[t._v("function")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header style. Same as "),s("RouterLink",{attrs:{to:"/api/js/advanced_header/header_styles.html"}},[t._v("the "),s("code",[t._v("headerStyle")]),t._v(" property of the JS API")])],1),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("header-type")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("object")]),t._v("|"),s("code",[t._v("string")]),t._v("|"),s("code",[t._v("function")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header type. Same as "),s("RouterLink",{attrs:{to:"/api/js/advanced_header/header_styles.html"}},[t._v("the "),s("code",[t._v("headerStyle")]),t._v(" property of the JS API")])],1),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("icon")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("object")]),t._v("|"),s("code",[t._v("string")]),t._v("|"),s("code",[t._v("function")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines an icon. Same as "),s("RouterLink",{attrs:{to:"/api/js/column_icon.html"}},[t._v("the "),s("code",[t._v("icon")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("message")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("object")]),t._v("|"),s("code",[t._v("string")]),t._v("|"),s("code",[t._v("function")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a message generation method. Same as "),s("RouterLink",{attrs:{to:"/api/js/cell_message.html"}},[t._v("the "),s("code",[t._v("message")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("rowspan")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("number")]),t._v("|"),s("code",[t._v("string")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines the layout rowspan."),s("br"),t._v("This property can be used when defining in the "),s("code",[t._v("layout-header")]),t._v(" and "),s("code",[t._v("layout-body")]),t._v(" slots.")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("sort")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("boolean")]),t._v("|"),s("code",[t._v("string")]),t._v("|"),s("code",[t._v("function")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v('Defines a sort. See "'),s("RouterLink",{attrs:{to:"/api/js/advanced_header/column_sort.html"}},[t._v("Sort by Column")]),t._v('" for detail.')],1),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("start")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("string")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a start type")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])])])]),t._v(" "),s("h2",{attrs:{id:"methods"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),s("table",[s("thead",[s("tr",[s("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),s("th",{staticStyle:{"text-align":"left"}},[t._v("Return Type")]),t._v(" "),s("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),s("tbody",[s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("invalidate")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("---")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Redraws the whole grid.")])])])])],1)}),[],!1,null,null,null);a.default=e.exports}}]); \ No newline at end of file diff --git a/documents/assets/js/58.4f978505.js b/documents/assets/js/58.4f978505.js new file mode 100644 index 000000000..cbf20633e --- /dev/null +++ b/documents/assets/js/58.4f978505.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[58],{452:function(t,a,e){"use strict";e.r(a);var s=e(52),n=Object(s.a)({},(function(){var t=this,a=t.$createElement,e=t._self._c||a;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"cgridbuttoncolumn"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#cgridbuttoncolumn"}},[t._v("#")]),t._v(" CGridButtonColumn")]),t._v(" "),e("p",[t._v("Defines button column.")]),t._v(" "),e("h2",{attrs:{id:"vue-template-structure"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#vue-template-structure"}},[t._v("#")]),t._v(" Vue Template Structure")]),t._v(" "),e("code-preview",[e("div",{staticClass:"language-vue line-numbers-mode"},[e("pre",{pre:!0,attrs:{class:"language-vue"}},[e("code",[e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),e("span",{pre:!0,attrs:{class:"token attr-value"}},[e("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("demo-grid small"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":data")]),e("span",{pre:!0,attrs:{class:"token attr-value"}},[e("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("records"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":frozen-col-count")]),e("span",{pre:!0,attrs:{class:"token attr-value"}},[e("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("1"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-button-column")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("caption")]),e("span",{pre:!0,attrs:{class:"token attr-value"}},[e("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("FIXED LABEL"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),e("span",{pre:!0,attrs:{class:"token attr-value"}},[e("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("120"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("@click")]),e("span",{pre:!0,attrs:{class:"token attr-value"}},[e("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("onClickRecord"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n Button1\n "),e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-button-column")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),e("span",{pre:!0,attrs:{class:"token attr-value"}},[e("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("buttonCaption"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),e("span",{pre:!0,attrs:{class:"token attr-value"}},[e("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("120"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("@click")]),e("span",{pre:!0,attrs:{class:"token attr-value"}},[e("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("onClickRecord"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n Button2\n "),e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),e("div",{staticClass:"line-numbers-wrapper"},[e("span",{staticClass:"line-number"},[t._v("1")]),e("br"),e("span",{staticClass:"line-number"},[t._v("2")]),e("br"),e("span",{staticClass:"line-number"},[t._v("3")]),e("br"),e("span",{staticClass:"line-number"},[t._v("4")]),e("br"),e("span",{staticClass:"line-number"},[t._v("5")]),e("br"),e("span",{staticClass:"line-number"},[t._v("6")]),e("br"),e("span",{staticClass:"line-number"},[t._v("7")]),e("br"),e("span",{staticClass:"line-number"},[t._v("8")]),e("br"),e("span",{staticClass:"line-number"},[t._v("9")]),e("br"),e("span",{staticClass:"line-number"},[t._v("10")]),e("br"),e("span",{staticClass:"line-number"},[t._v("11")]),e("br"),e("span",{staticClass:"line-number"},[t._v("12")]),e("br"),e("span",{staticClass:"line-number"},[t._v("13")]),e("br"),e("span",{staticClass:"line-number"},[t._v("14")]),e("br"),e("span",{staticClass:"line-number"},[t._v("15")]),e("br"),e("span",{staticClass:"line-number"},[t._v("16")]),e("br"),e("span",{staticClass:"line-number"},[t._v("17")]),e("br"),e("span",{staticClass:"line-number"},[t._v("18")]),e("br"),e("span",{staticClass:"line-number"},[t._v("19")]),e("br"),e("span",{staticClass:"line-number"},[t._v("20")]),e("br")])]),e("div",{staticClass:"language-js line-numbers-mode"},[e("pre",{pre:!0,attrs:{class:"language-js"}},[e("code",[e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("default")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token function"}},[t._v("data")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n records"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" buttonCaption"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v('"BUTTON1"')]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" buttonCaption"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v('"BUTTON2"')]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" buttonCaption"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v('"BUTTON3"')]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" buttonCaption"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v('"BUTTON4"')]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" buttonCaption"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v('"BUTTON5"')]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n methods"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token function"}},[t._v("onClickRecord")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),e("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token function"}},[t._v("alert")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),e("span",{pre:!0,attrs:{class:"token constant"}},[t._v("JSON")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),e("span",{pre:!0,attrs:{class:"token function"}},[t._v("stringify")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),e("div",{staticClass:"line-numbers-wrapper"},[e("span",{staticClass:"line-number"},[t._v("1")]),e("br"),e("span",{staticClass:"line-number"},[t._v("2")]),e("br"),e("span",{staticClass:"line-number"},[t._v("3")]),e("br"),e("span",{staticClass:"line-number"},[t._v("4")]),e("br"),e("span",{staticClass:"line-number"},[t._v("5")]),e("br"),e("span",{staticClass:"line-number"},[t._v("6")]),e("br"),e("span",{staticClass:"line-number"},[t._v("7")]),e("br"),e("span",{staticClass:"line-number"},[t._v("8")]),e("br"),e("span",{staticClass:"line-number"},[t._v("9")]),e("br"),e("span",{staticClass:"line-number"},[t._v("10")]),e("br"),e("span",{staticClass:"line-number"},[t._v("11")]),e("br"),e("span",{staticClass:"line-number"},[t._v("12")]),e("br"),e("span",{staticClass:"line-number"},[t._v("13")]),e("br"),e("span",{staticClass:"line-number"},[t._v("14")]),e("br"),e("span",{staticClass:"line-number"},[t._v("15")]),e("br"),e("span",{staticClass:"line-number"},[t._v("16")]),e("br"),e("span",{staticClass:"line-number"},[t._v("17")]),e("br"),e("span",{staticClass:"line-number"},[t._v("18")]),e("br")])])]),t._v(" "),e("h2",{attrs:{id:"slots"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#slots"}},[t._v("#")]),t._v(" Slots")]),t._v(" "),e("h3",{attrs:{id:"default-slot"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#default-slot"}},[t._v("#")]),t._v(" "),e("code",[t._v("default")]),t._v(" slot")]),t._v(" "),e("p",[t._v("Use this slot to set the header caption")]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"optional-properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#optional-properties"}},[t._v("#")]),t._v(" Optional Properties")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Default")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("field")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("object")]),t._v("|"),e("code",[t._v("string")]),t._v("|"),e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column data field")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("width")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a default column width")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("min-width")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column min width")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("max-width")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column max width")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("column-style")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("object")]),t._v("|"),e("code",[t._v("string")]),t._v("|"),e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column style. Same as "),e("RouterLink",{attrs:{to:"/api/js/column_styles/"}},[t._v("the "),e("code",[t._v("style")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("caption")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a button caption")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("''")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("disabled")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("boolean")]),t._v("|"),e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines disabled. You can also control each record by specifying a function.")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("false")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("colspan")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines the layout colspan."),e("br"),t._v("This property can be used when defining in the "),e("code",[t._v("layout-header")]),t._v(" and "),e("code",[t._v("layout-body")]),t._v(" slots.")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("filter")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("string")]),t._v("|"),e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a vue filter name")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("header-action")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("object")]),t._v("|"),e("code",[t._v("string")]),t._v("|"),e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header action. Same as "),e("RouterLink",{attrs:{to:"/api/js/advanced_header/header_actions.html"}},[t._v("the "),e("code",[t._v("headerAction")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("header-field")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header data field")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("header-icon")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("object")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a header icon")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("header-style")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("object")]),t._v("|"),e("code",[t._v("string")]),t._v("|"),e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header style. Same as "),e("RouterLink",{attrs:{to:"/api/js/advanced_header/header_styles.html"}},[t._v("the "),e("code",[t._v("headerStyle")]),t._v(" property of the JS API")])],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("header-type")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("object")]),t._v("|"),e("code",[t._v("string")]),t._v("|"),e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header type. Same as "),e("RouterLink",{attrs:{to:"/api/js/advanced_header/header_styles.html"}},[t._v("the "),e("code",[t._v("headerStyle")]),t._v(" property of the JS API")])],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("icon")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("object")]),t._v("|"),e("code",[t._v("string")]),t._v("|"),e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines an icon. Same as "),e("RouterLink",{attrs:{to:"/api/js/column_icon.html"}},[t._v("the "),e("code",[t._v("icon")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("message")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("object")]),t._v("|"),e("code",[t._v("string")]),t._v("|"),e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a message generation method. Same as "),e("RouterLink",{attrs:{to:"/api/js/cell_message.html"}},[t._v("the "),e("code",[t._v("message")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("rowspan")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines the layout rowspan."),e("br"),t._v("This property can be used when defining in the "),e("code",[t._v("layout-header")]),t._v(" and "),e("code",[t._v("layout-body")]),t._v(" slots.")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("sort")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("boolean")]),t._v("|"),e("code",[t._v("string")]),t._v("|"),e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v('Defines a sort. See "'),e("RouterLink",{attrs:{to:"/api/js/advanced_header/column_sort.html"}},[t._v("Sort by Column")]),t._v('" for detail.')],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])])])]),t._v(" "),e("h2",{attrs:{id:"events"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#events"}},[t._v("#")]),t._v(" Events")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("click")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Fired when a click on cell.")])])])]),t._v(" "),e("h2",{attrs:{id:"methods"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Return Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("invalidate")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("---")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Redraws the whole grid.")])])])])],1)}),[],!1,null,null,null);a.default=n.exports}}]); \ No newline at end of file diff --git a/documents/assets/js/59.e8ae9bd1.js b/documents/assets/js/59.e8ae9bd1.js new file mode 100644 index 000000000..b344b07f2 --- /dev/null +++ b/documents/assets/js/59.e8ae9bd1.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[59],{451:function(t,a,e){"use strict";e.r(a);var s=e(52),n=Object(s.a)({},(function(){var t=this,a=t.$createElement,e=t._self._c||a;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"cgridcheckcolumn"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#cgridcheckcolumn"}},[t._v("#")]),t._v(" CGridCheckColumn")]),t._v(" "),e("p",[t._v("Defines checkbox column.")]),t._v(" "),e("h2",{attrs:{id:"vue-template-structure"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#vue-template-structure"}},[t._v("#")]),t._v(" Vue Template Structure")]),t._v(" "),e("code-preview",[e("div",{staticClass:"language-vue line-numbers-mode"},[e("pre",{pre:!0,attrs:{class:"language-vue"}},[e("code",[e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),e("span",{pre:!0,attrs:{class:"token attr-value"}},[e("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("demo-grid small"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":data")]),e("span",{pre:!0,attrs:{class:"token attr-value"}},[e("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("records"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":frozen-col-count")]),e("span",{pre:!0,attrs:{class:"token attr-value"}},[e("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("1"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-check-column")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),e("span",{pre:!0,attrs:{class:"token attr-value"}},[e("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("c1"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),e("span",{pre:!0,attrs:{class:"token attr-value"}},[e("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("100"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n Check1\n "),e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-check-column")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),e("span",{pre:!0,attrs:{class:"token attr-value"}},[e("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("c2"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),e("span",{pre:!0,attrs:{class:"token attr-value"}},[e("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("100"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n Check2\n "),e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),e("div",{staticClass:"line-numbers-wrapper"},[e("span",{staticClass:"line-number"},[t._v("1")]),e("br"),e("span",{staticClass:"line-number"},[t._v("2")]),e("br"),e("span",{staticClass:"line-number"},[t._v("3")]),e("br"),e("span",{staticClass:"line-number"},[t._v("4")]),e("br"),e("span",{staticClass:"line-number"},[t._v("5")]),e("br"),e("span",{staticClass:"line-number"},[t._v("6")]),e("br"),e("span",{staticClass:"line-number"},[t._v("7")]),e("br"),e("span",{staticClass:"line-number"},[t._v("8")]),e("br"),e("span",{staticClass:"line-number"},[t._v("9")]),e("br"),e("span",{staticClass:"line-number"},[t._v("10")]),e("br"),e("span",{staticClass:"line-number"},[t._v("11")]),e("br"),e("span",{staticClass:"line-number"},[t._v("12")]),e("br"),e("span",{staticClass:"line-number"},[t._v("13")]),e("br"),e("span",{staticClass:"line-number"},[t._v("14")]),e("br"),e("span",{staticClass:"line-number"},[t._v("15")]),e("br"),e("span",{staticClass:"line-number"},[t._v("16")]),e("br"),e("span",{staticClass:"line-number"},[t._v("17")]),e("br"),e("span",{staticClass:"line-number"},[t._v("18")]),e("br")])]),e("div",{staticClass:"language-js line-numbers-mode"},[e("pre",{pre:!0,attrs:{class:"language-js"}},[e("code",[e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("default")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token function"}},[t._v("data")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n records"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" c1"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" c2"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" c1"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" c2"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" c1"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" c2"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" c1"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" c2"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" c1"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" c2"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" c1"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" c2"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" c1"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" c2"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" c1"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" c2"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" c1"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" c2"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" c1"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" c2"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),e("div",{staticClass:"line-numbers-wrapper"},[e("span",{staticClass:"line-number"},[t._v("1")]),e("br"),e("span",{staticClass:"line-number"},[t._v("2")]),e("br"),e("span",{staticClass:"line-number"},[t._v("3")]),e("br"),e("span",{staticClass:"line-number"},[t._v("4")]),e("br"),e("span",{staticClass:"line-number"},[t._v("5")]),e("br"),e("span",{staticClass:"line-number"},[t._v("6")]),e("br"),e("span",{staticClass:"line-number"},[t._v("7")]),e("br"),e("span",{staticClass:"line-number"},[t._v("8")]),e("br"),e("span",{staticClass:"line-number"},[t._v("9")]),e("br"),e("span",{staticClass:"line-number"},[t._v("10")]),e("br"),e("span",{staticClass:"line-number"},[t._v("11")]),e("br"),e("span",{staticClass:"line-number"},[t._v("12")]),e("br"),e("span",{staticClass:"line-number"},[t._v("13")]),e("br"),e("span",{staticClass:"line-number"},[t._v("14")]),e("br"),e("span",{staticClass:"line-number"},[t._v("15")]),e("br"),e("span",{staticClass:"line-number"},[t._v("16")]),e("br"),e("span",{staticClass:"line-number"},[t._v("17")]),e("br"),e("span",{staticClass:"line-number"},[t._v("18")]),e("br")])])]),t._v(" "),e("h2",{attrs:{id:"slots"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#slots"}},[t._v("#")]),t._v(" Slots")]),t._v(" "),e("h3",{attrs:{id:"default-slot"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#default-slot"}},[t._v("#")]),t._v(" "),e("code",[t._v("default")]),t._v(" slot")]),t._v(" "),e("p",[t._v("Use this slot to set the header caption")]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"optional-properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#optional-properties"}},[t._v("#")]),t._v(" Optional Properties")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Default")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("field")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("object")]),t._v("|"),e("code",[t._v("string")]),t._v("|"),e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column data field")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("width")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a default column width")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("min-width")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column min width")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("max-width")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column max width")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("column-style")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("object")]),t._v("|"),e("code",[t._v("string")]),t._v("|"),e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column style. Same as "),e("RouterLink",{attrs:{to:"/api/js/column_styles/"}},[t._v("the "),e("code",[t._v("style")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("caption")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("string")]),t._v("|"),e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a header caption")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("''")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("disabled")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("boolean")]),t._v("|"),e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines disabled. You can also control each record by specifying a function.")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("false")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("readonly")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("boolean")]),t._v("|"),e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines readonly. You can also control each record by specifying a function.")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("false")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("colspan")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines the layout colspan."),e("br"),t._v("This property can be used when defining in the "),e("code",[t._v("layout-header")]),t._v(" and "),e("code",[t._v("layout-body")]),t._v(" slots.")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("filter")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("string")]),t._v("|"),e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a vue filter name")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("header-action")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("object")]),t._v("|"),e("code",[t._v("string")]),t._v("|"),e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header action. Same as "),e("RouterLink",{attrs:{to:"/api/js/advanced_header/header_actions.html"}},[t._v("the "),e("code",[t._v("headerAction")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("header-field")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header data field")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("header-icon")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("object")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a header icon")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("header-style")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("object")]),t._v("|"),e("code",[t._v("string")]),t._v("|"),e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header style. Same as "),e("RouterLink",{attrs:{to:"/api/js/advanced_header/header_styles.html"}},[t._v("the "),e("code",[t._v("headerStyle")]),t._v(" property of the JS API")])],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("header-type")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("object")]),t._v("|"),e("code",[t._v("string")]),t._v("|"),e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header type. Same as "),e("RouterLink",{attrs:{to:"/api/js/advanced_header/header_styles.html"}},[t._v("the "),e("code",[t._v("headerStyle")]),t._v(" property of the JS API")])],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("icon")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("object")]),t._v("|"),e("code",[t._v("string")]),t._v("|"),e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines an icon. Same as "),e("RouterLink",{attrs:{to:"/api/js/column_icon.html"}},[t._v("the "),e("code",[t._v("icon")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("message")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("object")]),t._v("|"),e("code",[t._v("string")]),t._v("|"),e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a message generation method. Same as "),e("RouterLink",{attrs:{to:"/api/js/cell_message.html"}},[t._v("the "),e("code",[t._v("message")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("rowspan")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines the layout rowspan."),e("br"),t._v("This property can be used when defining in the "),e("code",[t._v("layout-header")]),t._v(" and "),e("code",[t._v("layout-body")]),t._v(" slots.")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("sort")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("boolean")]),t._v("|"),e("code",[t._v("string")]),t._v("|"),e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v('Defines a sort. See "'),e("RouterLink",{attrs:{to:"/api/js/advanced_header/column_sort.html"}},[t._v("Sort by Column")]),t._v('" for detail.')],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])])])]),t._v(" "),e("h2",{attrs:{id:"methods"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Return Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("invalidate")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("---")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Redraws the whole grid.")])])])])],1)}),[],!1,null,null,null);a.default=n.exports}}]); \ No newline at end of file diff --git a/documents/assets/js/6.ca9e1fdb.js b/documents/assets/js/6.ca9e1fdb.js new file mode 100644 index 000000000..fcf2026af --- /dev/null +++ b/documents/assets/js/6.ca9e1fdb.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[6],{360:function(t,e,a){},394:function(t,e,a){"use strict";a(360)},402:function(t,e,a){"use strict";a.r(e);var n={name:"CodeBlock",props:{title:{type:String,required:!0},active:{type:Boolean,default:!1}},mounted:function(){this.$parent&&this.$parent.loadTabs&&this.$parent.loadTabs()}},i=(a(394),a(52)),s=Object(i.a)(n,(function(){var t=this.$createElement;return(this._self._c||t)("div",{staticClass:"theme-code-block",class:{"theme-code-block__active":this.active}},[this._t("default")],2)}),[],!1,null,"759a7d02",null);e.default=s.exports}}]); \ No newline at end of file diff --git a/documents/assets/js/60.88cda744.js b/documents/assets/js/60.88cda744.js new file mode 100644 index 000000000..4b15ef0a4 --- /dev/null +++ b/documents/assets/js/60.88cda744.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[60],{455:function(t,e,a){"use strict";a.r(e);var s=a(52),n=Object(s.a)({},(function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"cgridcolumn"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#cgridcolumn"}},[t._v("#")]),t._v(" CGridColumn")]),t._v(" "),a("p",[t._v("Defines column.")]),t._v(" "),a("h2",{attrs:{id:"vue-template-structure"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#vue-template-structure"}},[t._v("#")]),t._v(" Vue Template Structure")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-vue line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-vue"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("demo-grid middle"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":data")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":frozen-col-count")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("1"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-column")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("check"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("column-type")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("check"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("50"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-column")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("personid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("85"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n ID\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-column")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("fname"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("20%"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("min-width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("150"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n First Name\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-column")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("lname"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("20%"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("min-width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("150"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n Last Name\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("default")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br")])])]),t._v(" "),a("h2",{attrs:{id:"slots"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#slots"}},[t._v("#")]),t._v(" Slots")]),t._v(" "),a("h3",{attrs:{id:"default-slot"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#default-slot"}},[t._v("#")]),t._v(" "),a("code",[t._v("default")]),t._v(" slot")]),t._v(" "),a("p",[t._v("Use this slot to set the header caption")]),t._v(" "),a("h2",{attrs:{id:"properties"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),a("h3",{attrs:{id:"optional-properties"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#optional-properties"}},[t._v("#")]),t._v(" Optional Properties")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),a("th",{staticStyle:{"text-align":"center"}},[t._v("Type")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("Description")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("Default")])])]),t._v(" "),a("tbody",[a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("field")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column data field")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("width")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("number")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a default column width")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("min-width")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("number")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column min width")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("max-width")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("number")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column max width")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("column-type")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column type")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("column-style")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column style. Same as "),a("RouterLink",{attrs:{to:"/api/js/column_styles/"}},[t._v("the "),a("code",[t._v("style")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("action")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines an action")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("caption")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a header caption")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("''")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("colspan")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("number")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines the layout colspan."),a("br"),t._v("This property can be used when defining in the "),a("code",[t._v("layout-header")]),t._v(" and "),a("code",[t._v("layout-body")]),t._v(" slots.")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("filter")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a vue filter name")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("header-action")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header action. Same as "),a("RouterLink",{attrs:{to:"/api/js/advanced_header/header_actions.html"}},[t._v("the "),a("code",[t._v("headerAction")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("header-field")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header data field")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("header-icon")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a header icon")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("header-style")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header style. Same as "),a("RouterLink",{attrs:{to:"/api/js/advanced_header/header_styles.html"}},[t._v("the "),a("code",[t._v("headerStyle")]),t._v(" property of the JS API")])],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("header-type")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header type. Same as "),a("RouterLink",{attrs:{to:"/api/js/advanced_header/header_styles.html"}},[t._v("the "),a("code",[t._v("headerStyle")]),t._v(" property of the JS API")])],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("icon")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines an icon. Same as "),a("RouterLink",{attrs:{to:"/api/js/column_icon.html"}},[t._v("the "),a("code",[t._v("icon")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("message")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a message generation method. Same as "),a("RouterLink",{attrs:{to:"/api/js/cell_message.html"}},[t._v("the "),a("code",[t._v("message")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("rowspan")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("number")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines the layout rowspan."),a("br"),t._v("This property can be used when defining in the "),a("code",[t._v("layout-header")]),t._v(" and "),a("code",[t._v("layout-body")]),t._v(" slots.")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("sort")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("boolean")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v('Defines a sort. See "'),a("RouterLink",{attrs:{to:"/api/js/advanced_header/column_sort.html"}},[t._v("Sort by Column")]),t._v('" for detail.')],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])])])]),t._v(" "),a("h2",{attrs:{id:"methods"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("Return Type")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),a("tbody",[a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("invalidate")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("---")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Redraws the whole grid.")])])])])],1)}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file diff --git a/documents/assets/js/61.4b263806.js b/documents/assets/js/61.4b263806.js new file mode 100644 index 000000000..ee351477c --- /dev/null +++ b/documents/assets/js/61.4b263806.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[61],{453:function(t,a,s){"use strict";s.r(a);var e=s(52),n=Object(e.a)({},(function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("h1",{attrs:{id:"cgridcolumngroup"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#cgridcolumngroup"}},[t._v("#")]),t._v(" CGridColumnGroup")]),t._v(" "),s("p",[t._v("Defines multiple header."),s("br"),t._v("\nCan be used in the "),s("code",[t._v("default")]),t._v(" slot of "),s("code",[t._v("CGrid")]),t._v(".")]),t._v(" "),s("h2",{attrs:{id:"vue-template-structure"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#vue-template-structure"}},[t._v("#")]),t._v(" Vue Template Structure")]),t._v(" "),s("code-preview",[s("div",{staticClass:"language-vue line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-vue"}},[s("code",[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("demo-grid middle"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":data")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("records"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":frozen-col-count")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("1"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-column")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("personid"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("85"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("ID"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("\x3c!-- multiple header --\x3e")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-column-group")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("caption")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("Name"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-input-column")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("fname"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("20%"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("min-width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("150"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n First Name\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-input-column")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("lname"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("20%"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("min-width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("150"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n Last Name\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br"),s("span",{staticClass:"line-number"},[t._v("5")]),s("br"),s("span",{staticClass:"line-number"},[t._v("6")]),s("br"),s("span",{staticClass:"line-number"},[t._v("7")]),s("br"),s("span",{staticClass:"line-number"},[t._v("8")]),s("br"),s("span",{staticClass:"line-number"},[t._v("9")]),s("br"),s("span",{staticClass:"line-number"},[t._v("10")]),s("br"),s("span",{staticClass:"line-number"},[t._v("11")]),s("br"),s("span",{staticClass:"line-number"},[t._v("12")]),s("br"),s("span",{staticClass:"line-number"},[t._v("13")]),s("br"),s("span",{staticClass:"line-number"},[t._v("14")]),s("br"),s("span",{staticClass:"line-number"},[t._v("15")]),s("br"),s("span",{staticClass:"line-number"},[t._v("16")]),s("br"),s("span",{staticClass:"line-number"},[t._v("17")]),s("br"),s("span",{staticClass:"line-number"},[t._v("18")]),s("br"),s("span",{staticClass:"line-number"},[t._v("19")]),s("br"),s("span",{staticClass:"line-number"},[t._v("20")]),s("br"),s("span",{staticClass:"line-number"},[t._v("21")]),s("br"),s("span",{staticClass:"line-number"},[t._v("22")]),s("br"),s("span",{staticClass:"line-number"},[t._v("23")]),s("br"),s("span",{staticClass:"line-number"},[t._v("24")]),s("br"),s("span",{staticClass:"line-number"},[t._v("25")]),s("br")])]),s("div",{staticClass:"language-js line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-js"}},[s("code",[s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("default")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("data")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n records"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br"),s("span",{staticClass:"line-number"},[t._v("5")]),s("br"),s("span",{staticClass:"line-number"},[t._v("6")]),s("br"),s("span",{staticClass:"line-number"},[t._v("7")]),s("br")])])]),t._v(" "),s("h2",{attrs:{id:"slots"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#slots"}},[t._v("#")]),t._v(" Slots")]),t._v(" "),s("h3",{attrs:{id:"default-slot"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#default-slot"}},[t._v("#")]),t._v(" "),s("code",[t._v("default")]),t._v(" slot")]),t._v(" "),s("p",[t._v("Use this slot to set the children columns definition")]),t._v(" "),s("h2",{attrs:{id:"properties"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),s("h3",{attrs:{id:"optional-properties"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#optional-properties"}},[t._v("#")]),t._v(" Optional Properties")]),t._v(" "),s("table",[s("thead",[s("tr",[s("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),s("th",{staticStyle:{"text-align":"center"}},[t._v("Type")]),t._v(" "),s("th",{staticStyle:{"text-align":"left"}},[t._v("Description")]),t._v(" "),s("th",{staticStyle:{"text-align":"left"}},[t._v("Default")])])]),t._v(" "),s("tbody",[s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("caption")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("string")]),t._v("|"),s("code",[t._v("function")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a header caption")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("''")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("header-action")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("object")]),t._v("|"),s("code",[t._v("string")]),t._v("|"),s("code",[t._v("function")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header action. Same as "),s("RouterLink",{attrs:{to:"/api/js/advanced_header/header_actions.html"}},[t._v("the "),s("code",[t._v("headerAction")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("header-field")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("string")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header data field")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("header-icon")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("object")]),t._v("|"),s("code",[t._v("string")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a header icon")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("header-style")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("object")]),t._v("|"),s("code",[t._v("string")]),t._v("|"),s("code",[t._v("function")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header style. Same as "),s("RouterLink",{attrs:{to:"/api/js/advanced_header/header_styles.html"}},[t._v("the "),s("code",[t._v("headerStyle")]),t._v(" property of the JS API")])],1),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("header-type")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("object")]),t._v("|"),s("code",[t._v("string")]),t._v("|"),s("code",[t._v("function")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header type. Same as "),s("RouterLink",{attrs:{to:"/api/js/advanced_header/header_styles.html"}},[t._v("the "),s("code",[t._v("headerStyle")]),t._v(" property of the JS API")])],1),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("sort")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("boolean")]),t._v("|"),s("code",[t._v("string")]),t._v("|"),s("code",[t._v("function")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v('Defines a sort. See "'),s("RouterLink",{attrs:{to:"/api/js/advanced_header/column_sort.html"}},[t._v("Sort by Column")]),t._v('" for detail.')],1),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])])])]),t._v(" "),s("h2",{attrs:{id:"methods"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),s("table",[s("thead",[s("tr",[s("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),s("th",{staticStyle:{"text-align":"left"}},[t._v("Return Type")]),t._v(" "),s("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),s("tbody",[s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("invalidate")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("---")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Redraws the whole grid.")])])])])],1)}),[],!1,null,null,null);a.default=n.exports}}]); \ No newline at end of file diff --git a/documents/assets/js/62.69f6124f.js b/documents/assets/js/62.69f6124f.js new file mode 100644 index 000000000..729f926cf --- /dev/null +++ b/documents/assets/js/62.69f6124f.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[62],{454:function(t,a,s){"use strict";s.r(a);var e=s(52),n=Object(e.a)({},(function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("h1",{attrs:{id:"cgridheader"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#cgridheader"}},[t._v("#")]),t._v(" CGridHeader")]),t._v(" "),s("p",[t._v("Defines layout header."),s("br"),t._v("\nCan be used in the "),s("code",[t._v("layout-header")]),t._v(" slot of "),s("code",[t._v("CGrid")]),t._v(".")]),t._v(" "),s("h2",{attrs:{id:"vue-template-structure"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#vue-template-structure"}},[t._v("#")]),t._v(" Vue Template Structure")]),t._v(" "),s("code-preview",[s("div",{staticClass:"language-vue line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-vue"}},[s("code",[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("demo-grid middle"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":data")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("records"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":frozen-col-count")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("1"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("template")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("slot")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("layout-header"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("\x3c!-- header line1 --\x3e")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-layout-row")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-header")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("85"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("rowspan")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("2"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("ID"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-header")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("20%"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("min-width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("150"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n First Name\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("\x3c!-- header line2 --\x3e")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-layout-row")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-header")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("20%"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("min-width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("150"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n Last Name\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("template")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("slot")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("layout-body"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("\x3c!-- line1 --\x3e")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-layout-row")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-column")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("personid"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("85"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("rowspan")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("2"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-input-column")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("fname"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("\x3c!-- line2 --\x3e")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-layout-row")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-input-column")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("lname"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br"),s("span",{staticClass:"line-number"},[t._v("5")]),s("br"),s("span",{staticClass:"line-number"},[t._v("6")]),s("br"),s("span",{staticClass:"line-number"},[t._v("7")]),s("br"),s("span",{staticClass:"line-number"},[t._v("8")]),s("br"),s("span",{staticClass:"line-number"},[t._v("9")]),s("br"),s("span",{staticClass:"line-number"},[t._v("10")]),s("br"),s("span",{staticClass:"line-number"},[t._v("11")]),s("br"),s("span",{staticClass:"line-number"},[t._v("12")]),s("br"),s("span",{staticClass:"line-number"},[t._v("13")]),s("br"),s("span",{staticClass:"line-number"},[t._v("14")]),s("br"),s("span",{staticClass:"line-number"},[t._v("15")]),s("br"),s("span",{staticClass:"line-number"},[t._v("16")]),s("br"),s("span",{staticClass:"line-number"},[t._v("17")]),s("br"),s("span",{staticClass:"line-number"},[t._v("18")]),s("br"),s("span",{staticClass:"line-number"},[t._v("19")]),s("br"),s("span",{staticClass:"line-number"},[t._v("20")]),s("br"),s("span",{staticClass:"line-number"},[t._v("21")]),s("br"),s("span",{staticClass:"line-number"},[t._v("22")]),s("br"),s("span",{staticClass:"line-number"},[t._v("23")]),s("br"),s("span",{staticClass:"line-number"},[t._v("24")]),s("br"),s("span",{staticClass:"line-number"},[t._v("25")]),s("br"),s("span",{staticClass:"line-number"},[t._v("26")]),s("br"),s("span",{staticClass:"line-number"},[t._v("27")]),s("br"),s("span",{staticClass:"line-number"},[t._v("28")]),s("br"),s("span",{staticClass:"line-number"},[t._v("29")]),s("br"),s("span",{staticClass:"line-number"},[t._v("30")]),s("br"),s("span",{staticClass:"line-number"},[t._v("31")]),s("br"),s("span",{staticClass:"line-number"},[t._v("32")]),s("br"),s("span",{staticClass:"line-number"},[t._v("33")]),s("br"),s("span",{staticClass:"line-number"},[t._v("34")]),s("br"),s("span",{staticClass:"line-number"},[t._v("35")]),s("br"),s("span",{staticClass:"line-number"},[t._v("36")]),s("br"),s("span",{staticClass:"line-number"},[t._v("37")]),s("br"),s("span",{staticClass:"line-number"},[t._v("38")]),s("br"),s("span",{staticClass:"line-number"},[t._v("39")]),s("br"),s("span",{staticClass:"line-number"},[t._v("40")]),s("br"),s("span",{staticClass:"line-number"},[t._v("41")]),s("br"),s("span",{staticClass:"line-number"},[t._v("42")]),s("br")])]),s("div",{staticClass:"language-js line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-js"}},[s("code",[s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("default")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("data")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n records"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br"),s("span",{staticClass:"line-number"},[t._v("5")]),s("br"),s("span",{staticClass:"line-number"},[t._v("6")]),s("br"),s("span",{staticClass:"line-number"},[t._v("7")]),s("br")])])]),t._v(" "),s("h2",{attrs:{id:"slots"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#slots"}},[t._v("#")]),t._v(" Slots")]),t._v(" "),s("h3",{attrs:{id:"default-slot"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#default-slot"}},[t._v("#")]),t._v(" "),s("code",[t._v("default")]),t._v(" slot")]),t._v(" "),s("p",[t._v("Use this slot to set the header caption")]),t._v(" "),s("h2",{attrs:{id:"properties"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),s("h3",{attrs:{id:"optional-properties"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#optional-properties"}},[t._v("#")]),t._v(" Optional Properties")]),t._v(" "),s("table",[s("thead",[s("tr",[s("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),s("th",{staticStyle:{"text-align":"center"}},[t._v("Type")]),t._v(" "),s("th",{staticStyle:{"text-align":"left"}},[t._v("Description")]),t._v(" "),s("th",{staticStyle:{"text-align":"left"}},[t._v("Default")])])]),t._v(" "),s("tbody",[s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("width")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("number")]),t._v("|"),s("code",[t._v("string")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a default column width")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("min-width")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("number")]),t._v("|"),s("code",[t._v("string")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column min width")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("max-width")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("number")]),t._v("|"),s("code",[t._v("string")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column max width")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("caption")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("string")]),t._v("|"),s("code",[t._v("function")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a header caption")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("''")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("colspan")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("number")]),t._v("|"),s("code",[t._v("string")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines the layout colspan."),s("br"),t._v("This property can be used when defining in the "),s("code",[t._v("layout-header")]),t._v(" and "),s("code",[t._v("layout-body")]),t._v(" slots.")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("header-action")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("object")]),t._v("|"),s("code",[t._v("string")]),t._v("|"),s("code",[t._v("function")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header action. Same as "),s("RouterLink",{attrs:{to:"/api/js/advanced_header/header_actions.html"}},[t._v("the "),s("code",[t._v("headerAction")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("header-field")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("string")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header data field")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("header-icon")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("object")]),t._v("|"),s("code",[t._v("string")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a header icon")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("header-style")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("object")]),t._v("|"),s("code",[t._v("string")]),t._v("|"),s("code",[t._v("function")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header style. Same as "),s("RouterLink",{attrs:{to:"/api/js/advanced_header/header_styles.html"}},[t._v("the "),s("code",[t._v("headerStyle")]),t._v(" property of the JS API")])],1),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("header-type")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("object")]),t._v("|"),s("code",[t._v("string")]),t._v("|"),s("code",[t._v("function")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header type. Same as "),s("RouterLink",{attrs:{to:"/api/js/advanced_header/header_styles.html"}},[t._v("the "),s("code",[t._v("headerStyle")]),t._v(" property of the JS API")])],1),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("rowspan")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("number")]),t._v("|"),s("code",[t._v("string")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Defines the layout rowspan."),s("br"),t._v("This property can be used when defining in the "),s("code",[t._v("layout-header")]),t._v(" and "),s("code",[t._v("layout-body")]),t._v(" slots.")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])]),t._v(" "),s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("sort")]),t._v(" "),s("td",{staticStyle:{"text-align":"center"}},[s("code",[t._v("boolean")]),t._v("|"),s("code",[t._v("string")]),t._v("|"),s("code",[t._v("function")])]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v('Defines a sort. See "'),s("RouterLink",{attrs:{to:"/api/js/advanced_header/column_sort.html"}},[t._v("Sort by Column")]),t._v('" for detail.')],1),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[s("code",[t._v("undefined")])])])])]),t._v(" "),s("h2",{attrs:{id:"methods"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),s("table",[s("thead",[s("tr",[s("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),s("th",{staticStyle:{"text-align":"left"}},[t._v("Return Type")]),t._v(" "),s("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),s("tbody",[s("tr",[s("td",{staticStyle:{"text-align":"left"}},[t._v("invalidate")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("---")]),t._v(" "),s("td",{staticStyle:{"text-align":"left"}},[t._v("Redraws the whole grid.")])])])])],1)}),[],!1,null,null,null);a.default=n.exports}}]); \ No newline at end of file diff --git a/documents/assets/js/63.df2cc915.js b/documents/assets/js/63.df2cc915.js new file mode 100644 index 000000000..9c6209144 --- /dev/null +++ b/documents/assets/js/63.df2cc915.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[63],{457:function(t,e,a){"use strict";a.r(e);var i=a(52),n=Object(i.a)({},(function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"cgridiconcolumn"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#cgridiconcolumn"}},[t._v("#")]),t._v(" CGridIconColumn")]),t._v(" "),a("p",[t._v("Defines icon column.")]),t._v(" "),a("h2",{attrs:{id:"slots"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#slots"}},[t._v("#")]),t._v(" Slots")]),t._v(" "),a("h3",{attrs:{id:"default-slot"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#default-slot"}},[t._v("#")]),t._v(" "),a("code",[t._v("default")]),t._v(" slot")]),t._v(" "),a("p",[t._v("Use this slot to set the header caption")]),t._v(" "),a("h2",{attrs:{id:"properties"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),a("h3",{attrs:{id:"optional-properties"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#optional-properties"}},[t._v("#")]),t._v(" Optional Properties")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),a("th",{staticStyle:{"text-align":"center"}},[t._v("Type")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("Description")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("Default")])])]),t._v(" "),a("tbody",[a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("field")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column data field")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("width")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("number")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a default column width")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("min-width")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("number")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column min width")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("max-width")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("number")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column max width")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("column-style")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column style. Same as "),a("RouterLink",{attrs:{to:"/api/js/column_styles/"}},[t._v("the "),a("code",[t._v("style")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("action")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines an action")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("caption")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a header caption")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("''")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("colspan")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("number")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines the layout colspan."),a("br"),t._v("This property can be used when defining in the "),a("code",[t._v("layout-header")]),t._v(" and "),a("code",[t._v("layout-body")]),t._v(" slots.")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("filter")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a vue filter name")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("header-action")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header action. Same as "),a("RouterLink",{attrs:{to:"/api/js/advanced_header/header_actions.html"}},[t._v("the "),a("code",[t._v("headerAction")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("header-field")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header data field")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("header-icon")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a header icon")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("header-style")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header style. Same as "),a("RouterLink",{attrs:{to:"/api/js/advanced_header/header_styles.html"}},[t._v("the "),a("code",[t._v("headerStyle")]),t._v(" property of the JS API")])],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("header-type")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header type. Same as "),a("RouterLink",{attrs:{to:"/api/js/advanced_header/header_styles.html"}},[t._v("the "),a("code",[t._v("headerStyle")]),t._v(" property of the JS API")])],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("icon")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines an icon. Same as "),a("RouterLink",{attrs:{to:"/api/js/column_icon.html"}},[t._v("the "),a("code",[t._v("icon")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("icon-class-name")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines an icon class name")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("icon-content")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines an icon content")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("icon-name")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines an icon name")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("icon-tag-name")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines an icon tag name")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("icon-width")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("number")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines an icon width")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("message")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a message generation method. Same as "),a("RouterLink",{attrs:{to:"/api/js/cell_message.html"}},[t._v("the "),a("code",[t._v("message")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("rowspan")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("number")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines the layout rowspan."),a("br"),t._v("This property can be used when defining in the "),a("code",[t._v("layout-header")]),t._v(" and "),a("code",[t._v("layout-body")]),t._v(" slots.")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("sort")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("boolean")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v('Defines a sort. See "'),a("RouterLink",{attrs:{to:"/api/js/advanced_header/column_sort.html"}},[t._v("Sort by Column")]),t._v('" for detail.')],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])])])]),t._v(" "),a("h2",{attrs:{id:"methods"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("Return Type")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),a("tbody",[a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("invalidate")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("---")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Redraws the whole grid.")])])])])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file diff --git a/documents/assets/js/64.bb3913c5.js b/documents/assets/js/64.bb3913c5.js new file mode 100644 index 000000000..655985748 --- /dev/null +++ b/documents/assets/js/64.bb3913c5.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[64],{456:function(t,e,a){"use strict";a.r(e);var i=a(52),l=Object(i.a)({},(function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"cgridinputcolumn"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#cgridinputcolumn"}},[t._v("#")]),t._v(" CGridInputColumn")]),t._v(" "),a("p",[t._v("Defines input column.")]),t._v(" "),a("h2",{attrs:{id:"slots"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#slots"}},[t._v("#")]),t._v(" Slots")]),t._v(" "),a("h3",{attrs:{id:"default-slot"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#default-slot"}},[t._v("#")]),t._v(" "),a("code",[t._v("default")]),t._v(" slot")]),t._v(" "),a("p",[t._v("Use this slot to set the header caption")]),t._v(" "),a("h2",{attrs:{id:"properties"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),a("h3",{attrs:{id:"optional-properties"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#optional-properties"}},[t._v("#")]),t._v(" Optional Properties")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),a("th",{staticStyle:{"text-align":"center"}},[t._v("Type")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("Description")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("Default")])])]),t._v(" "),a("tbody",[a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("field")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column data field")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("width")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("number")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a default column width")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("min-width")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("number")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column min width")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("max-width")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("number")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column max width")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("column-type")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column type")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("column-style")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column style. Same as "),a("RouterLink",{attrs:{to:"/api/js/column_styles/"}},[t._v("the "),a("code",[t._v("style")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("caption")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a header caption")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("''")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("disabled")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("boolean")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines disabled. You can also control each record by specifying a function.")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("false")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("readonly")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("boolean")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines readonly. You can also control each record by specifying a function.")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("false")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("colspan")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("number")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines the layout colspan."),a("br"),t._v("This property can be used when defining in the "),a("code",[t._v("layout-header")]),t._v(" and "),a("code",[t._v("layout-body")]),t._v(" slots.")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("filter")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a vue filter name")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("header-action")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header action. Same as "),a("RouterLink",{attrs:{to:"/api/js/advanced_header/header_actions.html"}},[t._v("the "),a("code",[t._v("headerAction")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("header-field")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header data field")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("header-icon")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a header icon")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("header-style")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header style. Same as "),a("RouterLink",{attrs:{to:"/api/js/advanced_header/header_styles.html"}},[t._v("the "),a("code",[t._v("headerStyle")]),t._v(" property of the JS API")])],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("header-type")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header type. Same as "),a("RouterLink",{attrs:{to:"/api/js/advanced_header/header_styles.html"}},[t._v("the "),a("code",[t._v("headerStyle")]),t._v(" property of the JS API")])],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("helper-text")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a helper text ganarator")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("icon")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines an icon. Same as "),a("RouterLink",{attrs:{to:"/api/js/column_icon.html"}},[t._v("the "),a("code",[t._v("icon")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("input-class-list")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("Array")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines an input class name")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("input-type")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines an input type")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("input-validator")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines an input validator")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("message")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a message generation method. Same as "),a("RouterLink",{attrs:{to:"/api/js/cell_message.html"}},[t._v("the "),a("code",[t._v("message")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("rowspan")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("number")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines the layout rowspan."),a("br"),t._v("This property can be used when defining in the "),a("code",[t._v("layout-header")]),t._v(" and "),a("code",[t._v("layout-body")]),t._v(" slots.")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("sort")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("boolean")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v('Defines a sort. See "'),a("RouterLink",{attrs:{to:"/api/js/advanced_header/column_sort.html"}},[t._v("Sort by Column")]),t._v('" for detail.')],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("validator")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a validator")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])])])]),t._v(" "),a("h2",{attrs:{id:"methods"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("Return Type")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),a("tbody",[a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("invalidate")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("---")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Redraws the whole grid.")])])])])])}),[],!1,null,null,null);e.default=l.exports}}]); \ No newline at end of file diff --git a/documents/assets/js/65.97a9845e.js b/documents/assets/js/65.97a9845e.js new file mode 100644 index 000000000..9099950b7 --- /dev/null +++ b/documents/assets/js/65.97a9845e.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[65],{458:function(t,a,s){"use strict";s.r(a);var n=s(52),e=Object(n.a)({},(function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("h1",{attrs:{id:"cgridlayoutrow"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#cgridlayoutrow"}},[t._v("#")]),t._v(" CGridLayoutRow")]),t._v(" "),s("p",[t._v("Defines layout row."),s("br"),t._v("\nCan be used in the "),s("code",[t._v("layout-header")]),t._v(" slot and the "),s("code",[t._v("layout-body")]),t._v(" slot of "),s("code",[t._v("CGrid")]),t._v(".")]),t._v(" "),s("h2",{attrs:{id:"vue-template-structure"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#vue-template-structure"}},[t._v("#")]),t._v(" Vue Template Structure")]),t._v(" "),s("code-preview",[s("div",{staticClass:"language-vue line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-vue"}},[s("code",[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("demo-grid middle"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":data")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("records"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":frozen-col-count")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("1"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("template")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("slot")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("layout-header"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("\x3c!-- header line1 --\x3e")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-layout-row")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-header")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("85"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("rowspan")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("2"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("ID"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-header")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("20%"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("min-width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("150"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n First Name\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("\x3c!-- header line2 --\x3e")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-layout-row")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-header")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("20%"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("min-width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("150"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n Last Name\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("template")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("slot")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("layout-body"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("\x3c!-- line1 --\x3e")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-layout-row")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-column")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("personid"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("85"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("rowspan")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("2"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-input-column")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("fname"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("\x3c!-- line2 --\x3e")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-layout-row")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-input-column")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("lname"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br"),s("span",{staticClass:"line-number"},[t._v("5")]),s("br"),s("span",{staticClass:"line-number"},[t._v("6")]),s("br"),s("span",{staticClass:"line-number"},[t._v("7")]),s("br"),s("span",{staticClass:"line-number"},[t._v("8")]),s("br"),s("span",{staticClass:"line-number"},[t._v("9")]),s("br"),s("span",{staticClass:"line-number"},[t._v("10")]),s("br"),s("span",{staticClass:"line-number"},[t._v("11")]),s("br"),s("span",{staticClass:"line-number"},[t._v("12")]),s("br"),s("span",{staticClass:"line-number"},[t._v("13")]),s("br"),s("span",{staticClass:"line-number"},[t._v("14")]),s("br"),s("span",{staticClass:"line-number"},[t._v("15")]),s("br"),s("span",{staticClass:"line-number"},[t._v("16")]),s("br"),s("span",{staticClass:"line-number"},[t._v("17")]),s("br"),s("span",{staticClass:"line-number"},[t._v("18")]),s("br"),s("span",{staticClass:"line-number"},[t._v("19")]),s("br"),s("span",{staticClass:"line-number"},[t._v("20")]),s("br"),s("span",{staticClass:"line-number"},[t._v("21")]),s("br"),s("span",{staticClass:"line-number"},[t._v("22")]),s("br"),s("span",{staticClass:"line-number"},[t._v("23")]),s("br"),s("span",{staticClass:"line-number"},[t._v("24")]),s("br"),s("span",{staticClass:"line-number"},[t._v("25")]),s("br"),s("span",{staticClass:"line-number"},[t._v("26")]),s("br"),s("span",{staticClass:"line-number"},[t._v("27")]),s("br"),s("span",{staticClass:"line-number"},[t._v("28")]),s("br"),s("span",{staticClass:"line-number"},[t._v("29")]),s("br"),s("span",{staticClass:"line-number"},[t._v("30")]),s("br"),s("span",{staticClass:"line-number"},[t._v("31")]),s("br"),s("span",{staticClass:"line-number"},[t._v("32")]),s("br"),s("span",{staticClass:"line-number"},[t._v("33")]),s("br"),s("span",{staticClass:"line-number"},[t._v("34")]),s("br"),s("span",{staticClass:"line-number"},[t._v("35")]),s("br"),s("span",{staticClass:"line-number"},[t._v("36")]),s("br"),s("span",{staticClass:"line-number"},[t._v("37")]),s("br"),s("span",{staticClass:"line-number"},[t._v("38")]),s("br"),s("span",{staticClass:"line-number"},[t._v("39")]),s("br"),s("span",{staticClass:"line-number"},[t._v("40")]),s("br"),s("span",{staticClass:"line-number"},[t._v("41")]),s("br"),s("span",{staticClass:"line-number"},[t._v("42")]),s("br")])]),s("div",{staticClass:"language-js line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-js"}},[s("code",[s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("default")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("data")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n records"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br"),s("span",{staticClass:"line-number"},[t._v("5")]),s("br"),s("span",{staticClass:"line-number"},[t._v("6")]),s("br"),s("span",{staticClass:"line-number"},[t._v("7")]),s("br")])])]),t._v(" "),s("h2",{attrs:{id:"slots"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#slots"}},[t._v("#")]),t._v(" Slots")]),t._v(" "),s("h3",{attrs:{id:"default-slot"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#default-slot"}},[t._v("#")]),t._v(" "),s("code",[t._v("default")]),t._v(" slot")]),t._v(" "),s("p",[t._v("Use this slot to set the row layout definition")])],1)}),[],!1,null,null,null);a.default=e.exports}}]); \ No newline at end of file diff --git a/documents/assets/js/66.99a7ab4d.js b/documents/assets/js/66.99a7ab4d.js new file mode 100644 index 000000000..9207b0de7 --- /dev/null +++ b/documents/assets/js/66.99a7ab4d.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[66],{459:function(t,e,a){"use strict";a.r(e);var i=a(52),l=Object(i.a)({},(function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"cgridlinkcolumn"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#cgridlinkcolumn"}},[t._v("#")]),t._v(" CGridLinkColumn")]),t._v(" "),a("p",[t._v("Defines link column.")]),t._v(" "),a("h2",{attrs:{id:"slots"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#slots"}},[t._v("#")]),t._v(" Slots")]),t._v(" "),a("h3",{attrs:{id:"default-slot"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#default-slot"}},[t._v("#")]),t._v(" "),a("code",[t._v("default")]),t._v(" slot")]),t._v(" "),a("p",[t._v("Use this slot to set the header caption")]),t._v(" "),a("h2",{attrs:{id:"properties"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),a("h3",{attrs:{id:"optional-properties"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#optional-properties"}},[t._v("#")]),t._v(" Optional Properties")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),a("th",{staticStyle:{"text-align":"center"}},[t._v("Type")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("Description")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("Default")])])]),t._v(" "),a("tbody",[a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("field")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column data field")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("width")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("number")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a default column width")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("min-width")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("number")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column min width")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("max-width")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("number")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column max width")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("column-type")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column type")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("column-style")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column style. Same as "),a("RouterLink",{attrs:{to:"/api/js/column_styles/"}},[t._v("the "),a("code",[t._v("style")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("caption")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a header caption")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("''")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("disabled")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("boolean")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines disabled. You can also control each record by specifying a function.")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("false")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("colspan")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("number")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines the layout colspan."),a("br"),t._v("This property can be used when defining in the "),a("code",[t._v("layout-header")]),t._v(" and "),a("code",[t._v("layout-body")]),t._v(" slots.")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("filter")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a vue filter name")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("header-action")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header action. Same as "),a("RouterLink",{attrs:{to:"/api/js/advanced_header/header_actions.html"}},[t._v("the "),a("code",[t._v("headerAction")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("header-field")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header data field")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("header-icon")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a header icon")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("header-style")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header style. Same as "),a("RouterLink",{attrs:{to:"/api/js/advanced_header/header_styles.html"}},[t._v("the "),a("code",[t._v("headerStyle")]),t._v(" property of the JS API")])],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("header-type")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header type. Same as "),a("RouterLink",{attrs:{to:"/api/js/advanced_header/header_styles.html"}},[t._v("the "),a("code",[t._v("headerStyle")]),t._v(" property of the JS API")])],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("href")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a href")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("icon")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines an icon. Same as "),a("RouterLink",{attrs:{to:"/api/js/column_icon.html"}},[t._v("the "),a("code",[t._v("icon")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("message")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a message generation method. Same as "),a("RouterLink",{attrs:{to:"/api/js/cell_message.html"}},[t._v("the "),a("code",[t._v("message")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("rowspan")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("number")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines the layout rowspan."),a("br"),t._v("This property can be used when defining in the "),a("code",[t._v("layout-header")]),t._v(" and "),a("code",[t._v("layout-body")]),t._v(" slots.")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("sort")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("boolean")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v('Defines a sort. See "'),a("RouterLink",{attrs:{to:"/api/js/advanced_header/column_sort.html"}},[t._v("Sort by Column")]),t._v('" for detail.')],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("target")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines an anchor target")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])])])]),t._v(" "),a("h2",{attrs:{id:"methods"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("Return Type")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),a("tbody",[a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("invalidate")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("---")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Redraws the whole grid.")])])])])])}),[],!1,null,null,null);e.default=l.exports}}]); \ No newline at end of file diff --git a/documents/assets/js/67.8c0a57b8.js b/documents/assets/js/67.8c0a57b8.js new file mode 100644 index 000000000..8f350384d --- /dev/null +++ b/documents/assets/js/67.8c0a57b8.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[67],{460:function(t,e,a){"use strict";a.r(e);var l=a(52),i=Object(l.a)({},(function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"cgridmenucolumn"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#cgridmenucolumn"}},[t._v("#")]),t._v(" CGridMenuColumn")]),t._v(" "),a("p",[t._v("Defines select menu column.")]),t._v(" "),a("h2",{attrs:{id:"slots"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#slots"}},[t._v("#")]),t._v(" Slots")]),t._v(" "),a("h3",{attrs:{id:"default-slot"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#default-slot"}},[t._v("#")]),t._v(" "),a("code",[t._v("default")]),t._v(" slot")]),t._v(" "),a("p",[t._v("Use this slot to set the header caption")]),t._v(" "),a("h2",{attrs:{id:"properties"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),a("h3",{attrs:{id:"optional-properties"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#optional-properties"}},[t._v("#")]),t._v(" Optional Properties")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),a("th",{staticStyle:{"text-align":"center"}},[t._v("Type")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("Description")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("Default")])])]),t._v(" "),a("tbody",[a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("field")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column data field")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("width")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("number")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a default column width")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("min-width")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("number")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column min width")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("max-width")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("number")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column max width")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("column-style")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column style. Same as "),a("RouterLink",{attrs:{to:"/api/js/column_styles/"}},[t._v("the "),a("code",[t._v("style")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("caption")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a header caption")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("''")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("disabled")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("boolean")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines disabled. You can also control each record by specifying a function.")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("false")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("readonly")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("boolean")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines readonly. You can also control each record by specifying a function.")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("false")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("colspan")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("number")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines the layout colspan."),a("br"),t._v("This property can be used when defining in the "),a("code",[t._v("layout-header")]),t._v(" and "),a("code",[t._v("layout-body")]),t._v(" slots.")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("display-options")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("Array")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a menu options for display")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("editor-options")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("Array")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a menu options for popup")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("filter")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a vue filter name")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("header-action")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header action. Same as "),a("RouterLink",{attrs:{to:"/api/js/advanced_header/header_actions.html"}},[t._v("the "),a("code",[t._v("headerAction")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("header-field")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header data field")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("header-icon")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a header icon")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("header-style")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header style. Same as "),a("RouterLink",{attrs:{to:"/api/js/advanced_header/header_styles.html"}},[t._v("the "),a("code",[t._v("headerStyle")]),t._v(" property of the JS API")])],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("header-type")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header type. Same as "),a("RouterLink",{attrs:{to:"/api/js/advanced_header/header_styles.html"}},[t._v("the "),a("code",[t._v("headerStyle")]),t._v(" property of the JS API")])],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("icon")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines an icon. Same as "),a("RouterLink",{attrs:{to:"/api/js/column_icon.html"}},[t._v("the "),a("code",[t._v("icon")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("message")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a message generation method. Same as "),a("RouterLink",{attrs:{to:"/api/js/cell_message.html"}},[t._v("the "),a("code",[t._v("message")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("options")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("Array")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a menu options")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("rowspan")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("number")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines the layout rowspan."),a("br"),t._v("This property can be used when defining in the "),a("code",[t._v("layout-header")]),t._v(" and "),a("code",[t._v("layout-body")]),t._v(" slots.")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("sort")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("boolean")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v('Defines a sort. See "'),a("RouterLink",{attrs:{to:"/api/js/advanced_header/column_sort.html"}},[t._v("Sort by Column")]),t._v('" for detail.')],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])])])]),t._v(" "),a("h2",{attrs:{id:"methods"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("Return Type")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),a("tbody",[a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("invalidate")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("---")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Redraws the whole grid.")])])])])])}),[],!1,null,null,null);e.default=i.exports}}]); \ No newline at end of file diff --git a/documents/assets/js/68.4561aa8f.js b/documents/assets/js/68.4561aa8f.js new file mode 100644 index 000000000..ab04b34fe --- /dev/null +++ b/documents/assets/js/68.4561aa8f.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[68],{461:function(t,e,a){"use strict";a.r(e);var i=a(52),l=Object(i.a)({},(function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"cgridpercentcompletebarcolumn"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#cgridpercentcompletebarcolumn"}},[t._v("#")]),t._v(" CGridPercentCompleteBarColumn")]),t._v(" "),a("p",[t._v("Defines percent complete bar column.")]),t._v(" "),a("h2",{attrs:{id:"slots"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#slots"}},[t._v("#")]),t._v(" Slots")]),t._v(" "),a("h3",{attrs:{id:"default-slot"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#default-slot"}},[t._v("#")]),t._v(" "),a("code",[t._v("default")]),t._v(" slot")]),t._v(" "),a("p",[t._v("Use this slot to set the header caption")]),t._v(" "),a("h2",{attrs:{id:"properties"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),a("h3",{attrs:{id:"optional-properties"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#optional-properties"}},[t._v("#")]),t._v(" Optional Properties")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),a("th",{staticStyle:{"text-align":"center"}},[t._v("Type")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("Description")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("Default")])])]),t._v(" "),a("tbody",[a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("field")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column data field")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("width")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("number")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a default column width")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("min-width")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("number")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column min width")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("max-width")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("number")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column max width")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("column-style")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column style. Same as "),a("RouterLink",{attrs:{to:"/api/js/column_styles/"}},[t._v("the "),a("code",[t._v("style")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("action")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines an action")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("caption")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a header caption")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("''")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("colspan")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("number")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines the layout colspan."),a("br"),t._v("This property can be used when defining in the "),a("code",[t._v("layout-header")]),t._v(" and "),a("code",[t._v("layout-body")]),t._v(" slots.")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("filter")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a vue filter name")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("formatter")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a formatter")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("header-action")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header action. Same as "),a("RouterLink",{attrs:{to:"/api/js/advanced_header/header_actions.html"}},[t._v("the "),a("code",[t._v("headerAction")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("header-field")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header data field")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("header-icon")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a header icon")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("header-style")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header style. Same as "),a("RouterLink",{attrs:{to:"/api/js/advanced_header/header_styles.html"}},[t._v("the "),a("code",[t._v("headerStyle")]),t._v(" property of the JS API")])],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("header-type")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header type. Same as "),a("RouterLink",{attrs:{to:"/api/js/advanced_header/header_styles.html"}},[t._v("the "),a("code",[t._v("headerStyle")]),t._v(" property of the JS API")])],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("icon")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines an icon. Same as "),a("RouterLink",{attrs:{to:"/api/js/column_icon.html"}},[t._v("the "),a("code",[t._v("icon")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("max")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("number")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a max value")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("message")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("object")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a message generation method. Same as "),a("RouterLink",{attrs:{to:"/api/js/cell_message.html"}},[t._v("the "),a("code",[t._v("message")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("min")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("number")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a min value")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("rowspan")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("number")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Defines the layout rowspan."),a("br"),t._v("This property can be used when defining in the "),a("code",[t._v("layout-header")]),t._v(" and "),a("code",[t._v("layout-body")]),t._v(" slots.")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("sort")]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("code",[t._v("boolean")]),t._v("|"),a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v('Defines a sort. See "'),a("RouterLink",{attrs:{to:"/api/js/advanced_header/column_sort.html"}},[t._v("Sort by Column")]),t._v('" for detail.')],1),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("undefined")])])])])]),t._v(" "),a("h2",{attrs:{id:"methods"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("Return Type")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),a("tbody",[a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("invalidate")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("---")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Redraws the whole grid.")])])])])])}),[],!1,null,null,null);e.default=l.exports}}]); \ No newline at end of file diff --git a/documents/assets/js/69.08a52398.js b/documents/assets/js/69.08a52398.js new file mode 100644 index 000000000..dcf0efa9d --- /dev/null +++ b/documents/assets/js/69.08a52398.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[69],{462:function(t,a,e){"use strict";e.r(a);var s=e(52),n=Object(s.a)({},(function(){var t=this,a=t.$createElement,e=t._self._c||a;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"cgridradiocolumn"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#cgridradiocolumn"}},[t._v("#")]),t._v(" CGridRadioColumn")]),t._v(" "),e("p",[t._v("Defines radio button column.")]),t._v(" "),e("h2",{attrs:{id:"vue-template-structure"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#vue-template-structure"}},[t._v("#")]),t._v(" Vue Template Structure")]),t._v(" "),e("code-preview",[e("div",{staticClass:"language-vue line-numbers-mode"},[e("pre",{pre:!0,attrs:{class:"language-vue"}},[e("code",[e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),e("span",{pre:!0,attrs:{class:"token attr-value"}},[e("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("demo-grid small"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":data")]),e("span",{pre:!0,attrs:{class:"token attr-value"}},[e("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("records"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":frozen-col-count")]),e("span",{pre:!0,attrs:{class:"token attr-value"}},[e("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("1"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-radio-column")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),e("span",{pre:!0,attrs:{class:"token attr-value"}},[e("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("c1"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),e("span",{pre:!0,attrs:{class:"token attr-value"}},[e("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("100"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n Radio1\n "),e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-radio-column")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),e("span",{pre:!0,attrs:{class:"token attr-value"}},[e("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("c2"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),e("span",{pre:!0,attrs:{class:"token attr-value"}},[e("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("100"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n Radio2\n "),e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token tag"}},[e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),e("div",{staticClass:"line-numbers-wrapper"},[e("span",{staticClass:"line-number"},[t._v("1")]),e("br"),e("span",{staticClass:"line-number"},[t._v("2")]),e("br"),e("span",{staticClass:"line-number"},[t._v("3")]),e("br"),e("span",{staticClass:"line-number"},[t._v("4")]),e("br"),e("span",{staticClass:"line-number"},[t._v("5")]),e("br"),e("span",{staticClass:"line-number"},[t._v("6")]),e("br"),e("span",{staticClass:"line-number"},[t._v("7")]),e("br"),e("span",{staticClass:"line-number"},[t._v("8")]),e("br"),e("span",{staticClass:"line-number"},[t._v("9")]),e("br"),e("span",{staticClass:"line-number"},[t._v("10")]),e("br"),e("span",{staticClass:"line-number"},[t._v("11")]),e("br"),e("span",{staticClass:"line-number"},[t._v("12")]),e("br"),e("span",{staticClass:"line-number"},[t._v("13")]),e("br"),e("span",{staticClass:"line-number"},[t._v("14")]),e("br"),e("span",{staticClass:"line-number"},[t._v("15")]),e("br"),e("span",{staticClass:"line-number"},[t._v("16")]),e("br"),e("span",{staticClass:"line-number"},[t._v("17")]),e("br"),e("span",{staticClass:"line-number"},[t._v("18")]),e("br")])]),e("div",{staticClass:"language-js line-numbers-mode"},[e("pre",{pre:!0,attrs:{class:"language-js"}},[e("code",[e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("default")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token function"}},[t._v("data")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n records"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" c1"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" c2"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" c1"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" c2"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" c1"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" c2"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" c1"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" c2"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" c1"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" c2"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" c1"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" c2"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" c1"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" c2"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" c1"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" c2"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" c1"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" c2"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" c1"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" c2"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),e("div",{staticClass:"line-numbers-wrapper"},[e("span",{staticClass:"line-number"},[t._v("1")]),e("br"),e("span",{staticClass:"line-number"},[t._v("2")]),e("br"),e("span",{staticClass:"line-number"},[t._v("3")]),e("br"),e("span",{staticClass:"line-number"},[t._v("4")]),e("br"),e("span",{staticClass:"line-number"},[t._v("5")]),e("br"),e("span",{staticClass:"line-number"},[t._v("6")]),e("br"),e("span",{staticClass:"line-number"},[t._v("7")]),e("br"),e("span",{staticClass:"line-number"},[t._v("8")]),e("br"),e("span",{staticClass:"line-number"},[t._v("9")]),e("br"),e("span",{staticClass:"line-number"},[t._v("10")]),e("br"),e("span",{staticClass:"line-number"},[t._v("11")]),e("br"),e("span",{staticClass:"line-number"},[t._v("12")]),e("br"),e("span",{staticClass:"line-number"},[t._v("13")]),e("br"),e("span",{staticClass:"line-number"},[t._v("14")]),e("br"),e("span",{staticClass:"line-number"},[t._v("15")]),e("br"),e("span",{staticClass:"line-number"},[t._v("16")]),e("br"),e("span",{staticClass:"line-number"},[t._v("17")]),e("br"),e("span",{staticClass:"line-number"},[t._v("18")]),e("br")])])]),t._v(" "),e("h2",{attrs:{id:"slots"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#slots"}},[t._v("#")]),t._v(" Slots")]),t._v(" "),e("h3",{attrs:{id:"default-slot"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#default-slot"}},[t._v("#")]),t._v(" "),e("code",[t._v("default")]),t._v(" slot")]),t._v(" "),e("p",[t._v("Use this slot to set the header caption")]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"optional-properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#optional-properties"}},[t._v("#")]),t._v(" Optional Properties")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Default")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("field")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("object")]),t._v("|"),e("code",[t._v("string")]),t._v("|"),e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column data field")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("width")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a default column width")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("min-width")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column min width")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("max-width")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column max width")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("column-style")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("object")]),t._v("|"),e("code",[t._v("string")]),t._v("|"),e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column style. Same as "),e("RouterLink",{attrs:{to:"/api/js/column_styles/"}},[t._v("the "),e("code",[t._v("style")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("caption")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("string")]),t._v("|"),e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a header caption")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("''")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("disabled")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("boolean")]),t._v("|"),e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines disabled. You can also control each record by specifying a function.")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("false")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("readonly")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("boolean")]),t._v("|"),e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines readonly. You can also control each record by specifying a function.")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("false")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("check-action")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Change the check action from the default.")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("colspan")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines the layout colspan."),e("br"),t._v("This property can be used when defining in the "),e("code",[t._v("layout-header")]),t._v(" and "),e("code",[t._v("layout-body")]),t._v(" slots.")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("filter")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("string")]),t._v("|"),e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a vue filter name")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("group")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("DEPRECATED! Use "),e("code",[t._v("checkAction")]),t._v(" instead. Define a function that returns a radio group.")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("header-action")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("object")]),t._v("|"),e("code",[t._v("string")]),t._v("|"),e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header action. Same as "),e("RouterLink",{attrs:{to:"/api/js/advanced_header/header_actions.html"}},[t._v("the "),e("code",[t._v("headerAction")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("header-field")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header data field")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("header-icon")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("object")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a header icon")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("header-style")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("object")]),t._v("|"),e("code",[t._v("string")]),t._v("|"),e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header style. Same as "),e("RouterLink",{attrs:{to:"/api/js/advanced_header/header_styles.html"}},[t._v("the "),e("code",[t._v("headerStyle")]),t._v(" property of the JS API")])],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("header-type")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("object")]),t._v("|"),e("code",[t._v("string")]),t._v("|"),e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a column header type. Same as "),e("RouterLink",{attrs:{to:"/api/js/advanced_header/header_styles.html"}},[t._v("the "),e("code",[t._v("headerStyle")]),t._v(" property of the JS API")])],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("icon")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("object")]),t._v("|"),e("code",[t._v("string")]),t._v("|"),e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines an icon. Same as "),e("RouterLink",{attrs:{to:"/api/js/column_icon.html"}},[t._v("the "),e("code",[t._v("icon")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("message")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("object")]),t._v("|"),e("code",[t._v("string")]),t._v("|"),e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines a message generation method. Same as "),e("RouterLink",{attrs:{to:"/api/js/cell_message.html"}},[t._v("the "),e("code",[t._v("message")]),t._v(" property of the JS API")]),t._v(".")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("rowspan")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Defines the layout rowspan."),e("br"),t._v("This property can be used when defining in the "),e("code",[t._v("layout-header")]),t._v(" and "),e("code",[t._v("layout-body")]),t._v(" slots.")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("sort")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[e("code",[t._v("boolean")]),t._v("|"),e("code",[t._v("string")]),t._v("|"),e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v('Defines a sort. See "'),e("RouterLink",{attrs:{to:"/api/js/advanced_header/column_sort.html"}},[t._v("Sort by Column")]),t._v('" for detail.')],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("undefined")])])])])]),t._v(" "),e("h2",{attrs:{id:"methods"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Return Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[t._v("invalidate")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("---")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Redraws the whole grid.")])])])])],1)}),[],!1,null,null,null);a.default=n.exports}}]); \ No newline at end of file diff --git a/documents/assets/js/7.cb2971be.js b/documents/assets/js/7.cb2971be.js new file mode 100644 index 000000000..6f2adc9d8 --- /dev/null +++ b/documents/assets/js/7.cb2971be.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[7],{362:function(e,t,a){},396:function(e,t,a){"use strict";a(362)},403:function(e,t,a){"use strict";a.r(t);a(83),a(34),a(111),a(112);var o={name:"CodeGroup",data:function(){return{codeTabs:[],activeCodeTabIndex:-1}},watch:{activeCodeTabIndex:function(e){this.activateCodeTab(e)}},mounted:function(){this.loadTabs()},methods:{changeCodeTab:function(e){this.activeCodeTabIndex=e},loadTabs:function(){var e=this;this.codeTabs=(this.$slots.default||[]).filter((function(e){return Boolean(e.componentOptions)})).map((function(t,a){return""===t.componentOptions.propsData.active&&(e.activeCodeTabIndex=a),{title:t.componentOptions.propsData.title,elm:t.elm}})),-1===this.activeCodeTabIndex&&this.codeTabs.length>0&&(this.activeCodeTabIndex=0),this.activateCodeTab(0)},activateCodeTab:function(e){this.codeTabs.forEach((function(e){e.elm&&e.elm.classList.remove("theme-code-block__active")})),this.codeTabs[e].elm&&this.codeTabs[e].elm.classList.add("theme-code-block__active")}}},n=(a(396),a(52)),c=Object(n.a)(o,(function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("ClientOnly",[a("div",{staticClass:"theme-code-group"},[a("div",{staticClass:"theme-code-group__nav"},[a("ul",{staticClass:"theme-code-group__ul"},e._l(e.codeTabs,(function(t,o){return a("li",{key:t.title,staticClass:"theme-code-group__li"},[a("button",{staticClass:"theme-code-group__nav-tab",class:{"theme-code-group__nav-tab-active":o===e.activeCodeTabIndex},on:{click:function(t){return e.changeCodeTab(o)}}},[e._v("\n "+e._s(t.title)+"\n ")])])})),0)]),e._v(" "),e._t("default"),e._v(" "),e.codeTabs.length<1?a("pre",{staticClass:"pre-blank"},[e._v("// Make sure to add code blocks to your code group")]):e._e()],2)])}),[],!1,null,"deefee04",null);t.default=c.exports}}]); \ No newline at end of file diff --git a/documents/assets/js/70.d39ea089.js b/documents/assets/js/70.d39ea089.js new file mode 100644 index 000000000..0efbc994f --- /dev/null +++ b/documents/assets/js/70.d39ea089.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[70],{463:function(t,o,n){"use strict";n.r(o);var e=n(52),i=Object(e.a)({},(function(){var t=this,o=t.$createElement,n=t._self._c||o;return n("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[n("h1",{attrs:{id:"available-vue-components"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#available-vue-components"}},[t._v("#")]),t._v(" Available Vue Components")]),t._v(" "),n("table",[n("thead",[n("tr",[n("th",[t._v("Component Name")]),t._v(" "),n("th",[t._v("Description")]),t._v(" "),n("th",[t._v("LINK")])])]),t._v(" "),n("tbody",[n("tr",[n("td",[n("code",[t._v("")])]),t._v(" "),n("td",[t._v("Grid.")]),t._v(" "),n("td",[n("RouterLink",{attrs:{to:"/api/vue/components/CGrid.html"}},[t._v("CGrid")])],1)]),t._v(" "),n("tr",[n("td",[n("code",[t._v("")])]),t._v(" "),n("td",[t._v("Column definition to display in the grid.")]),t._v(" "),n("td",[n("RouterLink",{attrs:{to:"/api/vue/components/CGridColumn.html"}},[t._v("CGridColumn")])],1)]),t._v(" "),n("tr",[n("td",[n("code",[t._v("")])]),t._v(" "),n("td",[t._v("Definition of column group when multiple header is displayed.")]),t._v(" "),n("td",[n("RouterLink",{attrs:{to:"/api/vue/components/CGridColumnGroup.html"}},[t._v("CGridColumnGroup")])],1)]),t._v(" "),n("tr",[n("td",[n("code",[t._v("")])]),t._v(" "),n("td",[t._v("Button column definition.")]),t._v(" "),n("td",[n("RouterLink",{attrs:{to:"/api/vue/components/CGridButtonColumn.html"}},[t._v("CGridButtonColumn")])],1)]),t._v(" "),n("tr",[n("td",[n("code",[t._v("")])]),t._v(" "),n("td",[t._v("Checkbox column definition.")]),t._v(" "),n("td",[n("RouterLink",{attrs:{to:"/api/vue/components/CGridCheckColumn.html"}},[t._v("CGridCheckColumn")])],1)]),t._v(" "),n("tr",[n("td",[n("code",[t._v("")])]),t._v(" "),n("td",[t._v("Input column definition.")]),t._v(" "),n("td",[n("RouterLink",{attrs:{to:"/api/vue/components/CGridInputColumn.html"}},[t._v("CGridInputColumn")])],1)]),t._v(" "),n("tr",[n("td",[n("code",[t._v("")])]),t._v(" "),n("td",[t._v("Menu column definition.")]),t._v(" "),n("td",[n("RouterLink",{attrs:{to:"/api/vue/components/CGridMenuColumn.html"}},[t._v("CGridMenuColumn")])],1)]),t._v(" "),n("tr",[n("td",[n("code",[t._v("")])]),t._v(" "),n("td",[t._v("Link column definition.")]),t._v(" "),n("td",[n("RouterLink",{attrs:{to:"/api/vue/components/CGridLinkColumn.html"}},[t._v("CGridLinkColumn")])],1)]),t._v(" "),n("tr",[n("td",[n("code",[t._v("")])]),t._v(" "),n("td",[t._v("Icon column definition.")]),t._v(" "),n("td",[n("RouterLink",{attrs:{to:"/api/vue/components/CGridIconColumn.html"}},[t._v("CGridIconColumn")])],1)]),t._v(" "),n("tr",[n("td",[n("code",[t._v("")])]),t._v(" "),n("td",[t._v("Percent complete bar column definition.")]),t._v(" "),n("td",[n("RouterLink",{attrs:{to:"/api/vue/components/CGridPercentCompleteBarColumn.html"}},[t._v("CGridPercentCompleteBarColumn")])],1)]),t._v(" "),n("tr",[n("td",[n("code",[t._v("")])]),t._v(" "),n("td",[t._v("Radio button column definition.")]),t._v(" "),n("td",[n("RouterLink",{attrs:{to:"/api/vue/components/CGridRadioColumn.html"}},[t._v("CGridRadioColumn")])],1)]),t._v(" "),n("tr",[n("td",[n("code",[t._v("")])]),t._v(" "),n("td",[t._v("Branch graph column definition.")]),t._v(" "),n("td",[n("RouterLink",{attrs:{to:"/api/vue/components/CGridBranchGraphColumn.html"}},[t._v("CGridBranchGraphColumn")])],1)]),t._v(" "),n("tr",[n("td",[n("code",[t._v("")])]),t._v(" "),n("td",[t._v("Define advanced layout row.")]),t._v(" "),n("td",[n("RouterLink",{attrs:{to:"/api/vue/components/CGridLayoutRow.html"}},[t._v("CGridLayoutRow")])],1)]),t._v(" "),n("tr",[n("td",[n("code",[t._v("")])]),t._v(" "),n("td",[t._v("Define advanced layout header.")]),t._v(" "),n("td",[n("RouterLink",{attrs:{to:"/api/vue/components/CGridHeader.html"}},[t._v("CGridHeader")])],1)])])])])}),[],!1,null,null,null);o.default=i.exports}}]); \ No newline at end of file diff --git a/documents/assets/js/71.afd1b46c.js b/documents/assets/js/71.afd1b46c.js new file mode 100644 index 000000000..74cd6b6d6 --- /dev/null +++ b/documents/assets/js/71.afd1b46c.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[71],{464:function(t,s,a){"use strict";a.r(s);var n=a(52),e=Object(n.a)({},(function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"define-headers-and-columns"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#define-headers-and-columns"}},[t._v("#")]),t._v(" Define Headers and Columns")]),t._v(" "),a("h2",{attrs:{id:"standard-column"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#standard-column"}},[t._v("#")]),t._v(" Standard Column")]),t._v(" "),a("p",[t._v("You can define the behavior and appearance of columns and headers cells by defining "),a("code",[t._v("")]),t._v(" in "),a("code",[t._v("slot")]),t._v(" of "),a("code",[t._v("")]),t._v(".")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-vue line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-vue"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("demo-grid middle"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":data")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("frozen-col-count")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("1"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-column")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("personid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("100"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n ID\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-column")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("fname"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("200"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n First Name\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-column")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("lname"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("200"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n Last Name\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-column")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":field")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("getBirthday"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("200"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n Birthday\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/*\n record object properties\n {\n personid: 'ID',\n fname: 'First Name',\n lname: 'Last Name',\n email: 'Email',\n birthday: 'birthday',\n }\n */")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("generatePersons")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("default")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n methods"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("getBirthday")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" dateTimeFormat "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Intl"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("DateTimeFormat")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"en-US"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n year"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"numeric"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n month"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"numeric"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n day"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"numeric"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" dateTimeFormat"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("format")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("birthday"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br")])])]),t._v(" "),a("h2",{attrs:{id:"multiple-header"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#multiple-header"}},[t._v("#")]),t._v(" Multiple Header")]),t._v(" "),a("p",[t._v("To use multiple header, define "),a("code",[t._v("")]),t._v(".")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-vue line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-vue"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("demo-grid middle"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":data")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("frozen-col-count")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("1"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-column")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("personid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("100"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n ID\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("\x3c!-- multiple header --\x3e")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-column-group")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("caption")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("Name"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-column")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("fname"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("200"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n First Name\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-column")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("lname"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("200"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n Last Name\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-column")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":field")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("getBirthday"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("200"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n Birthday\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("generatePersons")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("default")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n methods"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("getBirthday")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" dateTimeFormat "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Intl"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("DateTimeFormat")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"en-US"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n year"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"numeric"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n month"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"numeric"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n day"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"numeric"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" dateTimeFormat"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("format")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("birthday"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br")])])])],1)}),[],!1,null,null,null);s.default=e.exports}}]); \ No newline at end of file diff --git a/documents/assets/js/72.a025cd52.js b/documents/assets/js/72.a025cd52.js new file mode 100644 index 000000000..14dea2284 --- /dev/null +++ b/documents/assets/js/72.a025cd52.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[72],{465:function(t,s,e){"use strict";e.r(s);var a=e(52),n=Object(a.a)({},(function(){var t=this.$createElement,s=this._self._c||t;return s("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[s("h1",{attrs:{id:"faq"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#faq"}},[this._v("#")]),this._v(" FAQ")])])}),[],!1,null,null,null);s.default=n.exports}}]); \ No newline at end of file diff --git a/documents/assets/js/73.a2eae337.js b/documents/assets/js/73.a2eae337.js new file mode 100644 index 000000000..9b8b74971 --- /dev/null +++ b/documents/assets/js/73.a2eae337.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[73],{466:function(t,s,a){"use strict";a.r(s);var n=a(52),e=Object(n.a)({},(function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"auto-paging"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#auto-paging"}},[t._v("#")]),t._v(" Auto Paging")]),t._v(" "),a("p",[t._v("Real time loading by scroll action.")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("textarea")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample_log"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("readonly")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("true"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("ajax logs"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample demo-grid middle"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// create DataSource")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("GET_RECORDS_SIZE")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("BUFFER_RECORDS_SIZE")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" Math"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("floor")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("GET_RECORDS_SIZE")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("/")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("||")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" loadedData "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),t._v(" isAllLoaded "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" dataSource "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("CachedDataSource")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("get")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("index"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" loadStartIndex "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v("\n Math"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("floor")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("index "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("/")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("GET_RECORDS_SIZE")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("*")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("GET_RECORDS_SIZE")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("!")]),t._v("loadedData"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("loadStartIndex"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" promiseObject "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("getRecordsWithAjax")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("loadStartIndex"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("GET_RECORDS_SIZE")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// return Promise Object")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("then")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("isAllLoaded"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// length update?")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" length "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" loadStartIndex "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("length"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("length "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("<")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("GET_RECORDS_SIZE")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// all loaded!!")]),t._v("\n dataSource"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("length "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" length"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n isAllLoaded "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("else")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("dataSource"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("length "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("<=")]),t._v(" length"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// append length!!")]),t._v("\n dataSource"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("length "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" length "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("BUFFER_RECORDS_SIZE")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n loadedData"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("loadStartIndex"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" promiseObject"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" loadedData"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("loadStartIndex"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("then")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("index "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("-")]),t._v(" loadStartIndex"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n length"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("BUFFER_RECORDS_SIZE")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("//init records count")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// create cheetahGrid")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"personid"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"ID"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"fname"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"First Name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"lname"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Last Name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"email"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Email"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("250")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n frozenColCount"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("configure")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"fadeinWhenCallbackInPromise"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// set dataSource")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("dataSource "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" dataSource"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("getRecordsWithAjax")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("startIndex"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" num")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Promise")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("resolve")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" loadedCount "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" startIndex "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" num"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),t._v(" last "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("loadedCount "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(">=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1080")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n num "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1080")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("-")]),t._v(" startIndex"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n last "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("setTimeout")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("for")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),t._v(" i "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v(" i "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("<")]),t._v(" num"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v(" i"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("++")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("push")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("generatePerson")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("startIndex "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" i"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" log "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample_log"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n log"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("value "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token template-string"}},[a("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("\\nAcquire ")]),a("span",{pre:!0,attrs:{class:"token interpolation"}},[a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("${")]),t._v("num"),a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("}")])]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v(" data from index ")]),a("span",{pre:!0,attrs:{class:"token interpolation"}},[a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("${")]),t._v("startIndex"),a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("}")])]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n log"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("value "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" log"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("value"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("trim")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n log"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("scrollTop "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" log"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("scrollHeight"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("last "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("&&")]),t._v(" records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("length"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" lastData "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("length "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("-")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n lastData"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("fname "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Cheetah"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n lastData"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("lname "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Grid!!"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n lastData"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("email "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"hello_cheetah_grid@gmail.com"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("resolve")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("500")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br"),a("span",{staticClass:"line-number"},[t._v("39")]),a("br"),a("span",{staticClass:"line-number"},[t._v("40")]),a("br"),a("span",{staticClass:"line-number"},[t._v("41")]),a("br"),a("span",{staticClass:"line-number"},[t._v("42")]),a("br"),a("span",{staticClass:"line-number"},[t._v("43")]),a("br"),a("span",{staticClass:"line-number"},[t._v("44")]),a("br"),a("span",{staticClass:"line-number"},[t._v("45")]),a("br"),a("span",{staticClass:"line-number"},[t._v("46")]),a("br"),a("span",{staticClass:"line-number"},[t._v("47")]),a("br"),a("span",{staticClass:"line-number"},[t._v("48")]),a("br"),a("span",{staticClass:"line-number"},[t._v("49")]),a("br"),a("span",{staticClass:"line-number"},[t._v("50")]),a("br"),a("span",{staticClass:"line-number"},[t._v("51")]),a("br"),a("span",{staticClass:"line-number"},[t._v("52")]),a("br"),a("span",{staticClass:"line-number"},[t._v("53")]),a("br"),a("span",{staticClass:"line-number"},[t._v("54")]),a("br"),a("span",{staticClass:"line-number"},[t._v("55")]),a("br"),a("span",{staticClass:"line-number"},[t._v("56")]),a("br"),a("span",{staticClass:"line-number"},[t._v("57")]),a("br"),a("span",{staticClass:"line-number"},[t._v("58")]),a("br"),a("span",{staticClass:"line-number"},[t._v("59")]),a("br"),a("span",{staticClass:"line-number"},[t._v("60")]),a("br"),a("span",{staticClass:"line-number"},[t._v("61")]),a("br"),a("span",{staticClass:"line-number"},[t._v("62")]),a("br"),a("span",{staticClass:"line-number"},[t._v("63")]),a("br"),a("span",{staticClass:"line-number"},[t._v("64")]),a("br"),a("span",{staticClass:"line-number"},[t._v("65")]),a("br"),a("span",{staticClass:"line-number"},[t._v("66")]),a("br"),a("span",{staticClass:"line-number"},[t._v("67")]),a("br"),a("span",{staticClass:"line-number"},[t._v("68")]),a("br"),a("span",{staticClass:"line-number"},[t._v("69")]),a("br"),a("span",{staticClass:"line-number"},[t._v("70")]),a("br"),a("span",{staticClass:"line-number"},[t._v("71")]),a("br"),a("span",{staticClass:"line-number"},[t._v("72")]),a("br"),a("span",{staticClass:"line-number"},[t._v("73")]),a("br"),a("span",{staticClass:"line-number"},[t._v("74")]),a("br"),a("span",{staticClass:"line-number"},[t._v("75")]),a("br"),a("span",{staticClass:"line-number"},[t._v("76")]),a("br"),a("span",{staticClass:"line-number"},[t._v("77")]),a("br"),a("span",{staticClass:"line-number"},[t._v("78")]),a("br"),a("span",{staticClass:"line-number"},[t._v("79")]),a("br"),a("span",{staticClass:"line-number"},[t._v("80")]),a("br")])])])],1)}),[],!1,null,null,null);s.default=e.exports}}]); \ No newline at end of file diff --git a/documents/assets/js/74.5cce4b03.js b/documents/assets/js/74.5cce4b03.js new file mode 100644 index 000000000..f16591b64 --- /dev/null +++ b/documents/assets/js/74.5cce4b03.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[74],{467:function(t,s,a){"use strict";a.r(s);var n=a(52),e=Object(n.a)({},(function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"checkbox-on-header"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#checkbox-on-header"}},[t._v("#")]),t._v(" Checkbox on header")]),t._v(" "),a("p",[t._v("You implement as follows using the "),a("code",[t._v("headerAction")]),t._v(", "),a("code",[t._v("headerType")]),t._v(" properties.")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1 demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"no"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"no"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n headerType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n headerAction"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("120")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" check"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"abc"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" check"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"def"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("3")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" check"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"ghi"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("CHANGED_HEADER_VALUE")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("CHANGED_VALUE")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("EVENT_TYPE")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("listen")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("CHANGED_HEADER_VALUE")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" field "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("field "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("!==")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// header check value on change")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("for")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" rec "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("of")]),t._v(" grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("field"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("invalidate")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("listen")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("CHANGED_VALUE")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" field "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("field "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("!==")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// check value on change")]),t._v("\n\n grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("headerValues"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("set")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("field"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("invalidate")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br"),a("span",{staticClass:"line-number"},[t._v("39")]),a("br"),a("span",{staticClass:"line-number"},[t._v("40")]),a("br"),a("span",{staticClass:"line-number"},[t._v("41")]),a("br"),a("span",{staticClass:"line-number"},[t._v("42")]),a("br"),a("span",{staticClass:"line-number"},[t._v("43")]),a("br")])])]),t._v(" "),a("h2",{attrs:{id:"using-vue-js"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#using-vue-js"}},[t._v("#")]),t._v(" Using Vue.js")]),t._v(" "),a("p",[t._v("You implement as follows using the "),a("code",[t._v("header-action")]),t._v(", "),a("code",[t._v("header-type")]),t._v(" properties.")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-vue line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-vue"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("ref")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":data")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-column")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("no"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("50"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n no\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-check-column")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("check"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("100"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("header-type")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("check"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("header-action")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("check"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("@changed-header-value")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("onChangeHeaderValue"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("@changed-value")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("onChangeValue"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-column")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("text"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("120"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n text\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("default")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n records"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" check"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"abc"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" check"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"def"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("3")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" check"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"ghi"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n methods"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("onChangeHeaderValue")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" value "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// header check value on change")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("$refs"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("for")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" rec "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("of")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("check "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("invalidate")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("onChangeValue")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// check value on change")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("$refs"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("headerValues"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("set")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("invalidate")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br")])])])],1)}),[],!1,null,null,null);s.default=e.exports}}]); \ No newline at end of file diff --git a/documents/assets/js/75.6eac3ac1.js b/documents/assets/js/75.6eac3ac1.js new file mode 100644 index 000000000..c44a835f6 --- /dev/null +++ b/documents/assets/js/75.6eac3ac1.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[75],{469:function(t,s,a){"use strict";a.r(s);var n=a(52),e=Object(n.a)({},(function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"jump-to-the-specified-cell"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#jump-to-the-specified-cell"}},[t._v("#")]),t._v(" Jump to the Specified Cell")]),t._v(" "),a("p",[t._v("Example below shows the usage of jumping to the specified cell."),a("br"),t._v("\nIn this example, cursor jumps to cell, no column is 7.")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("button")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("jump"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("jump"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1 demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" check"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" name"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Cat"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" check"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" name"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Tiger"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" check"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("3")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" name"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Leopard"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" check"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("4")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" name"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Jaguar"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" check"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("5")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" name"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Cheetah"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" check"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("6")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" name"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Lion"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" check"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" no"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("7")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" name"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Ocelot"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("80")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"no"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"no"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" jumpButton "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".jump"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\njumpButton"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("onclick")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("makeVisibleGridCell")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("6")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("focusGridCell")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("6")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br")])])])],1)}),[],!1,null,null,null);s.default=e.exports}}]); \ No newline at end of file diff --git a/documents/assets/js/76.a893449f.js b/documents/assets/js/76.a893449f.js new file mode 100644 index 000000000..6b56d31a6 --- /dev/null +++ b/documents/assets/js/76.a893449f.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[76],{468:function(t,s,a){"use strict";a.r(s);var n=a(52),e=Object(n.a)({},(function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"change-the-color-of-the-row"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#change-the-color-of-the-row"}},[t._v("#")]),t._v(" Change the color of the row")]),t._v(" "),a("p",[t._v("You can use the "),a("code",[t._v("theme")]),t._v(" to change the row color.")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1 demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("generatePersons")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" materialDesignTheme "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("themes"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("MATERIAL_DESIGN")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" userTheme "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" materialDesignTheme"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("extends")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("defaultBgColor")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" row"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// change the color of the checked row.")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("row "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("<")]),t._v(" grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("frozenRowCount"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("null")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" record "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("row "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("-")]),t._v(" grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("frozenRowCount"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("record"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("check"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#DDF"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("null")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n theme"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" userTheme"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"personid"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"ID"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"fname"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"First Name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"lname"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Last Name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"email"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Email"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("250")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Intl"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("DateTimeFormat")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("format")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("birthday"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"birthday"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("250")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"button"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("120")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"SHOW REC"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonAction")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("action")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("alert")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("JSON")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("stringify")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("listen")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("EVENT_TYPE")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("CHANGED_VALUE")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Redraw when checkbox is changed. This is because cells other than checkboxes are not redrawn automatically.")]),t._v("\n grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("invalidate")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br"),a("span",{staticClass:"line-number"},[t._v("39")]),a("br"),a("span",{staticClass:"line-number"},[t._v("40")]),a("br"),a("span",{staticClass:"line-number"},[t._v("41")]),a("br"),a("span",{staticClass:"line-number"},[t._v("42")]),a("br"),a("span",{staticClass:"line-number"},[t._v("43")]),a("br"),a("span",{staticClass:"line-number"},[t._v("44")]),a("br"),a("span",{staticClass:"line-number"},[t._v("45")]),a("br"),a("span",{staticClass:"line-number"},[t._v("46")]),a("br"),a("span",{staticClass:"line-number"},[t._v("47")]),a("br"),a("span",{staticClass:"line-number"},[t._v("48")]),a("br"),a("span",{staticClass:"line-number"},[t._v("49")]),a("br"),a("span",{staticClass:"line-number"},[t._v("50")]),a("br"),a("span",{staticClass:"line-number"},[t._v("51")]),a("br"),a("span",{staticClass:"line-number"},[t._v("52")]),a("br"),a("span",{staticClass:"line-number"},[t._v("53")]),a("br"),a("span",{staticClass:"line-number"},[t._v("54")]),a("br"),a("span",{staticClass:"line-number"},[t._v("55")]),a("br"),a("span",{staticClass:"line-number"},[t._v("56")]),a("br"),a("span",{staticClass:"line-number"},[t._v("57")]),a("br")])])]),t._v(" "),a("p",[t._v("For the Vue component, do the following:")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-vue line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-vue"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("demo-grid middle"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("ref")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":data")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("@changed-value")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("$refs.grid.invalidate()"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":theme")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("userTheme"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-check-column")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("check"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("50"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-column")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("personid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("100"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("ID"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-input-column")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("fname"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("200"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("min-width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("150"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("First Name"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-input-column")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("lname"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("200"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("min-width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("150"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("Last Name"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-column")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("email"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("250"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("Email"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-column")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":field")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("(rec) => new Intl.DateTimeFormat().format(rec.birthday)"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("250"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("birthday"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-button-column")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("caption")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("SHOW REC"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("120"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("@click")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("onClickRecord"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("generatePersons")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1000")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" materialDesignTheme "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" vueCheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("themes"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("MATERIAL_DESIGN")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("default")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n userTheme"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" materialDesignTheme"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("extends")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("defaultBgColor")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" row"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// change the color of the checked row.")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("row "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("<")]),t._v(" grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("frozenRowCount"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("null")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" record "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("row "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("-")]),t._v(" grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("frozenRowCount"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("record"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("check"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#DDF"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("null")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n methods"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("onClickRecord")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("alert")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("JSON")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("stringify")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br")])])]),t._v(" "),a("p",[t._v("In addition, it can be expanded as follows:")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-vue line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-vue"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("demo-grid middle"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("ref")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":data")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("@changed-value")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("$refs.grid.invalidate()"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("@selected-cell")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("(e)=>{\n if (e.selected) {\n $refs.grid.invalidate()\n }\n }"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":theme")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("userTheme"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-check-column")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("check"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("50"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-column")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("personid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("100"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("ID"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-input-column")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("fname"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("200"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("min-width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("150"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("First Name"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-input-column")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("lname"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("200"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("min-width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("150"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("Last Name"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-column")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("email"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("250"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("Email"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-column")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":field")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("(rec) => new Intl.DateTimeFormat().format(rec.birthday)"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("250"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("birthday"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-button-column")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("caption")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("SHOW REC"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("120"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("@click")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("onClickRecord"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("generatePersons")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1000")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" materialDesignTheme "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" vueCheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("themes"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("MATERIAL_DESIGN")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("default")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n userTheme"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" materialDesignTheme"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("extends")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("defaultBgColor")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" col"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" row"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" start"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" end "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("selection"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("range"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("end"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("row "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("<")]),t._v(" grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("frozenRowCount"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// change the color of the selection cols.")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("start"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("col "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("<=")]),t._v(" col "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("&&")]),t._v(" col "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("<=")]),t._v(" end"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("col"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#DEF"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("row "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("<")]),t._v(" grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("frozenRowCount"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("null")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// change the color of the checked row.")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" record "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("row "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("-")]),t._v(" grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("frozenRowCount"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("record"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("check"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#DDF"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("null")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("borderColor")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" col"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" row"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" start"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" end "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("selection"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("range"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("end"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("row "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("<")]),t._v(" grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("frozenRowCount"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// change the border of the selection cols.")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("start"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("col "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("===")]),t._v(" col "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("||")]),t._v(" end"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("col "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("===")]),t._v(" col"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#ccc7c7"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n end"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("col "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("===")]),t._v(" col "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#BCF"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("null")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#ccc7c7"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n start"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("col "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("===")]),t._v(" col "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"#BCF"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("null")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("null")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n methods"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("onClickRecord")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("alert")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("JSON")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("stringify")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br"),a("span",{staticClass:"line-number"},[t._v("39")]),a("br"),a("span",{staticClass:"line-number"},[t._v("40")]),a("br"),a("span",{staticClass:"line-number"},[t._v("41")]),a("br"),a("span",{staticClass:"line-number"},[t._v("42")]),a("br"),a("span",{staticClass:"line-number"},[t._v("43")]),a("br"),a("span",{staticClass:"line-number"},[t._v("44")]),a("br"),a("span",{staticClass:"line-number"},[t._v("45")]),a("br"),a("span",{staticClass:"line-number"},[t._v("46")]),a("br"),a("span",{staticClass:"line-number"},[t._v("47")]),a("br"),a("span",{staticClass:"line-number"},[t._v("48")]),a("br"),a("span",{staticClass:"line-number"},[t._v("49")]),a("br"),a("span",{staticClass:"line-number"},[t._v("50")]),a("br"),a("span",{staticClass:"line-number"},[t._v("51")]),a("br")])])])],1)}),[],!1,null,null,null);s.default=e.exports}}]); \ No newline at end of file diff --git a/documents/assets/js/77.d8b02770.js b/documents/assets/js/77.d8b02770.js new file mode 100644 index 000000000..b93c8f7c9 --- /dev/null +++ b/documents/assets/js/77.d8b02770.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[77],{470:function(t,s,a){"use strict";a.r(s);var n=a(52),e=Object(n.a)({},(function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"introduction"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#introduction"}},[t._v("#")]),t._v(" Introduction")]),t._v(" "),a("h2",{attrs:{id:"what-it-is"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#what-it-is"}},[t._v("#")]),t._v(" What it is")]),t._v(" "),a("p",[t._v("Cheetah Grid is a high performance JavaScript data table component that works on canvas")]),t._v(" "),a("h2",{attrs:{id:"show-1-000-000-records-without-stress"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#show-1-000-000-records-without-stress"}},[t._v("#")]),t._v(" Show "),a("strong",[t._v("1,000,000")]),t._v(" records without stress")]),t._v(" "),a("p",[t._v("You can display data of 1 million records in a "),a("strong",[t._v("moment")]),t._v(".")]),t._v(" "),a("code-preview",{attrs:{"init-mode":"preview"}},[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("label")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("Grid initial processing time : "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("strong")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("time"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("br")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("br")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("label")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("theme"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("select")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("theme"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("option")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("value")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("default"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("selected")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("true"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("default"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("grid-sample"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token special-attr"}},[a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("style")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),a("span",{pre:!0,attrs:{class:"token value css language-css"}},[a("span",{pre:!0,attrs:{class:"token property"}},[t._v("height")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" 500px"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token property"}},[t._v("border")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" solid 1px #ddd"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" personsDataSource "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("generatePersonsDataSource")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1000000")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" startTime "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Date")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".grid-sample"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"personid"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"ID"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/* multiple header */")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columns"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"fname"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"First Name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"lname"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Last Name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"email"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Email"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("250")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/* callback field */")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" d "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("birthday"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('""')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" d"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("getFullYear")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"/"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("d"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("getMonth")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"/"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" d"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("getDate")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Birthday"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Button"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("120")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/* button column */")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"SHOW REC"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonAction")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("action")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("alert")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("JSON")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("stringify")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n frozenColCount"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("dataSource "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" personsDataSource"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" endTime "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Date")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\ndocument"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".time"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("textContent "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" endTime "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("-")]),t._v(" startTime "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"ms"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// THEME")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" themeSelect "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".theme"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\nthemeSelect"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("onchange")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("themeSelect"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("value "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("===")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"default"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("theme "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("null")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("else")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n grid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("theme "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" themeSelect"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("value"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n console"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("log")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("themeSelect"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("value"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("for")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),t._v(" name "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("in")]),t._v(" cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("themes"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("choices"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" opt "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("createElement")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"option"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n opt"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("value "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" name"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n opt"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("textContent "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" name"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n themeSelect"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("appendChild")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("opt"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br"),a("span",{staticClass:"line-number"},[t._v("39")]),a("br"),a("span",{staticClass:"line-number"},[t._v("40")]),a("br"),a("span",{staticClass:"line-number"},[t._v("41")]),a("br"),a("span",{staticClass:"line-number"},[t._v("42")]),a("br"),a("span",{staticClass:"line-number"},[t._v("43")]),a("br"),a("span",{staticClass:"line-number"},[t._v("44")]),a("br"),a("span",{staticClass:"line-number"},[t._v("45")]),a("br"),a("span",{staticClass:"line-number"},[t._v("46")]),a("br"),a("span",{staticClass:"line-number"},[t._v("47")]),a("br"),a("span",{staticClass:"line-number"},[t._v("48")]),a("br"),a("span",{staticClass:"line-number"},[t._v("49")]),a("br"),a("span",{staticClass:"line-number"},[t._v("50")]),a("br"),a("span",{staticClass:"line-number"},[t._v("51")]),a("br"),a("span",{staticClass:"line-number"},[t._v("52")]),a("br"),a("span",{staticClass:"line-number"},[t._v("53")]),a("br"),a("span",{staticClass:"line-number"},[t._v("54")]),a("br"),a("span",{staticClass:"line-number"},[t._v("55")]),a("br"),a("span",{staticClass:"line-number"},[t._v("56")]),a("br"),a("span",{staticClass:"line-number"},[t._v("57")]),a("br"),a("span",{staticClass:"line-number"},[t._v("58")]),a("br"),a("span",{staticClass:"line-number"},[t._v("59")]),a("br"),a("span",{staticClass:"line-number"},[t._v("60")]),a("br"),a("span",{staticClass:"line-number"},[t._v("61")]),a("br"),a("span",{staticClass:"line-number"},[t._v("62")]),a("br"),a("span",{staticClass:"line-number"},[t._v("63")]),a("br"),a("span",{staticClass:"line-number"},[t._v("64")]),a("br"),a("span",{staticClass:"line-number"},[t._v("65")]),a("br"),a("span",{staticClass:"line-number"},[t._v("66")]),a("br"),a("span",{staticClass:"line-number"},[t._v("67")]),a("br"),a("span",{staticClass:"line-number"},[t._v("68")]),a("br"),a("span",{staticClass:"line-number"},[t._v("69")]),a("br"),a("span",{staticClass:"line-number"},[t._v("70")]),a("br"),a("span",{staticClass:"line-number"},[t._v("71")]),a("br"),a("span",{staticClass:"line-number"},[t._v("72")]),a("br")])])]),t._v(" "),a("h2",{attrs:{id:"simple-example"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#simple-example"}},[t._v("#")]),t._v(" Simple Example")]),t._v(" "),a("h3",{attrs:{id:"javascript"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#javascript"}},[t._v("#")]),t._v(" JavaScript")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("grid-sample"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token special-attr"}},[a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("style")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),a("span",{pre:!0,attrs:{class:"token value css language-css"}},[a("span",{pre:!0,attrs:{class:"token property"}},[t._v("height")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" 500px"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token property"}},[t._v("border")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" solid 1px #ddd"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// initialize")]),t._v("\ngrid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Parent element on which to place the grid")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".grid-sample"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Header definition")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"personid"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"ID"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"fname"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"First Name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"lname"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Last Name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"email"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Email"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("250")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Array data to be displayed on the grid")]),t._v("\n records"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("generatePersons")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1000")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Column fixed position")]),t._v("\n frozenColCount"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br")])])]),t._v(" "),a("h3",{attrs:{id:"vue-js"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#vue-js"}},[t._v("#")]),t._v(" Vue.js")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-vue line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-vue"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token special-attr"}},[a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("style")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),a("span",{pre:!0,attrs:{class:"token value css language-css"}},[a("span",{pre:!0,attrs:{class:"token property"}},[t._v("height")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" 500px"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token property"}},[t._v("border")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" solid 1px #ddd"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":data")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":frozen-col-count")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("1"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("\x3c!-- define checkbox --\x3e")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-check-column")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("check"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("50"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-column")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("personid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("85"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n ID\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("\x3c!-- multiple header --\x3e")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-column-group")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("caption")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("Name"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-input-column")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("fname"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("20%"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("min-width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("150"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n First Name\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-input-column")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("lname"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("20%"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("min-width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("150"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n Last Name\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("\x3c!-- button --\x3e")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-button-column")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("caption")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("SHOW REC"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("120"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("@click")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("onClickRecord"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("grid-sample"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br"),a("span",{staticClass:"line-number"},[t._v("39")]),a("br"),a("span",{staticClass:"line-number"},[t._v("40")]),a("br"),a("span",{staticClass:"line-number"},[t._v("41")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("default")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n records"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("generatePersons")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1000")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n methods"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("onClickRecord")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("alert")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("JSON")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("stringify")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br")])])])],1)}),[],!1,null,null,null);s.default=e.exports}}]); \ No newline at end of file diff --git a/documents/assets/js/78.b892c180.js b/documents/assets/js/78.b892c180.js new file mode 100644 index 000000000..4cfc9d450 --- /dev/null +++ b/documents/assets/js/78.b892c180.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[78],{471:function(t,a,e){"use strict";e.r(a);var r=e(52),s=Object(r.a)({},(function(){var t=this,a=t.$createElement,e=t._self._c||a;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"getting-started-with-react"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getting-started-with-react"}},[t._v("#")]),t._v(" Getting Started with React")]),t._v(" "),e("h2",{attrs:{id:"installation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#installation"}},[t._v("#")]),t._v(" Installation")]),t._v(" "),e("h3",{attrs:{id:"via-npm"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#via-npm"}},[t._v("#")]),t._v(" Via npm")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://www.npmjs.com/package/react-cheetah-grid",target:"_blank",rel:"noopener noreferrer"}},[e("img",{attrs:{src:"https://img.shields.io/npm/v/react-cheetah-grid.svg",alt:"npm"}}),e("OutboundLink")],1)]),t._v(" "),e("div",{staticClass:"language-bash line-numbers-mode"},[e("pre",{pre:!0,attrs:{class:"language-bash"}},[e("code",[e("span",{pre:!0,attrs:{class:"token function"}},[t._v("npm")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token function"}},[t._v("install")]),t._v(" -S react-cheetah-grid\n")])]),t._v(" "),e("div",{staticClass:"line-numbers-wrapper"},[e("span",{staticClass:"line-number"},[t._v("1")]),e("br")])]),e("h2",{attrs:{id:"usage"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#usage"}},[t._v("#")]),t._v(" Usage")]),t._v(" "),e("p",[t._v("Please refer to the "),e("a",{attrs:{href:"https://github.com/future-architect/cheetah-grid/tree/master/packages/react-cheetah-grid#readme",target:"_blank",rel:"noopener noreferrer"}},[t._v("document"),e("OutboundLink")],1),t._v(" for details")])])}),[],!1,null,null,null);a.default=s.exports}}]); \ No newline at end of file diff --git a/documents/assets/js/79.6273fdff.js b/documents/assets/js/79.6273fdff.js new file mode 100644 index 000000000..6d40f46e8 --- /dev/null +++ b/documents/assets/js/79.6273fdff.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[79],{472:function(t,s,a){"use strict";a.r(s);var n=a(52),e=Object(n.a)({},(function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"getting-started-with-vue-js"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#getting-started-with-vue-js"}},[t._v("#")]),t._v(" Getting Started with Vue.js")]),t._v(" "),a("h2",{attrs:{id:"installation"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#installation"}},[t._v("#")]),t._v(" Installation")]),t._v(" "),a("h3",{attrs:{id:"via-npm"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#via-npm"}},[t._v("#")]),t._v(" Via npm")]),t._v(" "),a("p",[a("a",{attrs:{href:"https://www.npmjs.com/package/vue-cheetah-grid",target:"_blank",rel:"noopener noreferrer"}},[a("img",{attrs:{src:"https://img.shields.io/npm/v/vue-cheetah-grid.svg",alt:"npm"}}),a("OutboundLink")],1)]),t._v(" "),a("div",{staticClass:"language-bash line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-bash"}},[a("code",[a("span",{pre:!0,attrs:{class:"token function"}},[t._v("npm")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("install")]),t._v(" -S vue-cheetah-grid\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" vueCheetahGrid "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"vue-cheetah-grid"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\nVue"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("use")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("vueCheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br")])]),a("h3",{attrs:{id:"via-cdn"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#via-cdn"}},[t._v("#")]),t._v(" Via CDN")]),t._v(" "),a("p",[a("a",{attrs:{href:"https://www.npmjs.com/package/vue-cheetah-grid",target:"_blank",rel:"noopener noreferrer"}},[a("img",{attrs:{src:"https://img.shields.io/npm/v/vue-cheetah-grid.svg",alt:"npm"}}),a("OutboundLink")],1)]),t._v(" "),a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("script")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("src")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("https://unpkg.com/cheetah-grid@1.13"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token script"}}),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("script")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("src")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("https://unpkg.com/vue-cheetah-grid@1.13"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token script"}}),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[t._v("Vue"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("use")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("vueCheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"custom-block warning"},[a("p",{staticClass:"custom-block-title"},[t._v("WARNING")]),t._v(" "),a("p",[t._v("This usage only supports Vue.js v2.")])]),t._v(" "),a("h2",{attrs:{id:"vue-instance-template"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#vue-instance-template"}},[t._v("#")]),t._v(" Vue Instance & Template")]),t._v(" "),a("p",[t._v("Please refer to the "),a("RouterLink",{attrs:{to:"/api/vue/"}},[t._v("more documents")]),t._v(" for details")],1),t._v(" "),a("code-preview",[a("div",{staticClass:"language-vue line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-vue"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token special-attr"}},[a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("style")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),a("span",{pre:!0,attrs:{class:"token value css language-css"}},[a("span",{pre:!0,attrs:{class:"token property"}},[t._v("height")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" 500px"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token property"}},[t._v("border")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" solid 1px #ddd"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":data")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("records"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":frozen-col-count")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("1"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("\x3c!-- define checkbox --\x3e")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-check-column")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("check"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("50"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-column")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("personid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("85"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n ID\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("\x3c!-- multiple header --\x3e")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-column-group")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("caption")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("Name"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-input-column")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("fname"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("20%"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("min-width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("150"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n First Name\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-input-column")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("field")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("lname"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("20%"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("min-width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("150"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n Last Name\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("\x3c!-- button --\x3e")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("c-grid-button-column")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("caption")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("SHOW REC"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("120"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("@click")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("onClickRecord"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("grid-sample"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br"),a("span",{staticClass:"line-number"},[t._v("39")]),a("br"),a("span",{staticClass:"line-number"},[t._v("40")]),a("br"),a("span",{staticClass:"line-number"},[t._v("41")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("default")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n records"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("generatePersons")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1000")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n methods"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("onClickRecord")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("alert")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("JSON")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("stringify")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br")])])])],1)}),[],!1,null,null,null);s.default=e.exports}}]); \ No newline at end of file diff --git a/documents/assets/js/8.ce1f0d67.js b/documents/assets/js/8.ce1f0d67.js new file mode 100644 index 000000000..3125bd9c7 --- /dev/null +++ b/documents/assets/js/8.ce1f0d67.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[8],{356:function(t,s,a){},389:function(t,s,a){"use strict";a(356)},416:function(t,s,a){"use strict";a.r(s);a(389);var n=a(52),e=Object(n.a)({},(function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"inlineinputeditor"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#inlineinputeditor"}},[t._v("#")]),t._v(" InlineInputEditor")]),t._v(" "),a("p",[t._v("Enables data editing by input.")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1 demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("label")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("change action properties : "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("select")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1mode"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("option")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("value")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("selected")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("true"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("both false"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("option")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("value")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("readOnly"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("readOnly = true"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("option")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("value")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("disabled"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("disabled = true"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("span")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1modememo"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" inputEditor "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("InlineInputEditor")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"defined by InlineInputEditor"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("260")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" inputEditor"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"show"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"SHOW"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonAction")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("action")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("alert")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("JSON")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("stringify")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("null")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('" "')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\ndocument"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1mode"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("onchange")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("//change action properties")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("value "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("===")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"readOnly"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n inputEditor"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("readOnly "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n inputEditor"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("disabled "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1modememo"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("textContent "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"It will not toggle"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("else")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("value "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("===")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"disabled"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n inputEditor"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("readOnly "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n inputEditor"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("disabled "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1modememo"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("textContent "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"It will not toggle and does not respond when hovering the mouse"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("else")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n inputEditor"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("readOnly "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n inputEditor"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("disabled "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1modememo"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("textContent "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"both false"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br"),a("span",{staticClass:"line-number"},[t._v("39")]),a("br"),a("span",{staticClass:"line-number"},[t._v("40")]),a("br"),a("span",{staticClass:"line-number"},[t._v("41")]),a("br"),a("span",{staticClass:"line-number"},[t._v("42")]),a("br"),a("span",{staticClass:"line-number"},[t._v("43")]),a("br"),a("span",{staticClass:"line-number"},[t._v("44")]),a("br"),a("span",{staticClass:"line-number"},[t._v("45")]),a("br"),a("span",{staticClass:"line-number"},[t._v("46")]),a("br"),a("span",{staticClass:"line-number"},[t._v("47")]),a("br"),a("span",{staticClass:"line-number"},[t._v("48")]),a("br"),a("span",{staticClass:"line-number"},[t._v("49")]),a("br"),a("span",{staticClass:"line-number"},[t._v("50")]),a("br"),a("span",{staticClass:"line-number"},[t._v("51")]),a("br"),a("span",{staticClass:"line-number"},[t._v("52")]),a("br"),a("span",{staticClass:"line-number"},[t._v("53")]),a("br"),a("span",{staticClass:"line-number"},[t._v("54")]),a("br"),a("span",{staticClass:"line-number"},[t._v("55")]),a("br"),a("span",{staticClass:"line-number"},[t._v("56")]),a("br")])])]),t._v(" "),a("h2",{attrs:{id:"properties"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Property")]),t._v(" "),a("th",[t._v("Description")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("code",[t._v("type")])]),t._v(" "),a("td",[t._v("Specify the "),a("code",[t._v("type")]),t._v(" attribute of the "),a("code",[t._v("")]),t._v(" element.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("classList")])]),t._v(" "),a("td",[t._v("Specify "),a("code",[t._v("class")]),t._v(" of the "),a("code",[t._v("")]),t._v(" element.")])])])]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample2 demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"number"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"type & classList"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("220")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"number"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("InlineInputEditor")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n type"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"number"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n classList"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"al-right"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"show"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"SHOW"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonAction")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("action")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("alert")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("JSON")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("stringify")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("null")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('" "')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" number"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1234")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" number"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1234.123")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" number"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("-")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1234.123")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br")])]),a("div",{staticClass:"language-css line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-css"}},[a("code",[a("span",{pre:!0,attrs:{class:"token selector"}},[t._v(".al-right")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token property"}},[t._v("text-align")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" right"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br")])])])],1)}),[],!1,null,"1eea9062",null);s.default=e.exports}}]); \ No newline at end of file diff --git a/documents/assets/js/80.0ee6c1d0.js b/documents/assets/js/80.0ee6c1d0.js new file mode 100644 index 000000000..443915b1d --- /dev/null +++ b/documents/assets/js/80.0ee6c1d0.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[80],{473:function(t,s,a){"use strict";a.r(s);var n=a(52),e=Object(n.a)({},(function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"getting-started"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#getting-started"}},[t._v("#")]),t._v(" Getting Started")]),t._v(" "),a("h2",{attrs:{id:"installation"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#installation"}},[t._v("#")]),t._v(" Installation")]),t._v(" "),a("h3",{attrs:{id:"via-npm"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#via-npm"}},[t._v("#")]),t._v(" Via npm")]),t._v(" "),a("p",[a("a",{attrs:{href:"https://www.npmjs.com/package/cheetah-grid",target:"_blank",rel:"noopener noreferrer"}},[a("img",{attrs:{src:"https://img.shields.io/npm/v/cheetah-grid.svg",alt:"npm"}}),a("OutboundLink")],1)]),t._v(" "),a("div",{staticClass:"language-bash line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-bash"}},[a("code",[a("span",{pre:!0,attrs:{class:"token function"}},[t._v("npm")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("install")]),t._v(" -S cheetah-grid\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" cheetahGrid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("require")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"cheetah-grid"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("h3",{attrs:{id:"via-cdn"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#via-cdn"}},[t._v("#")]),t._v(" Via CDN")]),t._v(" "),a("p",[a("a",{attrs:{href:"https://www.npmjs.com/package/cheetah-grid",target:"_blank",rel:"noopener noreferrer"}},[a("img",{attrs:{src:"https://img.shields.io/npm/v/cheetah-grid.svg",alt:"npm"}}),a("OutboundLink")],1)]),t._v(" "),a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("script")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("src")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("https://unpkg.com/cheetah-grid@1.13"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token script"}}),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("h3",{attrs:{id:"via-source-code"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#via-source-code"}},[t._v("#")]),t._v(" Via Source Code")]),t._v(" "),a("p",[a("a",{attrs:{href:"https://www.npmjs.com/package/cheetah-grid",target:"_blank",rel:"noopener noreferrer"}},[a("img",{attrs:{src:"https://img.shields.io/npm/v/cheetah-grid.svg",alt:"npm"}}),a("OutboundLink")],1)]),t._v(" "),a("p",[a("a",{attrs:{href:"https://unpkg.com/cheetah-grid@1.13/dist/cheetahGrid.es5.min.js",target:"_blank",rel:"noopener noreferrer"}},[t._v("cheetahGrid.es5.min.js"),a("OutboundLink")],1)]),t._v(" "),a("h4",{attrs:{id:"sourcemap"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#sourcemap"}},[t._v("#")]),t._v(" SourceMap")]),t._v(" "),a("p",[a("a",{attrs:{href:"https://unpkg.com/cheetah-grid@1.13/dist/cheetahGrid.es5.min.js.map",target:"_blank",rel:"noopener noreferrer"}},[t._v("cheetahGrid.es5.min.js.map"),a("OutboundLink")],1)]),t._v(" "),a("h3",{attrs:{id:"via-github"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#via-github"}},[t._v("#")]),t._v(" Via GitHub")]),t._v(" "),a("p",[a("a",{attrs:{href:"https://github.com/future-architect/cheetah-grid",target:"_blank",rel:"noopener noreferrer"}},[a("img",{attrs:{src:"https://img.shields.io/github/package-json/v/future-architect/cheetah-grid.svg",alt:"GitHub package version"}}),a("OutboundLink")],1)]),t._v(" "),a("h4",{attrs:{id:"git-clone"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#git-clone"}},[t._v("#")]),t._v(" git clone")]),t._v(" "),a("div",{staticClass:"language-bash line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-bash"}},[a("code",[a("span",{pre:!0,attrs:{class:"token function"}},[t._v("git")]),t._v(" clone https://github.com/future-architect/cheetah-grid.git\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("h4",{attrs:{id:"npm-install-build"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#npm-install-build"}},[t._v("#")]),t._v(" npm install & build")]),t._v(" "),a("div",{staticClass:"language-bash line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-bash"}},[a("code",[a("span",{pre:!0,attrs:{class:"token function"}},[t._v("npm")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("install")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("npm")]),t._v(" run build\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br")])]),a("p",[t._v("built file is created in the "),a("code",[t._v("./packages/cheetah-grid/dist")]),t._v(" directory")]),t._v(" "),a("h2",{attrs:{id:"javascript-html"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#javascript-html"}},[t._v("#")]),t._v(" JavaScript & HTML")]),t._v(" "),a("p",[t._v("Please refer to the "),a("RouterLink",{attrs:{to:"/api/js/"}},[t._v("more documents")]),t._v(" for details")],1),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("grid-sample"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token special-attr"}},[a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("style")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),a("span",{pre:!0,attrs:{class:"token value css language-css"}},[a("span",{pre:!0,attrs:{class:"token property"}},[t._v("height")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" 500px"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token property"}},[t._v("border")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" solid 1px #ddd"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// initialize")]),t._v("\ngrid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Parent element on which to place the grid")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".grid-sample"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Header definition")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('""')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"check"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"personid"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"ID"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"fname"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"First Name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"lname"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Last Name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"email"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Email"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("250")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Array data to be displayed on the grid")]),t._v("\n records"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("generatePersons")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1000")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Column fixed position")]),t._v("\n frozenColCount"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br")])])])],1)}),[],!1,null,null,null);s.default=e.exports}}]); \ No newline at end of file diff --git a/documents/assets/js/9.d79e6b88.js b/documents/assets/js/9.d79e6b88.js new file mode 100644 index 000000000..fc67ce20c --- /dev/null +++ b/documents/assets/js/9.d79e6b88.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[9],{357:function(t,s,a){},390:function(t,s,a){"use strict";a(357)},421:function(t,s,a){"use strict";a.r(s);a(390);var n=a(52),e=Object(n.a)({},(function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"smalldialoginputeditor"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#smalldialoginputeditor"}},[t._v("#")]),t._v(" SmallDialogInputEditor")]),t._v(" "),a("p",[t._v("Enables data editing by input.")]),t._v(" "),a("p",[t._v("You can dynamically control the "),a("code",[t._v("readOnly")]),t._v(" and "),a("code",[t._v("disabled")]),t._v(" property by defining an instance of the "),a("code",[t._v("SmallDialogInputEditor")]),t._v(" class to the "),a("code",[t._v("action")]),t._v(" column."),a("br"),t._v("\nBut if you define "),a("code",[t._v("'input'")]),t._v(", as string, to "),a("code",[t._v("action")]),t._v(" of the column, you can't control these properties."),a("br"),t._v("\nYou can also disable or read-only each record by specifying a function for the "),a("code",[t._v("disabled")]),t._v(" and "),a("code",[t._v("readOnly")]),t._v(" properties.")]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1 demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("label")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("change action properties : "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("select")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1mode"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("option")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("value")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("selected")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("true"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("both false"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("option")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("value")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("readOnly"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("readOnly = true"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("option")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("value")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("disabled"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("disabled = true"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("span")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample1modememo"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" inputEditor "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("SmallDialogInputEditor")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text1"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"defined by string"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("220")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"input"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("//")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"defined by class instance"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("220")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" inputEditor"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"show"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"SHOW"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonAction")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("action")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("alert")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("JSON")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("stringify")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("null")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('" "')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" text1"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" text1"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" text1"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" text1"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" text1"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" text1"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" text1"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" text1"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" text1"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" text1"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text2"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\ndocument"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1mode"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("onchange")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("//change action properties")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("value "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("===")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"readOnly"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n inputEditor"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("readOnly "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n inputEditor"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("disabled "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1modememo"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("textContent "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"It will not toggle"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("else")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("value "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("===")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"disabled"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n inputEditor"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("readOnly "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n inputEditor"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("disabled "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1modememo"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("textContent "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"It will not toggle and does not respond when hovering the mouse"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("else")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n inputEditor"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("readOnly "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n inputEditor"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("disabled "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample1modememo"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("textContent "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"both false"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br"),a("span",{staticClass:"line-number"},[t._v("39")]),a("br"),a("span",{staticClass:"line-number"},[t._v("40")]),a("br"),a("span",{staticClass:"line-number"},[t._v("41")]),a("br"),a("span",{staticClass:"line-number"},[t._v("42")]),a("br"),a("span",{staticClass:"line-number"},[t._v("43")]),a("br"),a("span",{staticClass:"line-number"},[t._v("44")]),a("br"),a("span",{staticClass:"line-number"},[t._v("45")]),a("br"),a("span",{staticClass:"line-number"},[t._v("46")]),a("br"),a("span",{staticClass:"line-number"},[t._v("47")]),a("br"),a("span",{staticClass:"line-number"},[t._v("48")]),a("br"),a("span",{staticClass:"line-number"},[t._v("49")]),a("br"),a("span",{staticClass:"line-number"},[t._v("50")]),a("br"),a("span",{staticClass:"line-number"},[t._v("51")]),a("br"),a("span",{staticClass:"line-number"},[t._v("52")]),a("br"),a("span",{staticClass:"line-number"},[t._v("53")]),a("br"),a("span",{staticClass:"line-number"},[t._v("54")]),a("br"),a("span",{staticClass:"line-number"},[t._v("55")]),a("br"),a("span",{staticClass:"line-number"},[t._v("56")]),a("br"),a("span",{staticClass:"line-number"},[t._v("57")]),a("br"),a("span",{staticClass:"line-number"},[t._v("58")]),a("br"),a("span",{staticClass:"line-number"},[t._v("59")]),a("br"),a("span",{staticClass:"line-number"},[t._v("60")]),a("br"),a("span",{staticClass:"line-number"},[t._v("61")]),a("br"),a("span",{staticClass:"line-number"},[t._v("62")]),a("br"),a("span",{staticClass:"line-number"},[t._v("63")]),a("br"),a("span",{staticClass:"line-number"},[t._v("64")]),a("br")])])]),t._v(" "),a("h2",{attrs:{id:"properties"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),a("p",[t._v("The following properties can be set with the constructor argument of "),a("code",[t._v("SmallDialogInputEditor")]),t._v(".")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Property")]),t._v(" "),a("th",[t._v("Description")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("code",[t._v("type")])]),t._v(" "),a("td",[t._v("Specify the "),a("code",[t._v("type")]),t._v(" attribute of the "),a("code",[t._v("")]),t._v(" element.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("classList")])]),t._v(" "),a("td",[t._v("Specify "),a("code",[t._v("class")]),t._v(" of the dialog element.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("helperText")])]),t._v(" "),a("td",[t._v("Specify helper text. You can also specify a function.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("validator")])]),t._v(" "),a("td",[t._v("Specify the validation function to be call before confirming the input value. If there is an error, please use the function to return the message.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("inputValidator")])]),t._v(" "),a("td",[t._v("Specify the validation function of the value of "),a("code",[t._v("")]),t._v(". If there is an error, please use the function to return the message.")])])])]),t._v(" "),a("code-preview",[a("div",{staticClass:"language-html line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sample2 demo-grid small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("div",{staticClass:"language-js line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" grid "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ListGrid")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n parentElement"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('".sample2"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n header"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"number"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"type & classList"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("220")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"number"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("SmallDialogInputEditor")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n type"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"number"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n classList"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"al-right"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"text"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"validator & helperText"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("220")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("SmallDialogInputEditor")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n classList"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"helper-text--right-justified"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("helperText")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("value")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token template-string"}},[a("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")]),a("span",{pre:!0,attrs:{class:"token interpolation"}},[a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("${")]),t._v("value"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("length"),a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("}")])]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("/20")]),a("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("inputValidator")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("value")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("length "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(">")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("20")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token template-string"}},[a("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("over the max length. ")]),a("span",{pre:!0,attrs:{class:"token interpolation"}},[a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("${")]),t._v("value"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("length"),a("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("}")])]),a("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("null")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("validator")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("value")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" value"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("match")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token regex"}},[a("span",{pre:!0,attrs:{class:"token regex-delimiter"}},[t._v("/")]),a("span",{pre:!0,attrs:{class:"token regex-source language-regex"}},[t._v("^[a-zA-Z]*$")]),a("span",{pre:!0,attrs:{class:"token regex-delimiter"}},[t._v("/")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("null")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Please only alphabet."')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n field"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"code"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"async validator"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("220")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("SmallDialogInputEditor")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n helperText"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"enter code. /^[A-Z]\\\\d{3}$/"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("validator")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("value")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Promise")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("r")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("setTimeout")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("r")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("value"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("match")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token regex"}},[a("span",{pre:!0,attrs:{class:"token regex-delimiter"}},[t._v("/")]),a("span",{pre:!0,attrs:{class:"token regex-source language-regex"}},[t._v("^[A-Z]\\d{3}$")]),a("span",{pre:!0,attrs:{class:"token regex-delimiter"}},[t._v("/")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("null")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Invalid code."')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("500")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"show"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n width"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n columnType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("type"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonColumn")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n caption"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"SHOW"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n action"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("cheetahGrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("columns"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("action"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ButtonAction")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("action")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("rec")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("alert")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("JSON")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("stringify")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rec"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("null")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('" "')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\ngrid"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("records "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" number"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1234")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"a"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" code"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"A001"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" number"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1234.123")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"b"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" code"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"A002"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" number"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("-")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1234.123")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" text"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"c"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" code"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"A003"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br"),a("span",{staticClass:"line-number"},[t._v("4")]),a("br"),a("span",{staticClass:"line-number"},[t._v("5")]),a("br"),a("span",{staticClass:"line-number"},[t._v("6")]),a("br"),a("span",{staticClass:"line-number"},[t._v("7")]),a("br"),a("span",{staticClass:"line-number"},[t._v("8")]),a("br"),a("span",{staticClass:"line-number"},[t._v("9")]),a("br"),a("span",{staticClass:"line-number"},[t._v("10")]),a("br"),a("span",{staticClass:"line-number"},[t._v("11")]),a("br"),a("span",{staticClass:"line-number"},[t._v("12")]),a("br"),a("span",{staticClass:"line-number"},[t._v("13")]),a("br"),a("span",{staticClass:"line-number"},[t._v("14")]),a("br"),a("span",{staticClass:"line-number"},[t._v("15")]),a("br"),a("span",{staticClass:"line-number"},[t._v("16")]),a("br"),a("span",{staticClass:"line-number"},[t._v("17")]),a("br"),a("span",{staticClass:"line-number"},[t._v("18")]),a("br"),a("span",{staticClass:"line-number"},[t._v("19")]),a("br"),a("span",{staticClass:"line-number"},[t._v("20")]),a("br"),a("span",{staticClass:"line-number"},[t._v("21")]),a("br"),a("span",{staticClass:"line-number"},[t._v("22")]),a("br"),a("span",{staticClass:"line-number"},[t._v("23")]),a("br"),a("span",{staticClass:"line-number"},[t._v("24")]),a("br"),a("span",{staticClass:"line-number"},[t._v("25")]),a("br"),a("span",{staticClass:"line-number"},[t._v("26")]),a("br"),a("span",{staticClass:"line-number"},[t._v("27")]),a("br"),a("span",{staticClass:"line-number"},[t._v("28")]),a("br"),a("span",{staticClass:"line-number"},[t._v("29")]),a("br"),a("span",{staticClass:"line-number"},[t._v("30")]),a("br"),a("span",{staticClass:"line-number"},[t._v("31")]),a("br"),a("span",{staticClass:"line-number"},[t._v("32")]),a("br"),a("span",{staticClass:"line-number"},[t._v("33")]),a("br"),a("span",{staticClass:"line-number"},[t._v("34")]),a("br"),a("span",{staticClass:"line-number"},[t._v("35")]),a("br"),a("span",{staticClass:"line-number"},[t._v("36")]),a("br"),a("span",{staticClass:"line-number"},[t._v("37")]),a("br"),a("span",{staticClass:"line-number"},[t._v("38")]),a("br"),a("span",{staticClass:"line-number"},[t._v("39")]),a("br"),a("span",{staticClass:"line-number"},[t._v("40")]),a("br"),a("span",{staticClass:"line-number"},[t._v("41")]),a("br"),a("span",{staticClass:"line-number"},[t._v("42")]),a("br"),a("span",{staticClass:"line-number"},[t._v("43")]),a("br"),a("span",{staticClass:"line-number"},[t._v("44")]),a("br"),a("span",{staticClass:"line-number"},[t._v("45")]),a("br"),a("span",{staticClass:"line-number"},[t._v("46")]),a("br"),a("span",{staticClass:"line-number"},[t._v("47")]),a("br"),a("span",{staticClass:"line-number"},[t._v("48")]),a("br"),a("span",{staticClass:"line-number"},[t._v("49")]),a("br"),a("span",{staticClass:"line-number"},[t._v("50")]),a("br"),a("span",{staticClass:"line-number"},[t._v("51")]),a("br"),a("span",{staticClass:"line-number"},[t._v("52")]),a("br"),a("span",{staticClass:"line-number"},[t._v("53")]),a("br"),a("span",{staticClass:"line-number"},[t._v("54")]),a("br"),a("span",{staticClass:"line-number"},[t._v("55")]),a("br"),a("span",{staticClass:"line-number"},[t._v("56")]),a("br"),a("span",{staticClass:"line-number"},[t._v("57")]),a("br"),a("span",{staticClass:"line-number"},[t._v("58")]),a("br"),a("span",{staticClass:"line-number"},[t._v("59")]),a("br"),a("span",{staticClass:"line-number"},[t._v("60")]),a("br"),a("span",{staticClass:"line-number"},[t._v("61")]),a("br"),a("span",{staticClass:"line-number"},[t._v("62")]),a("br"),a("span",{staticClass:"line-number"},[t._v("63")]),a("br"),a("span",{staticClass:"line-number"},[t._v("64")]),a("br"),a("span",{staticClass:"line-number"},[t._v("65")]),a("br"),a("span",{staticClass:"line-number"},[t._v("66")]),a("br")])]),a("div",{staticClass:"language-css line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-css"}},[a("code",[a("span",{pre:!0,attrs:{class:"token selector"}},[t._v(".al-right input")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token property"}},[t._v("text-align")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" right"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br")])])])],1)}),[],!1,null,"d81b43c4",null);s.default=e.exports}}]); \ No newline at end of file diff --git a/documents/assets/js/app.beb5455c.js b/documents/assets/js/app.beb5455c.js new file mode 100644 index 000000000..8040b32ae --- /dev/null +++ b/documents/assets/js/app.beb5455c.js @@ -0,0 +1,3 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[0],[]]);!function(t){function e(e){for(var r,a,u=e[0],c=e[1],s=e[2],p=0,f=[];p=n.length?{value:void 0,done:!0}:(t=r(n,o),e.index+=t.length,{value:t,done:!1})}))},function(t,e,n){var r=n(0),o=n(6),i=n(9),a=n(24),u=n(89),c=n(66),s=n(31),l=n(85).CONFIGURABLE,p=s.get,f=s.enforce,h=String(String).split("String");(t.exports=function(t,e,n,c){var s,p=!!c&&!!c.unsafe,d=!!c&&!!c.enumerable,v=!!c&&!!c.noTargetGet,m=c&&void 0!==c.name?c.name:e;o(n)&&("Symbol("===String(m).slice(0,7)&&(m="["+String(m).replace(/^Symbol\(([^)]*)\)/,"$1")+"]"),(!i(n,"name")||l&&n.name!==m)&&a(n,"name",m),(s=f(n)).source||(s.source=h.join("string"==typeof m?m:""))),t!==r?(p?!v&&t[e]&&(d=!0):delete t[e],d?t[e]=n:a(t,e,n)):d?t[e]=n:u(e,n)})(Function.prototype,"toString",(function(){return o(this)&&p(this).source||c(this)}))},function(t,e){var n=Array.isArray;t.exports=n},function(t,e,n){var r=n(0),o=n(142),i=n(143),a=n(119),u=n(24),c=n(5),s=c("iterator"),l=c("toStringTag"),p=a.values,f=function(t,e){if(t){if(t[s]!==p)try{u(t,s,p)}catch(e){t[s]=p}if(t[l]||u(t,l,e),o[e])for(var n in a)if(t[n]!==a[n])try{u(t,n,a[n])}catch(e){t[n]=a[n]}}};for(var h in o)f(r[h]&&r[h].prototype,h);f(i,"DOMTokenList")},function(t,e,n){var r=n(154),o="object"==typeof self&&self&&self.Object===Object&&self,i=r||o||Function("return this")();t.exports=i},function(t,e,n){var r=n(0),o=n(68),i=r.String;t.exports=function(t){if("Symbol"===o(t))throw TypeError("Cannot convert a Symbol value to a string");return i(t)}},function(t,e){t.exports=!1},function(t,e,n){var r=n(11),o=n(12),i=n(43);t.exports=r?function(t,e,n){return o.f(t,e,i(1,n))}:function(t,e,n){return t[e]=n,t}},function(t,e,n){var r=n(3),o=r({}.toString),i=r("".slice);t.exports=function(t){return i(o(t),8,-1)}},function(t,e,n){var r,o=n(7),i=n(198),a=n(93),u=n(41),c=n(124),s=n(60),l=n(65),p=l("IE_PROTO"),f=function(){},h=function(t){return" + + + + + + + + + +
Cheetah Grid

# Auto Paging

Real time loading by scroll action.

<textarea class="sample_log" readonly="true">ajax logs</textarea>
+<div class="sample demo-grid middle"></div>
+
1
2
// create DataSource
+const GET_RECORDS_SIZE = 100;
+const BUFFER_RECORDS_SIZE = Math.floor(GET_RECORDS_SIZE / 2) || 1;
+const loadedData = {};
+let isAllLoaded = false;
+const dataSource = new cheetahGrid.data.CachedDataSource({
+  get(index) {
+    const loadStartIndex =
+      Math.floor(index / GET_RECORDS_SIZE) * GET_RECORDS_SIZE;
+    if (!loadedData[loadStartIndex]) {
+      const promiseObject = getRecordsWithAjax(loadStartIndex, GET_RECORDS_SIZE) // return Promise Object
+        .then((data) => {
+          if (isAllLoaded) {
+            return data;
+          }
+          // length update?
+          const length = loadStartIndex + data.length;
+          if (data.length < GET_RECORDS_SIZE) {
+            // all loaded!!
+            dataSource.length = length;
+            isAllLoaded = true;
+          } else if (dataSource.length <= length) {
+            // append length!!
+            dataSource.length = length + BUFFER_RECORDS_SIZE;
+          }
+          return data;
+        });
+      loadedData[loadStartIndex] = promiseObject;
+    }
+    return loadedData[loadStartIndex].then(
+      (data) => data[index - loadStartIndex]
+    );
+  },
+  length: BUFFER_RECORDS_SIZE, //init records count
+});
+
+// create cheetahGrid
+const grid = new cheetahGrid.ListGrid({
+  parentElement: document.querySelector(".sample"),
+  header: [
+    { field: "personid", caption: "ID", width: 100 },
+    { field: "fname", caption: "First Name", width: 200 },
+    { field: "lname", caption: "Last Name", width: 200 },
+    { field: "email", caption: "Email", width: 250 },
+  ],
+  frozenColCount: 1,
+});
+grid.configure("fadeinWhenCallbackInPromise", true);
+
+// set dataSource
+grid.dataSource = dataSource;
+
+function getRecordsWithAjax(startIndex, num) {
+  return new Promise((resolve) => {
+    const loadedCount = startIndex + num;
+    let last = false;
+    if (loadedCount >= 1080) {
+      num = 1080 - startIndex;
+      last = true;
+    }
+    setTimeout(() => {
+      const records = [];
+      for (let i = 0; i < num; i++) {
+        records.push(generatePerson(startIndex + i));
+      }
+      const log = document.querySelector(".sample_log");
+      log.value += `\nAcquire ${num} data from index ${startIndex}.`;
+      log.value = log.value.trim();
+      log.scrollTop = log.scrollHeight;
+
+      if (last && records.length) {
+        const lastData = records[records.length - 1];
+        lastData.fname = "Cheetah";
+        lastData.lname = "Grid!!";
+        lastData.email = "hello_cheetah_grid@gmail.com";
+      }
+      resolve(records);
+    }, 500);
+  });
+}
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80

+ ← +

+ + + diff --git a/documents/faq/header_check.html b/documents/faq/header_check.html new file mode 100644 index 000000000..b974e0259 --- /dev/null +++ b/documents/faq/header_check.html @@ -0,0 +1,163 @@ + + + + + + Checkbox on header | Cheetah Grid + + + + + + + + + + + + + + +
Cheetah Grid

# Checkbox on header

You implement as follows using the headerAction, headerType properties.

<div class="sample1 demo-grid small"></div>
+
1
const grid = new cheetahGrid.ListGrid({
+  parentElement: document.querySelector(".sample1"),
+  header: [
+    { field: "no", caption: "no", width: 50 },
+    {
+      field: "check",
+      width: 100,
+      columnType: "check",
+      action: "check",
+      headerType: "check",
+      headerAction: "check",
+    },
+    { field: "text", caption: "text", width: 120 },
+  ],
+});
+grid.records = [
+  { no: 1, check: true, text: "abc" },
+  { no: 2, check: false, text: "def" },
+  { no: 3, check: true, text: "ghi" },
+];
+
+const { CHANGED_HEADER_VALUE, CHANGED_VALUE } = cheetahGrid.ListGrid.EVENT_TYPE;
+grid.listen(CHANGED_HEADER_VALUE, ({ value, field }) => {
+  if (field !== "check") {
+    return;
+  }
+  // header check value on change
+
+  for (const rec of grid.records) {
+    rec[field] = value;
+  }
+  grid.invalidate();
+});
+grid.listen(CHANGED_VALUE, ({ value, field }) => {
+  if (field !== "check") {
+    return;
+  }
+  // check value on change
+
+  grid.headerValues.set(field, false);
+
+  grid.invalidate();
+});
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43

# Using Vue.js

You implement as follows using the header-action, header-type properties.

<div class="demo-grid small">
+  <c-grid
+    ref="grid"
+    :data="records">
+    <c-grid-column
+      field="no"
+      width= "50"
+    >
+      no
+    </c-grid-column>
+    <c-grid-check-column
+      field="check"
+      width="100"
+      header-type="check"
+      header-action="check"
+      @changed-header-value="onChangeHeaderValue"
+      @changed-value="onChangeValue" />
+    <c-grid-column
+      field="text"
+      width= "120"
+    >
+      text
+    </c-grid-column>
+  </c-grid>
+</div>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
export default {
+  data() {
+    return {
+      records: [
+        { no: 1, check: true, text: "abc" },
+        { no: 2, check: false, text: "def" },
+        { no: 3, check: true, text: "ghi" },
+      ],
+    };
+  },
+  methods: {
+    onChangeHeaderValue({ value }) {
+      // header check value on change
+      const { grid } = this.$refs;
+
+      for (const rec of this.records) {
+        rec.check = value;
+      }
+      grid.invalidate();
+    },
+    onChangeValue() {
+      // check value on change
+      const { grid } = this.$refs;
+
+      grid.headerValues.set("check", false);
+
+      grid.invalidate();
+    },
+  },
+};
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

+ ← + + Jump to the Specified Cell + + → +

+ + + diff --git a/documents/faq/index.html b/documents/faq/index.html new file mode 100644 index 000000000..a7922adce --- /dev/null +++ b/documents/faq/index.html @@ -0,0 +1,52 @@ + + + + + + FAQ | Cheetah Grid + + + + + + + + + + + + + + + + + + diff --git a/documents/faq/jump.html b/documents/faq/jump.html new file mode 100644 index 000000000..c943e9539 --- /dev/null +++ b/documents/faq/jump.html @@ -0,0 +1,101 @@ + + + + + + Jump to the Specified Cell | Cheetah Grid + + + + + + + + + + + + + + +
Cheetah Grid

# Jump to the Specified Cell

Example below shows the usage of jumping to the specified cell.
+In this example, cursor jumps to cell, no column is 7.

<button class="jump">jump</button>
+<div class="sample1 demo-grid small"></div>
+
1
2
const records = [
+  { check: true, no: 1, name: "Cat" },
+  { check: false, no: 2, name: "Tiger" },
+  { check: true, no: 3, name: "Leopard" },
+  { check: false, no: 4, name: "Jaguar" },
+  { check: true, no: 5, name: "Cheetah" },
+  { check: true, no: 6, name: "Lion" },
+  { check: false, no: 7, name: "Ocelot" },
+];
+const grid = new cheetahGrid.ListGrid({
+  parentElement: document.querySelector(".sample1"),
+  header: [
+    {
+      field: "check",
+      caption: "check",
+      width: 80,
+      columnType: "check",
+      action: "check",
+    },
+    {
+      field: "no",
+      caption: "no",
+      width: 50,
+    },
+    {
+      field: "name",
+      caption: "name",
+      width: 200,
+    },
+  ],
+});
+grid.records = records;
+
+const jumpButton = document.querySelector(".jump");
+jumpButton.onclick = function () {
+  grid.makeVisibleGridCell("name", 6);
+  grid.focusGridCell("name", 6);
+};
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38

+ ← + + Auto Paging + + → +

+ + + diff --git a/documents/faq/select_row_color.html b/documents/faq/select_row_color.html new file mode 100644 index 000000000..ccaf8fa6c --- /dev/null +++ b/documents/faq/select_row_color.html @@ -0,0 +1,243 @@ + + + + + + Change the color of the row | Cheetah Grid + + + + + + + + + + + + + + +
Cheetah Grid

# Change the color of the row

You can use the theme to change the row color.

<div class="sample1 demo-grid small"></div>
+
1
const records = generatePersons(100);
+
+const materialDesignTheme = cheetahGrid.themes.MATERIAL_DESIGN;
+const userTheme = materialDesignTheme.extends({
+  defaultBgColor({ row, grid }) {
+    // change the color of the checked row.
+    if (row < grid.frozenRowCount) {
+      return null;
+    }
+    const record = records[row - grid.frozenRowCount];
+    if (record.check) {
+      return "#DDF";
+    }
+    return null;
+  },
+});
+
+const grid = new cheetahGrid.ListGrid({
+  parentElement: document.querySelector(".sample1"),
+  theme: userTheme,
+  header: [
+    {
+      field: "check",
+      caption: "",
+      width: 50,
+      columnType: "check",
+      action: "check",
+    },
+    { field: "personid", caption: "ID", width: 100 },
+    { field: "fname", caption: "First Name", width: 200 },
+    { field: "lname", caption: "Last Name", width: 200 },
+    { field: "email", caption: "Email", width: 250 },
+    {
+      field: (rec) => new Intl.DateTimeFormat().format(rec.birthday),
+      caption: "birthday",
+      width: 250,
+    },
+    {
+      caption: "button",
+      width: 120,
+      columnType: new cheetahGrid.columns.type.ButtonColumn({
+        caption: "SHOW REC",
+      }),
+      action: new cheetahGrid.columns.action.ButtonAction({
+        action(rec) {
+          alert(JSON.stringify(rec));
+        },
+      }),
+    },
+  ],
+  records,
+});
+
+grid.listen(cheetahGrid.ListGrid.EVENT_TYPE.CHANGED_VALUE, () => {
+  // Redraw when checkbox is changed. This is because cells other than checkboxes are not redrawn automatically.
+  grid.invalidate();
+});
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57

For the Vue component, do the following:

<div class="demo-grid middle">
+  <c-grid
+    ref="grid"
+    :data="records"
+    @changed-value="$refs.grid.invalidate()"
+    :theme="userTheme"
+  >
+    <c-grid-check-column field="check" :width="50"/>
+    <c-grid-column field="personid" width= "100">ID</c-grid-column>
+    <c-grid-input-column field="fname" width="200" min-width="150">First Name</c-grid-input-column>
+    <c-grid-input-column field="lname" width="200" min-width="150">Last Name</c-grid-input-column>
+    <c-grid-column field="email" width= "250">Email</c-grid-column>
+    <c-grid-column :field="(rec) => new Intl.DateTimeFormat().format(rec.birthday)" width= "250">birthday</c-grid-column>
+    <c-grid-button-column caption="SHOW REC" width="120" @click="onClickRecord" />
+  </c-grid>
+</div>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
const records = generatePersons(1000);
+
+const materialDesignTheme = vueCheetahGrid.cheetahGrid.themes.MATERIAL_DESIGN;
+
+export default {
+  data() {
+    return {
+      records,
+      userTheme: materialDesignTheme.extends({
+        defaultBgColor({ row, grid }) {
+          // change the color of the checked row.
+          if (row < grid.frozenRowCount) {
+            return null;
+          }
+          const record = records[row - grid.frozenRowCount];
+          if (record.check) {
+            return "#DDF";
+          }
+          return null;
+        },
+      }),
+    };
+  },
+  methods: {
+    onClickRecord(rec) {
+      alert(JSON.stringify(rec));
+    },
+  },
+};
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

In addition, it can be expanded as follows:

<div class="demo-grid middle">
+  <c-grid
+    ref="grid"
+    :data="records"
+    @changed-value="$refs.grid.invalidate()"
+    @selected-cell="(e)=>{
+      if (e.selected) {
+        $refs.grid.invalidate()
+      }
+    }"
+    :theme="userTheme"
+  >
+    <c-grid-check-column field="check" :width="50"/>
+    <c-grid-column field="personid" width= "100">ID</c-grid-column>
+    <c-grid-input-column field="fname" width="200" min-width="150">First Name</c-grid-input-column>
+    <c-grid-input-column field="lname" width="200" min-width="150">Last Name</c-grid-input-column>
+    <c-grid-column field="email" width= "250">Email</c-grid-column>
+    <c-grid-column :field="(rec) => new Intl.DateTimeFormat().format(rec.birthday)" width= "250">birthday</c-grid-column>
+    <c-grid-button-column caption="SHOW REC" width="120" @click="onClickRecord" />
+  </c-grid>
+</div>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
const records = generatePersons(1000);
+
+const materialDesignTheme = vueCheetahGrid.cheetahGrid.themes.MATERIAL_DESIGN;
+
+export default {
+  data() {
+    return {
+      records,
+      userTheme: materialDesignTheme.extends({
+        defaultBgColor({ col, row, grid }) {
+          const { start, end } = grid.selection.range;
+          if (end.row < grid.frozenRowCount) {
+            // change the color of the selection cols.
+            if (start.col <= col && col <= end.col) {
+              return "#DEF";
+            }
+          }
+          if (row < grid.frozenRowCount) {
+            return null;
+          }
+          // change the color of the checked row.
+          const record = records[row - grid.frozenRowCount];
+          if (record.check) {
+            return "#DDF";
+          }
+          return null;
+        },
+        borderColor({ col, row, grid }) {
+          const { start, end } = grid.selection.range;
+          if (end.row < grid.frozenRowCount) {
+            // change the border of the selection cols.
+            if (start.col === col || end.col === col) {
+              return [
+                "#ccc7c7",
+                end.col === col ? "#BCF" : null,
+                "#ccc7c7",
+                start.col === col ? "#BCF" : null,
+              ];
+            }
+          }
+          return null;
+        },
+      }),
+    };
+  },
+  methods: {
+    onClickRecord(rec) {
+      alert(JSON.stringify(rec));
+    },
+  },
+};
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51

+ ← + + Checkbox on header + + → +

+ + + diff --git a/documents/icon_512x512.ico b/documents/icon_512x512.ico new file mode 100644 index 000000000..0d7bb076e Binary files /dev/null and b/documents/icon_512x512.ico differ diff --git a/documents/icon_512x512.svg b/documents/icon_512x512.svg new file mode 100644 index 000000000..943d6eeab --- /dev/null +++ b/documents/icon_512x512.svg @@ -0,0 +1,980 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/documents/index.html b/documents/index.html new file mode 100644 index 000000000..f9c4a00e1 --- /dev/null +++ b/documents/index.html @@ -0,0 +1,56 @@ + + + + + + Cheetah Grid + + + + + + + + + + + + + + + + + + diff --git a/documents/introduction/getting-started-with-react.html b/documents/introduction/getting-started-with-react.html new file mode 100644 index 000000000..d896529b2 --- /dev/null +++ b/documents/introduction/getting-started-with-react.html @@ -0,0 +1,53 @@ + + + + + + Getting Started with React | Cheetah Grid + + + + + + + + + + + + + + + + + + diff --git a/documents/introduction/getting-started-with-vue.html b/documents/introduction/getting-started-with-vue.html new file mode 100644 index 000000000..f2e82f208 --- /dev/null +++ b/documents/introduction/getting-started-with-vue.html @@ -0,0 +1,120 @@ + + + + + + Getting Started with Vue.js | Cheetah Grid + + + + + + + + + + + + + + +
Cheetah Grid

# Getting Started with Vue.js

# Installation

# Via npm

npm (opens new window)

npm install -S vue-cheetah-grid
+
1
import vueCheetahGrid from "vue-cheetah-grid";
+
+Vue.use(vueCheetahGrid);
+
1
2
3

# Via CDN

npm (opens new window)

<script src="https://unpkg.com/cheetah-grid@1.13"></script>
+<script src="https://unpkg.com/vue-cheetah-grid@1.13"></script>
+
1
2
Vue.use(vueCheetahGrid);
+
1

WARNING

This usage only supports Vue.js v2.

# Vue Instance & Template

Please refer to the more documents for details

<div style="height: 500px; border: solid 1px #ddd;">
+  <c-grid
+    :data="records"
+    :frozen-col-count="1">
+    <!-- define checkbox -->
+    <c-grid-check-column
+      field="check"
+      width="50" />
+    <c-grid-column
+      field="personid"
+      width= "85"
+    >
+      ID
+    </c-grid-column>
+    <!-- multiple header -->
+    <c-grid-column-group
+      caption="Name">
+      <c-grid-input-column
+        field="fname"
+        width="20%"
+        min-width="150"
+      >
+        First Name
+      </c-grid-input-column>
+      <c-grid-input-column
+        field="lname"
+        width= "20%"
+        min-width="150"
+      >
+        Last Name
+      </c-grid-input-column>
+    </c-grid-column-group>
+    <!-- button -->
+    <c-grid-button-column
+      caption="SHOW REC"
+      width="120"
+      @click="onClickRecord"
+    />
+  </c-grid>
+</div>
+<div class="grid-sample"></div>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
export default {
+  data() {
+    return {
+      records: generatePersons(1000),
+    };
+  },
+  methods: {
+    onClickRecord(rec) {
+      alert(JSON.stringify(rec));
+    },
+  },
+};
+
1
2
3
4
5
6
7
8
9
10
11
12

+ ← + + Getting Started with React + + → +

+ + + diff --git a/documents/introduction/getting-started.html b/documents/introduction/getting-started.html new file mode 100644 index 000000000..f35fb4a6c --- /dev/null +++ b/documents/introduction/getting-started.html @@ -0,0 +1,90 @@ + + + + + + Getting Started | Cheetah Grid + + + + + + + + + + + + + + +
Cheetah Grid

# Getting Started

# Installation

# Via npm

npm (opens new window)

npm install -S cheetah-grid
+
1
const cheetahGrid = require("cheetah-grid");
+
1

# Via CDN

npm (opens new window)

<script src="https://unpkg.com/cheetah-grid@1.13"></script>
+
1

# Via Source Code

npm (opens new window)

cheetahGrid.es5.min.js (opens new window)

# SourceMap

cheetahGrid.es5.min.js.map (opens new window)

# Via GitHub

GitHub package version (opens new window)

# git clone

git clone https://github.com/future-architect/cheetah-grid.git
+
1

# npm install & build

npm install
+npm run build
+
1
2

built file is created in the ./packages/cheetah-grid/dist directory

# JavaScript & HTML

Please refer to the more documents for details

<div class="grid-sample" style="height: 500px; border: solid 1px #ddd;"></div>
+
1
// initialize
+grid = new cheetahGrid.ListGrid({
+  // Parent element on which to place the grid
+  parentElement: document.querySelector(".grid-sample"),
+  // Header definition
+  header: [
+    {
+      field: "check",
+      caption: "",
+      width: 50,
+      columnType: "check",
+      action: "check",
+    },
+    { field: "personid", caption: "ID", width: 100 },
+    { field: "fname", caption: "First Name", width: 200 },
+    { field: "lname", caption: "Last Name", width: 200 },
+    { field: "email", caption: "Email", width: 250 },
+  ],
+  // Array data to be displayed on the grid
+  records: generatePersons(1000),
+  // Column fixed position
+  frozenColCount: 2,
+});
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

+ ← + + Getting Started with Vue.js + + → +

+ + + diff --git a/documents/introduction/index.html b/documents/introduction/index.html new file mode 100644 index 000000000..9de426406 --- /dev/null +++ b/documents/introduction/index.html @@ -0,0 +1,223 @@ + + + + + + Introduction | Cheetah Grid + + + + + + + + + + + + + + +
Cheetah Grid

# Introduction

# What it is

Cheetah Grid is a high performance JavaScript data table component that works on canvas

# Show 1,000,000 records without stress

You can display data of 1 million records in a moment.

<div>
+  <label>Grid initial processing time : </label><strong class="time"></strong
+  ><br />
+  <br />
+  <label>theme</label
+  ><select class="theme">
+    <option value="default" selected="true">default</option>
+  </select>
+</div>
+<div class="grid-sample" style="height: 500px; border: solid 1px #ddd;"></div>
+
1
2
3
4
5
6
7
8
9
10
const personsDataSource = generatePersonsDataSource(1000000);
+
+const startTime = new Date();
+
+const grid = new cheetahGrid.ListGrid({
+  parentElement: document.querySelector(".grid-sample"),
+  header: [
+    {
+      field: "check",
+      caption: "",
+      width: 50,
+      columnType: "check",
+      action: "check",
+    },
+    { field: "personid", caption: "ID", width: 100 },
+    {
+      /* multiple header */ caption: "Name",
+      columns: [
+        { field: "fname", caption: "First Name", width: 200 },
+        { field: "lname", caption: "Last Name", width: 200 },
+      ],
+    },
+    { field: "email", caption: "Email", width: 250 },
+    {
+      /* callback field */
+      field: function (rec) {
+        const d = rec.birthday;
+        return (
+          "" + d.getFullYear() + "/" + (d.getMonth() + 1) + "/" + d.getDate()
+        );
+      },
+      caption: "Birthday",
+      width: 100,
+    },
+    {
+      caption: "Button",
+      width: 120,
+      /* button column */
+      columnType: new cheetahGrid.columns.type.ButtonColumn({
+        caption: "SHOW REC",
+      }),
+      action: new cheetahGrid.columns.action.ButtonAction({
+        action: function (rec) {
+          alert(JSON.stringify(rec));
+        },
+      }),
+    },
+  ],
+  frozenColCount: 2,
+});
+grid.dataSource = personsDataSource;
+
+const endTime = new Date();
+
+document.querySelector(".time").textContent = endTime - startTime + "ms";
+
+// THEME
+const themeSelect = document.querySelector(".theme");
+themeSelect.onchange = function () {
+  if (themeSelect.value === "default") {
+    grid.theme = null;
+  } else {
+    grid.theme = themeSelect.value;
+  }
+  console.log(themeSelect.value);
+};
+for (let name in cheetahGrid.themes.choices) {
+  const opt = document.createElement("option");
+  opt.value = name;
+  opt.textContent = name;
+  themeSelect.appendChild(opt);
+}
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72

# Simple Example

# JavaScript

<div class="grid-sample" style="height: 500px; border: solid 1px #ddd;"></div>
+
1
// initialize
+grid = new cheetahGrid.ListGrid({
+  // Parent element on which to place the grid
+  parentElement: document.querySelector(".grid-sample"),
+  // Header definition
+  header: [
+    {
+      field: "check",
+      caption: "",
+      width: 50,
+      columnType: "check",
+      action: "check",
+    },
+    { field: "personid", caption: "ID", width: 100 },
+    { field: "fname", caption: "First Name", width: 200 },
+    { field: "lname", caption: "Last Name", width: 200 },
+    { field: "email", caption: "Email", width: 250 },
+  ],
+  // Array data to be displayed on the grid
+  records: generatePersons(1000),
+  // Column fixed position
+  frozenColCount: 2,
+});
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

# Vue.js

<div style="height: 500px; border: solid 1px #ddd;">
+  <c-grid
+    :data="records"
+    :frozen-col-count="1">
+    <!-- define checkbox -->
+    <c-grid-check-column
+      field="check"
+      width="50" />
+    <c-grid-column
+      field="personid"
+      width= "85"
+    >
+      ID
+    </c-grid-column>
+    <!-- multiple header -->
+    <c-grid-column-group
+      caption="Name">
+      <c-grid-input-column
+        field="fname"
+        width="20%"
+        min-width="150"
+      >
+        First Name
+      </c-grid-input-column>
+      <c-grid-input-column
+        field="lname"
+        width= "20%"
+        min-width="150"
+      >
+        Last Name
+      </c-grid-input-column>
+    </c-grid-column-group>
+    <!-- button -->
+    <c-grid-button-column
+      caption="SHOW REC"
+      width="120"
+      @click="onClickRecord"
+    />
+  </c-grid>
+</div>
+<div class="grid-sample"></div>
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
export default {
+  data: function () {
+    return {
+      records: generatePersons(1000),
+    };
+  },
+  methods: {
+    onClickRecord: function (rec) {
+      alert(JSON.stringify(rec));
+    },
+  },
+};
+
1
2
3
4
5
6
7
8
9
10
11
12

+ Getting Started + + → +

+ + + diff --git a/documents/logo.png b/documents/logo.png new file mode 100644 index 000000000..307537199 Binary files /dev/null and b/documents/logo.png differ diff --git a/documents/logo.svg b/documents/logo.svg new file mode 100644 index 000000000..41d99e881 --- /dev/null +++ b/documents/logo.svg @@ -0,0 +1,4576 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/documents/tsdoc/.nojekyll b/documents/tsdoc/.nojekyll new file mode 100644 index 000000000..e2ac6616a --- /dev/null +++ b/documents/tsdoc/.nojekyll @@ -0,0 +1 @@ +TypeDoc added this file to prevent GitHub Pages from using Jekyll. You can turn off this behavior by setting the `githubPages` option to false. \ No newline at end of file diff --git a/documents/tsdoc/assets/highlight.css b/documents/tsdoc/assets/highlight.css new file mode 100644 index 000000000..b1e9770d5 --- /dev/null +++ b/documents/tsdoc/assets/highlight.css @@ -0,0 +1,120 @@ +:root { + --light-hl-0: #800000; + --dark-hl-0: #808080; + --light-hl-1: #800000; + --dark-hl-1: #569CD6; + --light-hl-2: #000000FF; + --dark-hl-2: #D4D4D4; + --light-hl-3: #FF0000; + --dark-hl-3: #9CDCFE; + --light-hl-4: #0000FF; + --dark-hl-4: #CE9178; + --light-hl-5: #000000; + --dark-hl-5: #D4D4D4; + --light-hl-6: #AF00DB; + --dark-hl-6: #C586C0; + --light-hl-7: #0000FF; + --dark-hl-7: #569CD6; + --light-hl-8: #001080; + --dark-hl-8: #9CDCFE; + --light-hl-9: #A31515; + --dark-hl-9: #CE9178; + --light-hl-10: #008000; + --dark-hl-10: #6A9955; + --light-hl-11: #0070C1; + --dark-hl-11: #4FC1FF; + --light-hl-12: #795E26; + --dark-hl-12: #DCDCAA; + --light-hl-13: #098658; + --dark-hl-13: #B5CEA8; + --light-code-background: #FFFFFF; + --dark-code-background: #1E1E1E; +} + +@media (prefers-color-scheme: light) { :root { + --hl-0: var(--light-hl-0); + --hl-1: var(--light-hl-1); + --hl-2: var(--light-hl-2); + --hl-3: var(--light-hl-3); + --hl-4: var(--light-hl-4); + --hl-5: var(--light-hl-5); + --hl-6: var(--light-hl-6); + --hl-7: var(--light-hl-7); + --hl-8: var(--light-hl-8); + --hl-9: var(--light-hl-9); + --hl-10: var(--light-hl-10); + --hl-11: var(--light-hl-11); + --hl-12: var(--light-hl-12); + --hl-13: var(--light-hl-13); + --code-background: var(--light-code-background); +} } + +@media (prefers-color-scheme: dark) { :root { + --hl-0: var(--dark-hl-0); + --hl-1: var(--dark-hl-1); + --hl-2: var(--dark-hl-2); + --hl-3: var(--dark-hl-3); + --hl-4: var(--dark-hl-4); + --hl-5: var(--dark-hl-5); + --hl-6: var(--dark-hl-6); + --hl-7: var(--dark-hl-7); + --hl-8: var(--dark-hl-8); + --hl-9: var(--dark-hl-9); + --hl-10: var(--dark-hl-10); + --hl-11: var(--dark-hl-11); + --hl-12: var(--dark-hl-12); + --hl-13: var(--dark-hl-13); + --code-background: var(--dark-code-background); +} } + +body.light { + --hl-0: var(--light-hl-0); + --hl-1: var(--light-hl-1); + --hl-2: var(--light-hl-2); + --hl-3: var(--light-hl-3); + --hl-4: var(--light-hl-4); + --hl-5: var(--light-hl-5); + --hl-6: var(--light-hl-6); + --hl-7: var(--light-hl-7); + --hl-8: var(--light-hl-8); + --hl-9: var(--light-hl-9); + --hl-10: var(--light-hl-10); + --hl-11: var(--light-hl-11); + --hl-12: var(--light-hl-12); + --hl-13: var(--light-hl-13); + --code-background: var(--light-code-background); +} + +body.dark { + --hl-0: var(--dark-hl-0); + --hl-1: var(--dark-hl-1); + --hl-2: var(--dark-hl-2); + --hl-3: var(--dark-hl-3); + --hl-4: var(--dark-hl-4); + --hl-5: var(--dark-hl-5); + --hl-6: var(--dark-hl-6); + --hl-7: var(--dark-hl-7); + --hl-8: var(--dark-hl-8); + --hl-9: var(--dark-hl-9); + --hl-10: var(--dark-hl-10); + --hl-11: var(--dark-hl-11); + --hl-12: var(--dark-hl-12); + --hl-13: var(--dark-hl-13); + --code-background: var(--dark-code-background); +} + +.hl-0 { color: var(--hl-0); } +.hl-1 { color: var(--hl-1); } +.hl-2 { color: var(--hl-2); } +.hl-3 { color: var(--hl-3); } +.hl-4 { color: var(--hl-4); } +.hl-5 { color: var(--hl-5); } +.hl-6 { color: var(--hl-6); } +.hl-7 { color: var(--hl-7); } +.hl-8 { color: var(--hl-8); } +.hl-9 { color: var(--hl-9); } +.hl-10 { color: var(--hl-10); } +.hl-11 { color: var(--hl-11); } +.hl-12 { color: var(--hl-12); } +.hl-13 { color: var(--hl-13); } +pre, code { background: var(--code-background); } diff --git a/documents/tsdoc/assets/icons.css b/documents/tsdoc/assets/icons.css new file mode 100644 index 000000000..776a3562d --- /dev/null +++ b/documents/tsdoc/assets/icons.css @@ -0,0 +1,1043 @@ +.tsd-kind-icon { + display: block; + position: relative; + padding-left: 20px; + text-indent: -20px; +} +.tsd-kind-icon:before { + content: ""; + display: inline-block; + vertical-align: middle; + width: 17px; + height: 17px; + margin: 0 3px 2px 0; + background-image: url(./icons.png); +} +@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { + .tsd-kind-icon:before { + background-image: url(./icons@2x.png); + background-size: 238px 204px; + } +} + +.tsd-signature.tsd-kind-icon:before { + background-position: 0 -153px; +} + +.tsd-kind-object-literal > .tsd-kind-icon:before { + background-position: 0px -17px; +} +.tsd-kind-object-literal.tsd-is-protected > .tsd-kind-icon:before { + background-position: -17px -17px; +} +.tsd-kind-object-literal.tsd-is-private > .tsd-kind-icon:before { + background-position: -34px -17px; +} + +.tsd-kind-class > .tsd-kind-icon:before { + background-position: 0px -34px; +} +.tsd-kind-class.tsd-is-protected > .tsd-kind-icon:before { + background-position: -17px -34px; +} +.tsd-kind-class.tsd-is-private > .tsd-kind-icon:before { + background-position: -34px -34px; +} + +.tsd-kind-class.tsd-has-type-parameter > .tsd-kind-icon:before { + background-position: 0px -51px; +} +.tsd-kind-class.tsd-has-type-parameter.tsd-is-protected + > .tsd-kind-icon:before { + background-position: -17px -51px; +} +.tsd-kind-class.tsd-has-type-parameter.tsd-is-private > .tsd-kind-icon:before { + background-position: -34px -51px; +} + +.tsd-kind-interface > .tsd-kind-icon:before { + background-position: 0px -68px; +} +.tsd-kind-interface.tsd-is-protected > .tsd-kind-icon:before { + background-position: -17px -68px; +} +.tsd-kind-interface.tsd-is-private > .tsd-kind-icon:before { + background-position: -34px -68px; +} + +.tsd-kind-interface.tsd-has-type-parameter > .tsd-kind-icon:before { + background-position: 0px -85px; +} +.tsd-kind-interface.tsd-has-type-parameter.tsd-is-protected + > .tsd-kind-icon:before { + background-position: -17px -85px; +} +.tsd-kind-interface.tsd-has-type-parameter.tsd-is-private + > .tsd-kind-icon:before { + background-position: -34px -85px; +} + +.tsd-kind-namespace > .tsd-kind-icon:before { + background-position: 0px -102px; +} +.tsd-kind-namespace.tsd-is-protected > .tsd-kind-icon:before { + background-position: -17px -102px; +} +.tsd-kind-namespace.tsd-is-private > .tsd-kind-icon:before { + background-position: -34px -102px; +} + +.tsd-kind-module > .tsd-kind-icon:before { + background-position: 0px -102px; +} +.tsd-kind-module.tsd-is-protected > .tsd-kind-icon:before { + background-position: -17px -102px; +} +.tsd-kind-module.tsd-is-private > .tsd-kind-icon:before { + background-position: -34px -102px; +} + +.tsd-kind-enum > .tsd-kind-icon:before { + background-position: 0px -119px; +} +.tsd-kind-enum.tsd-is-protected > .tsd-kind-icon:before { + background-position: -17px -119px; +} +.tsd-kind-enum.tsd-is-private > .tsd-kind-icon:before { + background-position: -34px -119px; +} + +.tsd-kind-enum-member > .tsd-kind-icon:before { + background-position: 0px -136px; +} +.tsd-kind-enum-member.tsd-is-protected > .tsd-kind-icon:before { + background-position: -17px -136px; +} +.tsd-kind-enum-member.tsd-is-private > .tsd-kind-icon:before { + background-position: -34px -136px; +} + +.tsd-kind-signature > .tsd-kind-icon:before { + background-position: 0px -153px; +} +.tsd-kind-signature.tsd-is-protected > .tsd-kind-icon:before { + background-position: -17px -153px; +} +.tsd-kind-signature.tsd-is-private > .tsd-kind-icon:before { + background-position: -34px -153px; +} + +.tsd-kind-type-alias > .tsd-kind-icon:before { + background-position: 0px -170px; +} +.tsd-kind-type-alias.tsd-is-protected > .tsd-kind-icon:before { + background-position: -17px -170px; +} +.tsd-kind-type-alias.tsd-is-private > .tsd-kind-icon:before { + background-position: -34px -170px; +} + +.tsd-kind-type-alias.tsd-has-type-parameter > .tsd-kind-icon:before { + background-position: 0px -187px; +} +.tsd-kind-type-alias.tsd-has-type-parameter.tsd-is-protected + > .tsd-kind-icon:before { + background-position: -17px -187px; +} +.tsd-kind-type-alias.tsd-has-type-parameter.tsd-is-private + > .tsd-kind-icon:before { + background-position: -34px -187px; +} + +.tsd-kind-variable > .tsd-kind-icon:before { + background-position: -136px -0px; +} +.tsd-kind-variable.tsd-is-protected > .tsd-kind-icon:before { + background-position: -153px -0px; +} +.tsd-kind-variable.tsd-is-private > .tsd-kind-icon:before { + background-position: -119px -0px; +} +.tsd-kind-variable.tsd-parent-kind-class > .tsd-kind-icon:before { + background-position: -51px -0px; +} +.tsd-kind-variable.tsd-parent-kind-class.tsd-is-inherited + > .tsd-kind-icon:before { + background-position: -68px -0px; +} +.tsd-kind-variable.tsd-parent-kind-class.tsd-is-protected + > .tsd-kind-icon:before { + background-position: -85px -0px; +} +.tsd-kind-variable.tsd-parent-kind-class.tsd-is-protected.tsd-is-inherited + > .tsd-kind-icon:before { + background-position: -102px -0px; +} +.tsd-kind-variable.tsd-parent-kind-class.tsd-is-private + > .tsd-kind-icon:before { + background-position: -119px -0px; +} +.tsd-kind-variable.tsd-parent-kind-enum > .tsd-kind-icon:before { + background-position: -170px -0px; +} +.tsd-kind-variable.tsd-parent-kind-enum.tsd-is-protected + > .tsd-kind-icon:before { + background-position: -187px -0px; +} +.tsd-kind-variable.tsd-parent-kind-enum.tsd-is-private > .tsd-kind-icon:before { + background-position: -119px -0px; +} +.tsd-kind-variable.tsd-parent-kind-interface > .tsd-kind-icon:before { + background-position: -204px -0px; +} +.tsd-kind-variable.tsd-parent-kind-interface.tsd-is-inherited + > .tsd-kind-icon:before { + background-position: -221px -0px; +} + +.tsd-kind-property > .tsd-kind-icon:before { + background-position: -136px -0px; +} +.tsd-kind-property.tsd-is-protected > .tsd-kind-icon:before { + background-position: -153px -0px; +} +.tsd-kind-property.tsd-is-private > .tsd-kind-icon:before { + background-position: -119px -0px; +} +.tsd-kind-property.tsd-parent-kind-class > .tsd-kind-icon:before { + background-position: -51px -0px; +} +.tsd-kind-property.tsd-parent-kind-class.tsd-is-inherited + > .tsd-kind-icon:before { + background-position: -68px -0px; +} +.tsd-kind-property.tsd-parent-kind-class.tsd-is-protected + > .tsd-kind-icon:before { + background-position: -85px -0px; +} +.tsd-kind-property.tsd-parent-kind-class.tsd-is-protected.tsd-is-inherited + > .tsd-kind-icon:before { + background-position: -102px -0px; +} +.tsd-kind-property.tsd-parent-kind-class.tsd-is-private + > .tsd-kind-icon:before { + background-position: -119px -0px; +} +.tsd-kind-property.tsd-parent-kind-enum > .tsd-kind-icon:before { + background-position: -170px -0px; +} +.tsd-kind-property.tsd-parent-kind-enum.tsd-is-protected + > .tsd-kind-icon:before { + background-position: -187px -0px; +} +.tsd-kind-property.tsd-parent-kind-enum.tsd-is-private > .tsd-kind-icon:before { + background-position: -119px -0px; +} +.tsd-kind-property.tsd-parent-kind-interface > .tsd-kind-icon:before { + background-position: -204px -0px; +} +.tsd-kind-property.tsd-parent-kind-interface.tsd-is-inherited + > .tsd-kind-icon:before { + background-position: -221px -0px; +} + +.tsd-kind-get-signature > .tsd-kind-icon:before { + background-position: -136px -17px; +} +.tsd-kind-get-signature.tsd-is-protected > .tsd-kind-icon:before { + background-position: -153px -17px; +} +.tsd-kind-get-signature.tsd-is-private > .tsd-kind-icon:before { + background-position: -119px -17px; +} +.tsd-kind-get-signature.tsd-parent-kind-class > .tsd-kind-icon:before { + background-position: -51px -17px; +} +.tsd-kind-get-signature.tsd-parent-kind-class.tsd-is-inherited + > .tsd-kind-icon:before { + background-position: -68px -17px; +} +.tsd-kind-get-signature.tsd-parent-kind-class.tsd-is-protected + > .tsd-kind-icon:before { + background-position: -85px -17px; +} +.tsd-kind-get-signature.tsd-parent-kind-class.tsd-is-protected.tsd-is-inherited + > .tsd-kind-icon:before { + background-position: -102px -17px; +} +.tsd-kind-get-signature.tsd-parent-kind-class.tsd-is-private + > .tsd-kind-icon:before { + background-position: -119px -17px; +} +.tsd-kind-get-signature.tsd-parent-kind-enum > .tsd-kind-icon:before { + background-position: -170px -17px; +} +.tsd-kind-get-signature.tsd-parent-kind-enum.tsd-is-protected + > .tsd-kind-icon:before { + background-position: -187px -17px; +} +.tsd-kind-get-signature.tsd-parent-kind-enum.tsd-is-private + > .tsd-kind-icon:before { + background-position: -119px -17px; +} +.tsd-kind-get-signature.tsd-parent-kind-interface > .tsd-kind-icon:before { + background-position: -204px -17px; +} +.tsd-kind-get-signature.tsd-parent-kind-interface.tsd-is-inherited + > .tsd-kind-icon:before { + background-position: -221px -17px; +} + +.tsd-kind-set-signature > .tsd-kind-icon:before { + background-position: -136px -34px; +} +.tsd-kind-set-signature.tsd-is-protected > .tsd-kind-icon:before { + background-position: -153px -34px; +} +.tsd-kind-set-signature.tsd-is-private > .tsd-kind-icon:before { + background-position: -119px -34px; +} +.tsd-kind-set-signature.tsd-parent-kind-class > .tsd-kind-icon:before { + background-position: -51px -34px; +} +.tsd-kind-set-signature.tsd-parent-kind-class.tsd-is-inherited + > .tsd-kind-icon:before { + background-position: -68px -34px; +} +.tsd-kind-set-signature.tsd-parent-kind-class.tsd-is-protected + > .tsd-kind-icon:before { + background-position: -85px -34px; +} +.tsd-kind-set-signature.tsd-parent-kind-class.tsd-is-protected.tsd-is-inherited + > .tsd-kind-icon:before { + background-position: -102px -34px; +} +.tsd-kind-set-signature.tsd-parent-kind-class.tsd-is-private + > .tsd-kind-icon:before { + background-position: -119px -34px; +} +.tsd-kind-set-signature.tsd-parent-kind-enum > .tsd-kind-icon:before { + background-position: -170px -34px; +} +.tsd-kind-set-signature.tsd-parent-kind-enum.tsd-is-protected + > .tsd-kind-icon:before { + background-position: -187px -34px; +} +.tsd-kind-set-signature.tsd-parent-kind-enum.tsd-is-private + > .tsd-kind-icon:before { + background-position: -119px -34px; +} +.tsd-kind-set-signature.tsd-parent-kind-interface > .tsd-kind-icon:before { + background-position: -204px -34px; +} +.tsd-kind-set-signature.tsd-parent-kind-interface.tsd-is-inherited + > .tsd-kind-icon:before { + background-position: -221px -34px; +} + +.tsd-kind-accessor > .tsd-kind-icon:before { + background-position: -136px -51px; +} +.tsd-kind-accessor.tsd-is-protected > .tsd-kind-icon:before { + background-position: -153px -51px; +} +.tsd-kind-accessor.tsd-is-private > .tsd-kind-icon:before { + background-position: -119px -51px; +} +.tsd-kind-accessor.tsd-parent-kind-class > .tsd-kind-icon:before { + background-position: -51px -51px; +} +.tsd-kind-accessor.tsd-parent-kind-class.tsd-is-inherited + > .tsd-kind-icon:before { + background-position: -68px -51px; +} +.tsd-kind-accessor.tsd-parent-kind-class.tsd-is-protected + > .tsd-kind-icon:before { + background-position: -85px -51px; +} +.tsd-kind-accessor.tsd-parent-kind-class.tsd-is-protected.tsd-is-inherited + > .tsd-kind-icon:before { + background-position: -102px -51px; +} +.tsd-kind-accessor.tsd-parent-kind-class.tsd-is-private + > .tsd-kind-icon:before { + background-position: -119px -51px; +} +.tsd-kind-accessor.tsd-parent-kind-enum > .tsd-kind-icon:before { + background-position: -170px -51px; +} +.tsd-kind-accessor.tsd-parent-kind-enum.tsd-is-protected + > .tsd-kind-icon:before { + background-position: -187px -51px; +} +.tsd-kind-accessor.tsd-parent-kind-enum.tsd-is-private > .tsd-kind-icon:before { + background-position: -119px -51px; +} +.tsd-kind-accessor.tsd-parent-kind-interface > .tsd-kind-icon:before { + background-position: -204px -51px; +} +.tsd-kind-accessor.tsd-parent-kind-interface.tsd-is-inherited + > .tsd-kind-icon:before { + background-position: -221px -51px; +} + +.tsd-kind-function > .tsd-kind-icon:before { + background-position: -136px -68px; +} +.tsd-kind-function.tsd-is-protected > .tsd-kind-icon:before { + background-position: -153px -68px; +} +.tsd-kind-function.tsd-is-private > .tsd-kind-icon:before { + background-position: -119px -68px; +} +.tsd-kind-function.tsd-parent-kind-class > .tsd-kind-icon:before { + background-position: -51px -68px; +} +.tsd-kind-function.tsd-parent-kind-class.tsd-is-inherited + > .tsd-kind-icon:before { + background-position: -68px -68px; +} +.tsd-kind-function.tsd-parent-kind-class.tsd-is-protected + > .tsd-kind-icon:before { + background-position: -85px -68px; +} +.tsd-kind-function.tsd-parent-kind-class.tsd-is-protected.tsd-is-inherited + > .tsd-kind-icon:before { + background-position: -102px -68px; +} +.tsd-kind-function.tsd-parent-kind-class.tsd-is-private + > .tsd-kind-icon:before { + background-position: -119px -68px; +} +.tsd-kind-function.tsd-parent-kind-enum > .tsd-kind-icon:before { + background-position: -170px -68px; +} +.tsd-kind-function.tsd-parent-kind-enum.tsd-is-protected + > .tsd-kind-icon:before { + background-position: -187px -68px; +} +.tsd-kind-function.tsd-parent-kind-enum.tsd-is-private > .tsd-kind-icon:before { + background-position: -119px -68px; +} +.tsd-kind-function.tsd-parent-kind-interface > .tsd-kind-icon:before { + background-position: -204px -68px; +} +.tsd-kind-function.tsd-parent-kind-interface.tsd-is-inherited + > .tsd-kind-icon:before { + background-position: -221px -68px; +} + +.tsd-kind-method > .tsd-kind-icon:before { + background-position: -136px -68px; +} +.tsd-kind-method.tsd-is-protected > .tsd-kind-icon:before { + background-position: -153px -68px; +} +.tsd-kind-method.tsd-is-private > .tsd-kind-icon:before { + background-position: -119px -68px; +} +.tsd-kind-method.tsd-parent-kind-class > .tsd-kind-icon:before { + background-position: -51px -68px; +} +.tsd-kind-method.tsd-parent-kind-class.tsd-is-inherited + > .tsd-kind-icon:before { + background-position: -68px -68px; +} +.tsd-kind-method.tsd-parent-kind-class.tsd-is-protected + > .tsd-kind-icon:before { + background-position: -85px -68px; +} +.tsd-kind-method.tsd-parent-kind-class.tsd-is-protected.tsd-is-inherited + > .tsd-kind-icon:before { + background-position: -102px -68px; +} +.tsd-kind-method.tsd-parent-kind-class.tsd-is-private > .tsd-kind-icon:before { + background-position: -119px -68px; +} +.tsd-kind-method.tsd-parent-kind-enum > .tsd-kind-icon:before { + background-position: -170px -68px; +} +.tsd-kind-method.tsd-parent-kind-enum.tsd-is-protected > .tsd-kind-icon:before { + background-position: -187px -68px; +} +.tsd-kind-method.tsd-parent-kind-enum.tsd-is-private > .tsd-kind-icon:before { + background-position: -119px -68px; +} +.tsd-kind-method.tsd-parent-kind-interface > .tsd-kind-icon:before { + background-position: -204px -68px; +} +.tsd-kind-method.tsd-parent-kind-interface.tsd-is-inherited + > .tsd-kind-icon:before { + background-position: -221px -68px; +} + +.tsd-kind-call-signature > .tsd-kind-icon:before { + background-position: -136px -68px; +} +.tsd-kind-call-signature.tsd-is-protected > .tsd-kind-icon:before { + background-position: -153px -68px; +} +.tsd-kind-call-signature.tsd-is-private > .tsd-kind-icon:before { + background-position: -119px -68px; +} +.tsd-kind-call-signature.tsd-parent-kind-class > .tsd-kind-icon:before { + background-position: -51px -68px; +} +.tsd-kind-call-signature.tsd-parent-kind-class.tsd-is-inherited + > .tsd-kind-icon:before { + background-position: -68px -68px; +} +.tsd-kind-call-signature.tsd-parent-kind-class.tsd-is-protected + > .tsd-kind-icon:before { + background-position: -85px -68px; +} +.tsd-kind-call-signature.tsd-parent-kind-class.tsd-is-protected.tsd-is-inherited + > .tsd-kind-icon:before { + background-position: -102px -68px; +} +.tsd-kind-call-signature.tsd-parent-kind-class.tsd-is-private + > .tsd-kind-icon:before { + background-position: -119px -68px; +} +.tsd-kind-call-signature.tsd-parent-kind-enum > .tsd-kind-icon:before { + background-position: -170px -68px; +} +.tsd-kind-call-signature.tsd-parent-kind-enum.tsd-is-protected + > .tsd-kind-icon:before { + background-position: -187px -68px; +} +.tsd-kind-call-signature.tsd-parent-kind-enum.tsd-is-private + > .tsd-kind-icon:before { + background-position: -119px -68px; +} +.tsd-kind-call-signature.tsd-parent-kind-interface > .tsd-kind-icon:before { + background-position: -204px -68px; +} +.tsd-kind-call-signature.tsd-parent-kind-interface.tsd-is-inherited + > .tsd-kind-icon:before { + background-position: -221px -68px; +} + +.tsd-kind-function.tsd-has-type-parameter > .tsd-kind-icon:before { + background-position: -136px -85px; +} +.tsd-kind-function.tsd-has-type-parameter.tsd-is-protected + > .tsd-kind-icon:before { + background-position: -153px -85px; +} +.tsd-kind-function.tsd-has-type-parameter.tsd-is-private + > .tsd-kind-icon:before { + background-position: -119px -85px; +} +.tsd-kind-function.tsd-has-type-parameter.tsd-parent-kind-class + > .tsd-kind-icon:before { + background-position: -51px -85px; +} +.tsd-kind-function.tsd-has-type-parameter.tsd-parent-kind-class.tsd-is-inherited + > .tsd-kind-icon:before { + background-position: -68px -85px; +} +.tsd-kind-function.tsd-has-type-parameter.tsd-parent-kind-class.tsd-is-protected + > .tsd-kind-icon:before { + background-position: -85px -85px; +} +.tsd-kind-function.tsd-has-type-parameter.tsd-parent-kind-class.tsd-is-protected.tsd-is-inherited + > .tsd-kind-icon:before { + background-position: -102px -85px; +} +.tsd-kind-function.tsd-has-type-parameter.tsd-parent-kind-class.tsd-is-private + > .tsd-kind-icon:before { + background-position: -119px -85px; +} +.tsd-kind-function.tsd-has-type-parameter.tsd-parent-kind-enum + > .tsd-kind-icon:before { + background-position: -170px -85px; +} +.tsd-kind-function.tsd-has-type-parameter.tsd-parent-kind-enum.tsd-is-protected + > .tsd-kind-icon:before { + background-position: -187px -85px; +} +.tsd-kind-function.tsd-has-type-parameter.tsd-parent-kind-enum.tsd-is-private + > .tsd-kind-icon:before { + background-position: -119px -85px; +} +.tsd-kind-function.tsd-has-type-parameter.tsd-parent-kind-interface + > .tsd-kind-icon:before { + background-position: -204px -85px; +} +.tsd-kind-function.tsd-has-type-parameter.tsd-parent-kind-interface.tsd-is-inherited + > .tsd-kind-icon:before { + background-position: -221px -85px; +} + +.tsd-kind-method.tsd-has-type-parameter > .tsd-kind-icon:before { + background-position: -136px -85px; +} +.tsd-kind-method.tsd-has-type-parameter.tsd-is-protected + > .tsd-kind-icon:before { + background-position: -153px -85px; +} +.tsd-kind-method.tsd-has-type-parameter.tsd-is-private > .tsd-kind-icon:before { + background-position: -119px -85px; +} +.tsd-kind-method.tsd-has-type-parameter.tsd-parent-kind-class + > .tsd-kind-icon:before { + background-position: -51px -85px; +} +.tsd-kind-method.tsd-has-type-parameter.tsd-parent-kind-class.tsd-is-inherited + > .tsd-kind-icon:before { + background-position: -68px -85px; +} +.tsd-kind-method.tsd-has-type-parameter.tsd-parent-kind-class.tsd-is-protected + > .tsd-kind-icon:before { + background-position: -85px -85px; +} +.tsd-kind-method.tsd-has-type-parameter.tsd-parent-kind-class.tsd-is-protected.tsd-is-inherited + > .tsd-kind-icon:before { + background-position: -102px -85px; +} +.tsd-kind-method.tsd-has-type-parameter.tsd-parent-kind-class.tsd-is-private + > .tsd-kind-icon:before { + background-position: -119px -85px; +} +.tsd-kind-method.tsd-has-type-parameter.tsd-parent-kind-enum + > .tsd-kind-icon:before { + background-position: -170px -85px; +} +.tsd-kind-method.tsd-has-type-parameter.tsd-parent-kind-enum.tsd-is-protected + > .tsd-kind-icon:before { + background-position: -187px -85px; +} +.tsd-kind-method.tsd-has-type-parameter.tsd-parent-kind-enum.tsd-is-private + > .tsd-kind-icon:before { + background-position: -119px -85px; +} +.tsd-kind-method.tsd-has-type-parameter.tsd-parent-kind-interface + > .tsd-kind-icon:before { + background-position: -204px -85px; +} +.tsd-kind-method.tsd-has-type-parameter.tsd-parent-kind-interface.tsd-is-inherited + > .tsd-kind-icon:before { + background-position: -221px -85px; +} + +.tsd-kind-constructor > .tsd-kind-icon:before { + background-position: -136px -102px; +} +.tsd-kind-constructor.tsd-is-protected > .tsd-kind-icon:before { + background-position: -153px -102px; +} +.tsd-kind-constructor.tsd-is-private > .tsd-kind-icon:before { + background-position: -119px -102px; +} +.tsd-kind-constructor.tsd-parent-kind-class > .tsd-kind-icon:before { + background-position: -51px -102px; +} +.tsd-kind-constructor.tsd-parent-kind-class.tsd-is-inherited + > .tsd-kind-icon:before { + background-position: -68px -102px; +} +.tsd-kind-constructor.tsd-parent-kind-class.tsd-is-protected + > .tsd-kind-icon:before { + background-position: -85px -102px; +} +.tsd-kind-constructor.tsd-parent-kind-class.tsd-is-protected.tsd-is-inherited + > .tsd-kind-icon:before { + background-position: -102px -102px; +} +.tsd-kind-constructor.tsd-parent-kind-class.tsd-is-private + > .tsd-kind-icon:before { + background-position: -119px -102px; +} +.tsd-kind-constructor.tsd-parent-kind-enum > .tsd-kind-icon:before { + background-position: -170px -102px; +} +.tsd-kind-constructor.tsd-parent-kind-enum.tsd-is-protected + > .tsd-kind-icon:before { + background-position: -187px -102px; +} +.tsd-kind-constructor.tsd-parent-kind-enum.tsd-is-private + > .tsd-kind-icon:before { + background-position: -119px -102px; +} +.tsd-kind-constructor.tsd-parent-kind-interface > .tsd-kind-icon:before { + background-position: -204px -102px; +} +.tsd-kind-constructor.tsd-parent-kind-interface.tsd-is-inherited + > .tsd-kind-icon:before { + background-position: -221px -102px; +} + +.tsd-kind-constructor-signature > .tsd-kind-icon:before { + background-position: -136px -102px; +} +.tsd-kind-constructor-signature.tsd-is-protected > .tsd-kind-icon:before { + background-position: -153px -102px; +} +.tsd-kind-constructor-signature.tsd-is-private > .tsd-kind-icon:before { + background-position: -119px -102px; +} +.tsd-kind-constructor-signature.tsd-parent-kind-class > .tsd-kind-icon:before { + background-position: -51px -102px; +} +.tsd-kind-constructor-signature.tsd-parent-kind-class.tsd-is-inherited + > .tsd-kind-icon:before { + background-position: -68px -102px; +} +.tsd-kind-constructor-signature.tsd-parent-kind-class.tsd-is-protected + > .tsd-kind-icon:before { + background-position: -85px -102px; +} +.tsd-kind-constructor-signature.tsd-parent-kind-class.tsd-is-protected.tsd-is-inherited + > .tsd-kind-icon:before { + background-position: -102px -102px; +} +.tsd-kind-constructor-signature.tsd-parent-kind-class.tsd-is-private + > .tsd-kind-icon:before { + background-position: -119px -102px; +} +.tsd-kind-constructor-signature.tsd-parent-kind-enum > .tsd-kind-icon:before { + background-position: -170px -102px; +} +.tsd-kind-constructor-signature.tsd-parent-kind-enum.tsd-is-protected + > .tsd-kind-icon:before { + background-position: -187px -102px; +} +.tsd-kind-constructor-signature.tsd-parent-kind-enum.tsd-is-private + > .tsd-kind-icon:before { + background-position: -119px -102px; +} +.tsd-kind-constructor-signature.tsd-parent-kind-interface + > .tsd-kind-icon:before { + background-position: -204px -102px; +} +.tsd-kind-constructor-signature.tsd-parent-kind-interface.tsd-is-inherited + > .tsd-kind-icon:before { + background-position: -221px -102px; +} + +.tsd-kind-index-signature > .tsd-kind-icon:before { + background-position: -136px -119px; +} +.tsd-kind-index-signature.tsd-is-protected > .tsd-kind-icon:before { + background-position: -153px -119px; +} +.tsd-kind-index-signature.tsd-is-private > .tsd-kind-icon:before { + background-position: -119px -119px; +} +.tsd-kind-index-signature.tsd-parent-kind-class > .tsd-kind-icon:before { + background-position: -51px -119px; +} +.tsd-kind-index-signature.tsd-parent-kind-class.tsd-is-inherited + > .tsd-kind-icon:before { + background-position: -68px -119px; +} +.tsd-kind-index-signature.tsd-parent-kind-class.tsd-is-protected + > .tsd-kind-icon:before { + background-position: -85px -119px; +} +.tsd-kind-index-signature.tsd-parent-kind-class.tsd-is-protected.tsd-is-inherited + > .tsd-kind-icon:before { + background-position: -102px -119px; +} +.tsd-kind-index-signature.tsd-parent-kind-class.tsd-is-private + > .tsd-kind-icon:before { + background-position: -119px -119px; +} +.tsd-kind-index-signature.tsd-parent-kind-enum > .tsd-kind-icon:before { + background-position: -170px -119px; +} +.tsd-kind-index-signature.tsd-parent-kind-enum.tsd-is-protected + > .tsd-kind-icon:before { + background-position: -187px -119px; +} +.tsd-kind-index-signature.tsd-parent-kind-enum.tsd-is-private + > .tsd-kind-icon:before { + background-position: -119px -119px; +} +.tsd-kind-index-signature.tsd-parent-kind-interface > .tsd-kind-icon:before { + background-position: -204px -119px; +} +.tsd-kind-index-signature.tsd-parent-kind-interface.tsd-is-inherited + > .tsd-kind-icon:before { + background-position: -221px -119px; +} + +.tsd-kind-event > .tsd-kind-icon:before { + background-position: -136px -136px; +} +.tsd-kind-event.tsd-is-protected > .tsd-kind-icon:before { + background-position: -153px -136px; +} +.tsd-kind-event.tsd-is-private > .tsd-kind-icon:before { + background-position: -119px -136px; +} +.tsd-kind-event.tsd-parent-kind-class > .tsd-kind-icon:before { + background-position: -51px -136px; +} +.tsd-kind-event.tsd-parent-kind-class.tsd-is-inherited > .tsd-kind-icon:before { + background-position: -68px -136px; +} +.tsd-kind-event.tsd-parent-kind-class.tsd-is-protected > .tsd-kind-icon:before { + background-position: -85px -136px; +} +.tsd-kind-event.tsd-parent-kind-class.tsd-is-protected.tsd-is-inherited + > .tsd-kind-icon:before { + background-position: -102px -136px; +} +.tsd-kind-event.tsd-parent-kind-class.tsd-is-private > .tsd-kind-icon:before { + background-position: -119px -136px; +} +.tsd-kind-event.tsd-parent-kind-enum > .tsd-kind-icon:before { + background-position: -170px -136px; +} +.tsd-kind-event.tsd-parent-kind-enum.tsd-is-protected > .tsd-kind-icon:before { + background-position: -187px -136px; +} +.tsd-kind-event.tsd-parent-kind-enum.tsd-is-private > .tsd-kind-icon:before { + background-position: -119px -136px; +} +.tsd-kind-event.tsd-parent-kind-interface > .tsd-kind-icon:before { + background-position: -204px -136px; +} +.tsd-kind-event.tsd-parent-kind-interface.tsd-is-inherited + > .tsd-kind-icon:before { + background-position: -221px -136px; +} + +.tsd-is-static > .tsd-kind-icon:before { + background-position: -136px -153px; +} +.tsd-is-static.tsd-is-protected > .tsd-kind-icon:before { + background-position: -153px -153px; +} +.tsd-is-static.tsd-is-private > .tsd-kind-icon:before { + background-position: -119px -153px; +} +.tsd-is-static.tsd-parent-kind-class > .tsd-kind-icon:before { + background-position: -51px -153px; +} +.tsd-is-static.tsd-parent-kind-class.tsd-is-inherited > .tsd-kind-icon:before { + background-position: -68px -153px; +} +.tsd-is-static.tsd-parent-kind-class.tsd-is-protected > .tsd-kind-icon:before { + background-position: -85px -153px; +} +.tsd-is-static.tsd-parent-kind-class.tsd-is-protected.tsd-is-inherited + > .tsd-kind-icon:before { + background-position: -102px -153px; +} +.tsd-is-static.tsd-parent-kind-class.tsd-is-private > .tsd-kind-icon:before { + background-position: -119px -153px; +} +.tsd-is-static.tsd-parent-kind-enum > .tsd-kind-icon:before { + background-position: -170px -153px; +} +.tsd-is-static.tsd-parent-kind-enum.tsd-is-protected > .tsd-kind-icon:before { + background-position: -187px -153px; +} +.tsd-is-static.tsd-parent-kind-enum.tsd-is-private > .tsd-kind-icon:before { + background-position: -119px -153px; +} +.tsd-is-static.tsd-parent-kind-interface > .tsd-kind-icon:before { + background-position: -204px -153px; +} +.tsd-is-static.tsd-parent-kind-interface.tsd-is-inherited + > .tsd-kind-icon:before { + background-position: -221px -153px; +} + +.tsd-is-static.tsd-kind-function > .tsd-kind-icon:before { + background-position: -136px -170px; +} +.tsd-is-static.tsd-kind-function.tsd-is-protected > .tsd-kind-icon:before { + background-position: -153px -170px; +} +.tsd-is-static.tsd-kind-function.tsd-is-private > .tsd-kind-icon:before { + background-position: -119px -170px; +} +.tsd-is-static.tsd-kind-function.tsd-parent-kind-class > .tsd-kind-icon:before { + background-position: -51px -170px; +} +.tsd-is-static.tsd-kind-function.tsd-parent-kind-class.tsd-is-inherited + > .tsd-kind-icon:before { + background-position: -68px -170px; +} +.tsd-is-static.tsd-kind-function.tsd-parent-kind-class.tsd-is-protected + > .tsd-kind-icon:before { + background-position: -85px -170px; +} +.tsd-is-static.tsd-kind-function.tsd-parent-kind-class.tsd-is-protected.tsd-is-inherited + > .tsd-kind-icon:before { + background-position: -102px -170px; +} +.tsd-is-static.tsd-kind-function.tsd-parent-kind-class.tsd-is-private + > .tsd-kind-icon:before { + background-position: -119px -170px; +} +.tsd-is-static.tsd-kind-function.tsd-parent-kind-enum > .tsd-kind-icon:before { + background-position: -170px -170px; +} +.tsd-is-static.tsd-kind-function.tsd-parent-kind-enum.tsd-is-protected + > .tsd-kind-icon:before { + background-position: -187px -170px; +} +.tsd-is-static.tsd-kind-function.tsd-parent-kind-enum.tsd-is-private + > .tsd-kind-icon:before { + background-position: -119px -170px; +} +.tsd-is-static.tsd-kind-function.tsd-parent-kind-interface + > .tsd-kind-icon:before { + background-position: -204px -170px; +} +.tsd-is-static.tsd-kind-function.tsd-parent-kind-interface.tsd-is-inherited + > .tsd-kind-icon:before { + background-position: -221px -170px; +} + +.tsd-is-static.tsd-kind-method > .tsd-kind-icon:before { + background-position: -136px -170px; +} +.tsd-is-static.tsd-kind-method.tsd-is-protected > .tsd-kind-icon:before { + background-position: -153px -170px; +} +.tsd-is-static.tsd-kind-method.tsd-is-private > .tsd-kind-icon:before { + background-position: -119px -170px; +} +.tsd-is-static.tsd-kind-method.tsd-parent-kind-class > .tsd-kind-icon:before { + background-position: -51px -170px; +} +.tsd-is-static.tsd-kind-method.tsd-parent-kind-class.tsd-is-inherited + > .tsd-kind-icon:before { + background-position: -68px -170px; +} +.tsd-is-static.tsd-kind-method.tsd-parent-kind-class.tsd-is-protected + > .tsd-kind-icon:before { + background-position: -85px -170px; +} +.tsd-is-static.tsd-kind-method.tsd-parent-kind-class.tsd-is-protected.tsd-is-inherited + > .tsd-kind-icon:before { + background-position: -102px -170px; +} +.tsd-is-static.tsd-kind-method.tsd-parent-kind-class.tsd-is-private + > .tsd-kind-icon:before { + background-position: -119px -170px; +} +.tsd-is-static.tsd-kind-method.tsd-parent-kind-enum > .tsd-kind-icon:before { + background-position: -170px -170px; +} +.tsd-is-static.tsd-kind-method.tsd-parent-kind-enum.tsd-is-protected + > .tsd-kind-icon:before { + background-position: -187px -170px; +} +.tsd-is-static.tsd-kind-method.tsd-parent-kind-enum.tsd-is-private + > .tsd-kind-icon:before { + background-position: -119px -170px; +} +.tsd-is-static.tsd-kind-method.tsd-parent-kind-interface + > .tsd-kind-icon:before { + background-position: -204px -170px; +} +.tsd-is-static.tsd-kind-method.tsd-parent-kind-interface.tsd-is-inherited + > .tsd-kind-icon:before { + background-position: -221px -170px; +} + +.tsd-is-static.tsd-kind-call-signature > .tsd-kind-icon:before { + background-position: -136px -170px; +} +.tsd-is-static.tsd-kind-call-signature.tsd-is-protected + > .tsd-kind-icon:before { + background-position: -153px -170px; +} +.tsd-is-static.tsd-kind-call-signature.tsd-is-private > .tsd-kind-icon:before { + background-position: -119px -170px; +} +.tsd-is-static.tsd-kind-call-signature.tsd-parent-kind-class + > .tsd-kind-icon:before { + background-position: -51px -170px; +} +.tsd-is-static.tsd-kind-call-signature.tsd-parent-kind-class.tsd-is-inherited + > .tsd-kind-icon:before { + background-position: -68px -170px; +} +.tsd-is-static.tsd-kind-call-signature.tsd-parent-kind-class.tsd-is-protected + > .tsd-kind-icon:before { + background-position: -85px -170px; +} +.tsd-is-static.tsd-kind-call-signature.tsd-parent-kind-class.tsd-is-protected.tsd-is-inherited + > .tsd-kind-icon:before { + background-position: -102px -170px; +} +.tsd-is-static.tsd-kind-call-signature.tsd-parent-kind-class.tsd-is-private + > .tsd-kind-icon:before { + background-position: -119px -170px; +} +.tsd-is-static.tsd-kind-call-signature.tsd-parent-kind-enum + > .tsd-kind-icon:before { + background-position: -170px -170px; +} +.tsd-is-static.tsd-kind-call-signature.tsd-parent-kind-enum.tsd-is-protected + > .tsd-kind-icon:before { + background-position: -187px -170px; +} +.tsd-is-static.tsd-kind-call-signature.tsd-parent-kind-enum.tsd-is-private + > .tsd-kind-icon:before { + background-position: -119px -170px; +} +.tsd-is-static.tsd-kind-call-signature.tsd-parent-kind-interface + > .tsd-kind-icon:before { + background-position: -204px -170px; +} +.tsd-is-static.tsd-kind-call-signature.tsd-parent-kind-interface.tsd-is-inherited + > .tsd-kind-icon:before { + background-position: -221px -170px; +} + +.tsd-is-static.tsd-kind-event > .tsd-kind-icon:before { + background-position: -136px -187px; +} +.tsd-is-static.tsd-kind-event.tsd-is-protected > .tsd-kind-icon:before { + background-position: -153px -187px; +} +.tsd-is-static.tsd-kind-event.tsd-is-private > .tsd-kind-icon:before { + background-position: -119px -187px; +} +.tsd-is-static.tsd-kind-event.tsd-parent-kind-class > .tsd-kind-icon:before { + background-position: -51px -187px; +} +.tsd-is-static.tsd-kind-event.tsd-parent-kind-class.tsd-is-inherited + > .tsd-kind-icon:before { + background-position: -68px -187px; +} +.tsd-is-static.tsd-kind-event.tsd-parent-kind-class.tsd-is-protected + > .tsd-kind-icon:before { + background-position: -85px -187px; +} +.tsd-is-static.tsd-kind-event.tsd-parent-kind-class.tsd-is-protected.tsd-is-inherited + > .tsd-kind-icon:before { + background-position: -102px -187px; +} +.tsd-is-static.tsd-kind-event.tsd-parent-kind-class.tsd-is-private + > .tsd-kind-icon:before { + background-position: -119px -187px; +} +.tsd-is-static.tsd-kind-event.tsd-parent-kind-enum > .tsd-kind-icon:before { + background-position: -170px -187px; +} +.tsd-is-static.tsd-kind-event.tsd-parent-kind-enum.tsd-is-protected + > .tsd-kind-icon:before { + background-position: -187px -187px; +} +.tsd-is-static.tsd-kind-event.tsd-parent-kind-enum.tsd-is-private + > .tsd-kind-icon:before { + background-position: -119px -187px; +} +.tsd-is-static.tsd-kind-event.tsd-parent-kind-interface + > .tsd-kind-icon:before { + background-position: -204px -187px; +} +.tsd-is-static.tsd-kind-event.tsd-parent-kind-interface.tsd-is-inherited + > .tsd-kind-icon:before { + background-position: -221px -187px; +} diff --git a/documents/tsdoc/assets/icons.png b/documents/tsdoc/assets/icons.png new file mode 100644 index 000000000..3836d5fe4 Binary files /dev/null and b/documents/tsdoc/assets/icons.png differ diff --git a/documents/tsdoc/assets/icons@2x.png b/documents/tsdoc/assets/icons@2x.png new file mode 100644 index 000000000..5a209e2f6 Binary files /dev/null and b/documents/tsdoc/assets/icons@2x.png differ diff --git a/documents/tsdoc/assets/main.js b/documents/tsdoc/assets/main.js new file mode 100644 index 000000000..31494ad30 --- /dev/null +++ b/documents/tsdoc/assets/main.js @@ -0,0 +1,52 @@ +(()=>{var Ce=Object.create;var J=Object.defineProperty;var Pe=Object.getOwnPropertyDescriptor;var Oe=Object.getOwnPropertyNames;var Re=Object.getPrototypeOf,_e=Object.prototype.hasOwnProperty;var Me=t=>J(t,"__esModule",{value:!0});var Fe=(t,e)=>()=>(e||t((e={exports:{}}).exports,e),e.exports);var De=(t,e,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of Oe(e))!_e.call(t,n)&&n!=="default"&&J(t,n,{get:()=>e[n],enumerable:!(r=Pe(e,n))||r.enumerable});return t},Ae=t=>De(Me(J(t!=null?Ce(Re(t)):{},"default",t&&t.__esModule&&"default"in t?{get:()=>t.default,enumerable:!0}:{value:t,enumerable:!0})),t);var de=Fe((ue,he)=>{(function(){var t=function(e){var r=new t.Builder;return r.pipeline.add(t.trimmer,t.stopWordFilter,t.stemmer),r.searchPipeline.add(t.stemmer),e.call(r,r),r.build()};t.version="2.3.9";t.utils={},t.utils.warn=function(e){return function(r){e.console&&console.warn&&console.warn(r)}}(this),t.utils.asString=function(e){return e==null?"":e.toString()},t.utils.clone=function(e){if(e==null)return e;for(var r=Object.create(null),n=Object.keys(e),i=0;i0){var h=t.utils.clone(r)||{};h.position=[a,l],h.index=s.length,s.push(new t.Token(n.slice(a,o),h))}a=o+1}}return s},t.tokenizer.separator=/[\s\-]+/;t.Pipeline=function(){this._stack=[]},t.Pipeline.registeredFunctions=Object.create(null),t.Pipeline.registerFunction=function(e,r){r in this.registeredFunctions&&t.utils.warn("Overwriting existing registered function: "+r),e.label=r,t.Pipeline.registeredFunctions[e.label]=e},t.Pipeline.warnIfFunctionNotRegistered=function(e){var r=e.label&&e.label in this.registeredFunctions;r||t.utils.warn(`Function is not registered with pipeline. This may cause problems when serialising the index. +`,e)},t.Pipeline.load=function(e){var r=new t.Pipeline;return e.forEach(function(n){var i=t.Pipeline.registeredFunctions[n];if(i)r.add(i);else throw new Error("Cannot load unregistered function: "+n)}),r},t.Pipeline.prototype.add=function(){var e=Array.prototype.slice.call(arguments);e.forEach(function(r){t.Pipeline.warnIfFunctionNotRegistered(r),this._stack.push(r)},this)},t.Pipeline.prototype.after=function(e,r){t.Pipeline.warnIfFunctionNotRegistered(r);var n=this._stack.indexOf(e);if(n==-1)throw new Error("Cannot find existingFn");n=n+1,this._stack.splice(n,0,r)},t.Pipeline.prototype.before=function(e,r){t.Pipeline.warnIfFunctionNotRegistered(r);var n=this._stack.indexOf(e);if(n==-1)throw new Error("Cannot find existingFn");this._stack.splice(n,0,r)},t.Pipeline.prototype.remove=function(e){var r=this._stack.indexOf(e);r!=-1&&this._stack.splice(r,1)},t.Pipeline.prototype.run=function(e){for(var r=this._stack.length,n=0;n1&&(oe&&(n=s),o!=e);)i=n-r,s=r+Math.floor(i/2),o=this.elements[s*2];if(o==e||o>e)return s*2;if(oc?h+=2:a==c&&(r+=n[l+1]*i[h+1],l+=2,h+=2);return r},t.Vector.prototype.similarity=function(e){return this.dot(e)/this.magnitude()||0},t.Vector.prototype.toArray=function(){for(var e=new Array(this.elements.length/2),r=1,n=0;r0){var o=s.str.charAt(0),a;o in s.node.edges?a=s.node.edges[o]:(a=new t.TokenSet,s.node.edges[o]=a),s.str.length==1&&(a.final=!0),i.push({node:a,editsRemaining:s.editsRemaining,str:s.str.slice(1)})}if(s.editsRemaining!=0){if("*"in s.node.edges)var c=s.node.edges["*"];else{var c=new t.TokenSet;s.node.edges["*"]=c}if(s.str.length==0&&(c.final=!0),i.push({node:c,editsRemaining:s.editsRemaining-1,str:s.str}),s.str.length>1&&i.push({node:s.node,editsRemaining:s.editsRemaining-1,str:s.str.slice(1)}),s.str.length==1&&(s.node.final=!0),s.str.length>=1){if("*"in s.node.edges)var l=s.node.edges["*"];else{var l=new t.TokenSet;s.node.edges["*"]=l}s.str.length==1&&(l.final=!0),i.push({node:l,editsRemaining:s.editsRemaining-1,str:s.str.slice(1)})}if(s.str.length>1){var h=s.str.charAt(0),f=s.str.charAt(1),v;f in s.node.edges?v=s.node.edges[f]:(v=new t.TokenSet,s.node.edges[f]=v),s.str.length==1&&(v.final=!0),i.push({node:v,editsRemaining:s.editsRemaining-1,str:h+s.str.slice(2)})}}}return n},t.TokenSet.fromString=function(e){for(var r=new t.TokenSet,n=r,i=0,s=e.length;i=e;r--){var n=this.uncheckedNodes[r],i=n.child.toString();i in this.minimizedNodes?n.parent.edges[n.char]=this.minimizedNodes[i]:(n.child._str=i,this.minimizedNodes[i]=n.child),this.uncheckedNodes.pop()}};t.Index=function(e){this.invertedIndex=e.invertedIndex,this.fieldVectors=e.fieldVectors,this.tokenSet=e.tokenSet,this.fields=e.fields,this.pipeline=e.pipeline},t.Index.prototype.search=function(e){return this.query(function(r){var n=new t.QueryParser(e,r);n.parse()})},t.Index.prototype.query=function(e){for(var r=new t.Query(this.fields),n=Object.create(null),i=Object.create(null),s=Object.create(null),o=Object.create(null),a=Object.create(null),c=0;c1?this._b=1:this._b=e},t.Builder.prototype.k1=function(e){this._k1=e},t.Builder.prototype.add=function(e,r){var n=e[this._ref],i=Object.keys(this._fields);this._documents[n]=r||{},this.documentCount+=1;for(var s=0;s=this.length)return t.QueryLexer.EOS;var e=this.str.charAt(this.pos);return this.pos+=1,e},t.QueryLexer.prototype.width=function(){return this.pos-this.start},t.QueryLexer.prototype.ignore=function(){this.start==this.pos&&(this.pos+=1),this.start=this.pos},t.QueryLexer.prototype.backup=function(){this.pos-=1},t.QueryLexer.prototype.acceptDigitRun=function(){var e,r;do e=this.next(),r=e.charCodeAt(0);while(r>47&&r<58);e!=t.QueryLexer.EOS&&this.backup()},t.QueryLexer.prototype.more=function(){return this.pos1&&(e.backup(),e.emit(t.QueryLexer.TERM)),e.ignore(),e.more())return t.QueryLexer.lexText},t.QueryLexer.lexEditDistance=function(e){return e.ignore(),e.acceptDigitRun(),e.emit(t.QueryLexer.EDIT_DISTANCE),t.QueryLexer.lexText},t.QueryLexer.lexBoost=function(e){return e.ignore(),e.acceptDigitRun(),e.emit(t.QueryLexer.BOOST),t.QueryLexer.lexText},t.QueryLexer.lexEOS=function(e){e.width()>0&&e.emit(t.QueryLexer.TERM)},t.QueryLexer.termSeparator=t.tokenizer.separator,t.QueryLexer.lexText=function(e){for(;;){var r=e.next();if(r==t.QueryLexer.EOS)return t.QueryLexer.lexEOS;if(r.charCodeAt(0)==92){e.escapeCharacter();continue}if(r==":")return t.QueryLexer.lexField;if(r=="~")return e.backup(),e.width()>0&&e.emit(t.QueryLexer.TERM),t.QueryLexer.lexEditDistance;if(r=="^")return e.backup(),e.width()>0&&e.emit(t.QueryLexer.TERM),t.QueryLexer.lexBoost;if(r=="+"&&e.width()===1||r=="-"&&e.width()===1)return e.emit(t.QueryLexer.PRESENCE),t.QueryLexer.lexText;if(r.match(t.QueryLexer.termSeparator))return t.QueryLexer.lexTerm}},t.QueryParser=function(e,r){this.lexer=new t.QueryLexer(e),this.query=r,this.currentClause={},this.lexemeIdx=0},t.QueryParser.prototype.parse=function(){this.lexer.run(),this.lexemes=this.lexer.lexemes;for(var e=t.QueryParser.parseClause;e;)e=e(this);return this.query},t.QueryParser.prototype.peekLexeme=function(){return this.lexemes[this.lexemeIdx]},t.QueryParser.prototype.consumeLexeme=function(){var e=this.peekLexeme();return this.lexemeIdx+=1,e},t.QueryParser.prototype.nextClause=function(){var e=this.currentClause;this.query.clause(e),this.currentClause={}},t.QueryParser.parseClause=function(e){var r=e.peekLexeme();if(r!=null)switch(r.type){case t.QueryLexer.PRESENCE:return t.QueryParser.parsePresence;case t.QueryLexer.FIELD:return t.QueryParser.parseField;case t.QueryLexer.TERM:return t.QueryParser.parseTerm;default:var n="expected either a field or a term, found "+r.type;throw r.str.length>=1&&(n+=" with value '"+r.str+"'"),new t.QueryParseError(n,r.start,r.end)}},t.QueryParser.parsePresence=function(e){var r=e.consumeLexeme();if(r!=null){switch(r.str){case"-":e.currentClause.presence=t.Query.presence.PROHIBITED;break;case"+":e.currentClause.presence=t.Query.presence.REQUIRED;break;default:var n="unrecognised presence operator'"+r.str+"'";throw new t.QueryParseError(n,r.start,r.end)}var i=e.peekLexeme();if(i==null){var n="expecting term or field, found nothing";throw new t.QueryParseError(n,r.start,r.end)}switch(i.type){case t.QueryLexer.FIELD:return t.QueryParser.parseField;case t.QueryLexer.TERM:return t.QueryParser.parseTerm;default:var n="expecting term or field, found '"+i.type+"'";throw new t.QueryParseError(n,i.start,i.end)}}},t.QueryParser.parseField=function(e){var r=e.consumeLexeme();if(r!=null){if(e.query.allFields.indexOf(r.str)==-1){var n=e.query.allFields.map(function(o){return"'"+o+"'"}).join(", "),i="unrecognised field '"+r.str+"', possible fields: "+n;throw new t.QueryParseError(i,r.start,r.end)}e.currentClause.fields=[r.str];var s=e.peekLexeme();if(s==null){var i="expecting term, found nothing";throw new t.QueryParseError(i,r.start,r.end)}switch(s.type){case t.QueryLexer.TERM:return t.QueryParser.parseTerm;default:var i="expecting term, found '"+s.type+"'";throw new t.QueryParseError(i,s.start,s.end)}}},t.QueryParser.parseTerm=function(e){var r=e.consumeLexeme();if(r!=null){e.currentClause.term=r.str.toLowerCase(),r.str.indexOf("*")!=-1&&(e.currentClause.usePipeline=!1);var n=e.peekLexeme();if(n==null){e.nextClause();return}switch(n.type){case t.QueryLexer.TERM:return e.nextClause(),t.QueryParser.parseTerm;case t.QueryLexer.FIELD:return e.nextClause(),t.QueryParser.parseField;case t.QueryLexer.EDIT_DISTANCE:return t.QueryParser.parseEditDistance;case t.QueryLexer.BOOST:return t.QueryParser.parseBoost;case t.QueryLexer.PRESENCE:return e.nextClause(),t.QueryParser.parsePresence;default:var i="Unexpected lexeme type '"+n.type+"'";throw new t.QueryParseError(i,n.start,n.end)}}},t.QueryParser.parseEditDistance=function(e){var r=e.consumeLexeme();if(r!=null){var n=parseInt(r.str,10);if(isNaN(n)){var i="edit distance must be numeric";throw new t.QueryParseError(i,r.start,r.end)}e.currentClause.editDistance=n;var s=e.peekLexeme();if(s==null){e.nextClause();return}switch(s.type){case t.QueryLexer.TERM:return e.nextClause(),t.QueryParser.parseTerm;case t.QueryLexer.FIELD:return e.nextClause(),t.QueryParser.parseField;case t.QueryLexer.EDIT_DISTANCE:return t.QueryParser.parseEditDistance;case t.QueryLexer.BOOST:return t.QueryParser.parseBoost;case t.QueryLexer.PRESENCE:return e.nextClause(),t.QueryParser.parsePresence;default:var i="Unexpected lexeme type '"+s.type+"'";throw new t.QueryParseError(i,s.start,s.end)}}},t.QueryParser.parseBoost=function(e){var r=e.consumeLexeme();if(r!=null){var n=parseInt(r.str,10);if(isNaN(n)){var i="boost must be numeric";throw new t.QueryParseError(i,r.start,r.end)}e.currentClause.boost=n;var s=e.peekLexeme();if(s==null){e.nextClause();return}switch(s.type){case t.QueryLexer.TERM:return e.nextClause(),t.QueryParser.parseTerm;case t.QueryLexer.FIELD:return e.nextClause(),t.QueryParser.parseField;case t.QueryLexer.EDIT_DISTANCE:return t.QueryParser.parseEditDistance;case t.QueryLexer.BOOST:return t.QueryParser.parseBoost;case t.QueryLexer.PRESENCE:return e.nextClause(),t.QueryParser.parsePresence;default:var i="Unexpected lexeme type '"+s.type+"'";throw new t.QueryParseError(i,s.start,s.end)}}},function(e,r){typeof define=="function"&&define.amd?define(r):typeof ue=="object"?he.exports=r():e.lunr=r()}(this,function(){return t})})()});var le=[];function N(t,e){le.push({selector:e,constructor:t})}var X=class{constructor(){this.createComponents(document.body)}createComponents(e){le.forEach(r=>{e.querySelectorAll(r.selector).forEach(n=>{n.dataset.hasInstance||(new r.constructor({el:n}),n.dataset.hasInstance=String(!0))})})}};var Q=class{constructor(e){this.el=e.el}};var Z=class{constructor(){this.listeners={}}addEventListener(e,r){e in this.listeners||(this.listeners[e]=[]),this.listeners[e].push(r)}removeEventListener(e,r){if(!(e in this.listeners))return;let n=this.listeners[e];for(let i=0,s=n.length;i{let r=Date.now();return(...n)=>{r+e-Date.now()<0&&(t(...n),r=Date.now())}};var ee=class extends Z{constructor(){super();this.scrollTop=0;this.lastY=0;this.width=0;this.height=0;this.showToolbar=!0;this.toolbar=document.querySelector(".tsd-page-toolbar"),this.secondaryNav=document.querySelector(".tsd-navigation.secondary"),window.addEventListener("scroll",K(()=>this.onScroll(),10)),window.addEventListener("resize",K(()=>this.onResize(),10)),this.onResize(),this.onScroll()}triggerResize(){let e=new CustomEvent("resize",{detail:{width:this.width,height:this.height}});this.dispatchEvent(e)}onResize(){this.width=window.innerWidth||0,this.height=window.innerHeight||0;let e=new CustomEvent("resize",{detail:{width:this.width,height:this.height}});this.dispatchEvent(e)}onScroll(){this.scrollTop=window.scrollY||0;let e=new CustomEvent("scroll",{detail:{scrollTop:this.scrollTop}});this.dispatchEvent(e),this.hideShowToolbar()}hideShowToolbar(){let e=this.showToolbar;this.showToolbar=this.lastY>=this.scrollTop||this.scrollTop<=0,e!==this.showToolbar&&(this.toolbar.classList.toggle("tsd-page-toolbar--hide"),this.secondaryNav.classList.toggle("tsd-navigation--toolbar-hide")),this.lastY=this.scrollTop}},I=ee;I.instance=new ee;var te=class extends Q{constructor(e){super(e);this.anchors=[];this.index=-1;I.instance.addEventListener("resize",()=>this.onResize()),I.instance.addEventListener("scroll",r=>this.onScroll(r)),this.createAnchors()}createAnchors(){let e=window.location.href;e.indexOf("#")!=-1&&(e=e.substr(0,e.indexOf("#"))),this.el.querySelectorAll("a").forEach(r=>{let n=r.href;if(n.indexOf("#")==-1||n.substr(0,e.length)!=e)return;let i=n.substr(n.indexOf("#")+1),s=document.querySelector("a.tsd-anchor[name="+i+"]"),o=r.parentNode;!s||!o||this.anchors.push({link:o,anchor:s,position:0})}),this.onResize()}onResize(){let e;for(let n=0,i=this.anchors.length;nn.position-i.position);let r=new CustomEvent("scroll",{detail:{scrollTop:I.instance.scrollTop}});this.onScroll(r)}onScroll(e){let r=e.detail.scrollTop+5,n=this.anchors,i=n.length-1,s=this.index;for(;s>-1&&n[s].position>r;)s-=1;for(;s-1&&this.anchors[this.index].link.classList.remove("focus"),this.index=s,this.index>-1&&this.anchors[this.index].link.classList.add("focus"))}};var ce=(t,e=100)=>{let r;return(...n)=>{clearTimeout(r),r=setTimeout(()=>t(n),e)}};var pe=Ae(de());function fe(){let t=document.getElementById("tsd-search");if(!t)return;let e=document.getElementById("search-script");t.classList.add("loading"),e&&(e.addEventListener("error",()=>{t.classList.remove("loading"),t.classList.add("failure")}),e.addEventListener("load",()=>{t.classList.remove("loading"),t.classList.add("ready")}),window.searchData&&t.classList.remove("loading"));let r=document.querySelector("#tsd-search input"),n=document.querySelector("#tsd-search .results");if(!r||!n)throw new Error("The input field or the result list wrapper was not found");let i=!1;n.addEventListener("mousedown",()=>i=!0),n.addEventListener("mouseup",()=>{i=!1,t.classList.remove("has-focus")}),r.addEventListener("focus",()=>t.classList.add("has-focus")),r.addEventListener("blur",()=>{i||(i=!1,t.classList.remove("has-focus"))});let s={base:t.dataset.base+"/"};Ve(t,n,r,s)}function Ve(t,e,r,n){r.addEventListener("input",ce(()=>{ze(t,e,r,n)},200));let i=!1;r.addEventListener("keydown",s=>{i=!0,s.key=="Enter"?Ne(e,r):s.key=="Escape"?r.blur():s.key=="ArrowUp"?me(e,-1):s.key==="ArrowDown"?me(e,1):i=!1}),r.addEventListener("keypress",s=>{i&&s.preventDefault()}),document.body.addEventListener("keydown",s=>{s.altKey||s.ctrlKey||s.metaKey||!r.matches(":focus")&&s.key==="/"&&(r.focus(),s.preventDefault())})}function He(t,e){t.index||window.searchData&&(e.classList.remove("loading"),e.classList.add("ready"),t.data=window.searchData,t.index=pe.Index.load(window.searchData.index))}function ze(t,e,r,n){if(He(n,t),!n.index||!n.data)return;e.textContent="";let i=r.value.trim(),s=n.index.search(`*${i}*`);for(let o=0,a=Math.min(10,s.length);o${ve(c.parent,i)}.${l}`);let h=document.createElement("li");h.classList.value=c.classes;let f=document.createElement("a");f.href=n.base+c.url,f.classList.add("tsd-kind-icon"),f.innerHTML=l,h.append(f),e.appendChild(h)}}function me(t,e){let r=t.querySelector(".current");if(!r)r=t.querySelector(e==1?"li:first-child":"li:last-child"),r&&r.classList.add("current");else{let n=r;if(e===1)do n=n.nextElementSibling;while(n instanceof HTMLElement&&n.offsetParent==null);else do n=n.previousElementSibling;while(n instanceof HTMLElement&&n.offsetParent==null);n&&(r.classList.remove("current"),n.classList.add("current"))}}function Ne(t,e){let r=t.querySelector(".current");if(r||(r=t.querySelector("li:first-child")),r){let n=r.querySelector("a");n&&(window.location.href=n.href),e.blur()}}function ve(t,e){if(e==="")return t;let r=t.toLocaleLowerCase(),n=e.toLocaleLowerCase(),i=[],s=0,o=r.indexOf(n);for(;o!=-1;)i.push(re(t.substring(s,o)),`${re(t.substring(o,o+n.length))}`),s=o+n.length,o=r.indexOf(n,s);return i.push(re(t.substring(s))),i.join("")}var je={"&":"&","<":"<",">":">","'":"'",'"':"""};function re(t){return t.replace(/[&<>"'"]/g,e=>je[e])}var ge=class{constructor(e,r){this.signature=e,this.description=r}addClass(e){return this.signature.classList.add(e),this.description.classList.add(e),this}removeClass(e){return this.signature.classList.remove(e),this.description.classList.remove(e),this}},ne=class extends Q{constructor(e){super(e);this.groups=[];this.index=-1;this.createGroups(),this.container&&(this.el.classList.add("active"),Array.from(this.el.children).forEach(r=>{r.addEventListener("touchstart",n=>this.onClick(n)),r.addEventListener("click",n=>this.onClick(n))}),this.container.classList.add("active"),this.setIndex(0))}setIndex(e){if(e<0&&(e=0),e>this.groups.length-1&&(e=this.groups.length-1),this.index==e)return;let r=this.groups[e];if(this.index>-1){let n=this.groups[this.index];n.removeClass("current").addClass("fade-out"),r.addClass("current"),r.addClass("fade-in"),I.instance.triggerResize(),setTimeout(()=>{n.removeClass("fade-out"),r.removeClass("fade-in")},300)}else r.addClass("current"),I.instance.triggerResize();this.index=e}createGroups(){let e=this.el.children;if(e.length<2)return;this.container=this.el.nextElementSibling;let r=this.container.children;this.groups=[];for(let n=0;n{r.signature===e.currentTarget&&this.setIndex(n)})}};var C="mousedown",ye="mousemove",_="mouseup",G={x:0,y:0},xe=!1,ie=!1,Be=!1,A=!1,Le=/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);document.documentElement.classList.add(Le?"is-mobile":"not-mobile");Le&&"ontouchstart"in document.documentElement&&(Be=!0,C="touchstart",ye="touchmove",_="touchend");document.addEventListener(C,t=>{ie=!0,A=!1;let e=C=="touchstart"?t.targetTouches[0]:t;G.y=e.pageY||0,G.x=e.pageX||0});document.addEventListener(ye,t=>{if(!!ie&&!A){let e=C=="touchstart"?t.targetTouches[0]:t,r=G.x-(e.pageX||0),n=G.y-(e.pageY||0);A=Math.sqrt(r*r+n*n)>10}});document.addEventListener(_,()=>{ie=!1});document.addEventListener("click",t=>{xe&&(t.preventDefault(),t.stopImmediatePropagation(),xe=!1)});var se=class extends Q{constructor(e){super(e);this.className=this.el.dataset.toggle||"",this.el.addEventListener(_,r=>this.onPointerUp(r)),this.el.addEventListener("click",r=>r.preventDefault()),document.addEventListener(C,r=>this.onDocumentPointerDown(r)),document.addEventListener(_,r=>this.onDocumentPointerUp(r))}setActive(e){if(this.active==e)return;this.active=e,document.documentElement.classList.toggle("has-"+this.className,e),this.el.classList.toggle("active",e);let r=(this.active?"to-has-":"from-has-")+this.className;document.documentElement.classList.add(r),setTimeout(()=>document.documentElement.classList.remove(r),500)}onPointerUp(e){A||(this.setActive(!0),e.preventDefault())}onDocumentPointerDown(e){if(this.active){if(e.target.closest(".col-menu, .tsd-filter-group"))return;this.setActive(!1)}}onDocumentPointerUp(e){if(!A&&this.active&&e.target.closest(".col-menu")){let r=e.target.closest("a");if(r){let n=window.location.href;n.indexOf("#")!=-1&&(n=n.substr(0,n.indexOf("#"))),r.href.substr(0,n.length)==n&&setTimeout(()=>this.setActive(!1),250)}}}};var oe=class{constructor(e,r){this.key=e,this.value=r,this.defaultValue=r,this.initialize(),window.localStorage[this.key]&&this.setValue(this.fromLocalStorage(window.localStorage[this.key]))}initialize(){}setValue(e){if(this.value==e)return;let r=this.value;this.value=e,window.localStorage[this.key]=this.toLocalStorage(e),this.handleValueChange(r,e)}},ae=class extends oe{initialize(){let e=document.querySelector("#tsd-filter-"+this.key);!e||(this.checkbox=e,this.checkbox.addEventListener("change",()=>{this.setValue(this.checkbox.checked)}))}handleValueChange(e,r){!this.checkbox||(this.checkbox.checked=this.value,document.documentElement.classList.toggle("toggle-"+this.key,this.value!=this.defaultValue))}fromLocalStorage(e){return e=="true"}toLocalStorage(e){return e?"true":"false"}},Ee=class extends oe{initialize(){document.documentElement.classList.add("toggle-"+this.key+this.value);let e=document.querySelector("#tsd-filter-"+this.key);if(!e)return;this.select=e;let r=()=>{this.select.classList.add("active")},n=()=>{this.select.classList.remove("active")};this.select.addEventListener(C,r),this.select.addEventListener("mouseover",r),this.select.addEventListener("mouseleave",n),this.select.querySelectorAll("li").forEach(i=>{i.addEventListener(_,s=>{e.classList.remove("active"),this.setValue(s.target.dataset.value||"")})}),document.addEventListener(C,i=>{this.select.contains(i.target)||this.select.classList.remove("active")})}handleValueChange(e,r){this.select.querySelectorAll("li.selected").forEach(s=>{s.classList.remove("selected")});let n=this.select.querySelector('li[data-value="'+r+'"]'),i=this.select.querySelector(".tsd-select-label");n&&i&&(n.classList.add("selected"),i.textContent=n.textContent),document.documentElement.classList.remove("toggle-"+e),document.documentElement.classList.add("toggle-"+r)}fromLocalStorage(e){return e}toLocalStorage(e){return e}},Y=class extends Q{constructor(e){super(e);this.optionVisibility=new Ee("visibility","private"),this.optionInherited=new ae("inherited",!0),this.optionExternals=new ae("externals",!0)}static isSupported(){try{return typeof window.localStorage!="undefined"}catch{return!1}}};function be(t){let e=localStorage.getItem("tsd-theme")||"os";t.value=e,we(e),t.addEventListener("change",()=>{localStorage.setItem("tsd-theme",t.value),we(t.value)})}function we(t){switch(t){case"os":document.body.classList.remove("light","dark");break;case"light":document.body.classList.remove("dark"),document.body.classList.add("light");break;case"dark":document.body.classList.remove("light"),document.body.classList.add("dark");break}}fe();N(te,".menu-highlight");N(ne,".tsd-signatures");N(se,"a[data-toggle]");Y.isSupported()?N(Y,"#tsd-filter"):document.documentElement.classList.add("no-filter");var Te=document.getElementById("theme");Te&&be(Te);var qe=new X;Object.defineProperty(window,"app",{value:qe});})(); +/*! + * lunr.Builder + * Copyright (C) 2020 Oliver Nightingale + */ +/*! + * lunr.Index + * Copyright (C) 2020 Oliver Nightingale + */ +/*! + * lunr.Pipeline + * Copyright (C) 2020 Oliver Nightingale + */ +/*! + * lunr.Set + * Copyright (C) 2020 Oliver Nightingale + */ +/*! + * lunr.TokenSet + * Copyright (C) 2020 Oliver Nightingale + */ +/*! + * lunr.Vector + * Copyright (C) 2020 Oliver Nightingale + */ +/*! + * lunr.stemmer + * Copyright (C) 2020 Oliver Nightingale + * Includes code from - http://tartarus.org/~martin/PorterStemmer/js.txt + */ +/*! + * lunr.stopWordFilter + * Copyright (C) 2020 Oliver Nightingale + */ +/*! + * lunr.tokenizer + * Copyright (C) 2020 Oliver Nightingale + */ +/*! + * lunr.trimmer + * Copyright (C) 2020 Oliver Nightingale + */ +/*! + * lunr.utils + * Copyright (C) 2020 Oliver Nightingale + */ +/** + * lunr - http://lunrjs.com - A bit like Solr, but much smaller and not as bright - 2.3.9 + * Copyright (C) 2020 Oliver Nightingale + * @license MIT + */ diff --git a/documents/tsdoc/assets/search.js b/documents/tsdoc/assets/search.js new file mode 100644 index 000000000..233f8ff95 --- /dev/null +++ b/documents/tsdoc/assets/search.js @@ -0,0 +1 @@ +window.searchData = {"kinds":{"4":"Namespace","32":"Variable","128":"Class","256":"Interface","512":"Constructor","1024":"Property","2048":"Method","65536":"Type literal","262144":"Accessor","4194304":"Type alias"},"rows":[{"id":0,"kind":1024,"name":"default","url":"modules.html#default","classes":"tsd-kind-property"},{"id":1,"kind":65536,"name":"__type","url":"modules.html#__type","classes":"tsd-kind-type-literal"},{"id":2,"kind":1024,"name":"core","url":"modules.html#__type.core","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"__type"},{"id":3,"kind":1024,"name":"tools","url":"modules.html#__type.tools","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"__type"},{"id":4,"kind":1024,"name":"ListGrid","url":"modules.html#__type.ListGrid","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"__type"},{"id":5,"kind":1024,"name":"columns","url":"modules.html#__type.columns","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"__type"},{"id":6,"kind":1024,"name":"headers","url":"modules.html#__type.headers","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"__type"},{"id":7,"kind":1024,"name":"themes","url":"modules.html#__type.themes","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"__type"},{"id":8,"kind":1024,"name":"data","url":"modules.html#__type.data","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"__type"},{"id":9,"kind":1024,"name":"GridCanvasHelper","url":"modules.html#__type.GridCanvasHelper","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"__type"},{"id":10,"kind":1024,"name":"register","url":"modules.html#__type.register","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"__type"},{"id":11,"kind":262144,"name":"icons","url":"modules.html#__type.icons","classes":"tsd-kind-get-signature tsd-parent-kind-type-literal","parent":"__type"},{"id":12,"kind":4,"name":"TYPES","url":"modules/TYPES.html","classes":"tsd-kind-namespace"},{"id":13,"kind":4194304,"name":"MaybeUndef","url":"modules/TYPES.html#MaybeUndef","classes":"tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter","parent":"TYPES"},{"id":14,"kind":4194304,"name":"PromiseOrUndef","url":"modules/TYPES.html#PromiseOrUndef","classes":"tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter","parent":"TYPES"},{"id":15,"kind":4194304,"name":"PromiseMaybeUndef","url":"modules/TYPES.html#PromiseMaybeUndef","classes":"tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter","parent":"TYPES"},{"id":16,"kind":4194304,"name":"MaybePromise","url":"modules/TYPES.html#MaybePromise","classes":"tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter","parent":"TYPES"},{"id":17,"kind":4194304,"name":"MaybeCall","url":"modules/TYPES.html#MaybeCall","classes":"tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter","parent":"TYPES"},{"id":18,"kind":4194304,"name":"MaybePromiseOrCall","url":"modules/TYPES.html#MaybePromiseOrCall","classes":"tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter","parent":"TYPES"},{"id":19,"kind":4194304,"name":"MaybePromiseOrUndef","url":"modules/TYPES.html#MaybePromiseOrUndef","classes":"tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter","parent":"TYPES"},{"id":20,"kind":4194304,"name":"MaybeCallOrUndef","url":"modules/TYPES.html#MaybeCallOrUndef","classes":"tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter","parent":"TYPES"},{"id":21,"kind":4194304,"name":"MaybePromiseOrCallOrUndef","url":"modules/TYPES.html#MaybePromiseOrCallOrUndef","classes":"tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter","parent":"TYPES"},{"id":22,"kind":4194304,"name":"PromiseMaybeUndefOrCall","url":"modules/TYPES.html#PromiseMaybeUndefOrCall","classes":"tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter","parent":"TYPES"},{"id":23,"kind":4194304,"name":"PromiseMaybeCallOrUndef","url":"modules/TYPES.html#PromiseMaybeCallOrUndef","classes":"tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter","parent":"TYPES"},{"id":24,"kind":4194304,"name":"AnyFunction","url":"modules/TYPES.html#AnyFunction","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":25,"kind":65536,"name":"__type","url":"modules/TYPES.html#AnyFunction.__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-type-alias","parent":"TYPES.AnyFunction"},{"id":26,"kind":256,"name":"RectProps","url":"interfaces/TYPES.RectProps.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":27,"kind":1024,"name":"left","url":"interfaces/TYPES.RectProps.html#left","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.RectProps"},{"id":28,"kind":1024,"name":"right","url":"interfaces/TYPES.RectProps.html#right","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.RectProps"},{"id":29,"kind":1024,"name":"top","url":"interfaces/TYPES.RectProps.html#top","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.RectProps"},{"id":30,"kind":1024,"name":"bottom","url":"interfaces/TYPES.RectProps.html#bottom","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.RectProps"},{"id":31,"kind":1024,"name":"width","url":"interfaces/TYPES.RectProps.html#width","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.RectProps"},{"id":32,"kind":1024,"name":"height","url":"interfaces/TYPES.RectProps.html#height","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.RectProps"},{"id":33,"kind":4194304,"name":"ColorDef","url":"modules/TYPES.html#ColorDef","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":34,"kind":256,"name":"CellAddress","url":"interfaces/TYPES.CellAddress.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":35,"kind":1024,"name":"col","url":"interfaces/TYPES.CellAddress.html#col","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.CellAddress"},{"id":36,"kind":1024,"name":"row","url":"interfaces/TYPES.CellAddress.html#row","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.CellAddress"},{"id":37,"kind":256,"name":"CellRange","url":"interfaces/TYPES.CellRange.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":38,"kind":1024,"name":"start","url":"interfaces/TYPES.CellRange.html#start","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.CellRange"},{"id":39,"kind":1024,"name":"end","url":"interfaces/TYPES.CellRange.html#end","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.CellRange"},{"id":40,"kind":4194304,"name":"FieldGetter","url":"modules/TYPES.html#FieldGetter","classes":"tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter","parent":"TYPES"},{"id":41,"kind":65536,"name":"__type","url":"modules/TYPES.html#FieldGetter.__type-3","classes":"tsd-kind-type-literal tsd-parent-kind-type-alias","parent":"TYPES.FieldGetter"},{"id":42,"kind":4194304,"name":"FieldSetter","url":"modules/TYPES.html#FieldSetter","classes":"tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter","parent":"TYPES"},{"id":43,"kind":65536,"name":"__type","url":"modules/TYPES.html#FieldSetter.__type-4","classes":"tsd-kind-type-literal tsd-parent-kind-type-alias","parent":"TYPES.FieldSetter"},{"id":44,"kind":256,"name":"FieldAssessor","url":"interfaces/TYPES.FieldAssessor.html","classes":"tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter","parent":"TYPES"},{"id":45,"kind":1024,"name":"get","url":"interfaces/TYPES.FieldAssessor.html#get","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.FieldAssessor"},{"id":46,"kind":1024,"name":"set","url":"interfaces/TYPES.FieldAssessor.html#set","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.FieldAssessor"},{"id":47,"kind":4194304,"name":"FieldDef","url":"modules/TYPES.html#FieldDef","classes":"tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter","parent":"TYPES"},{"id":48,"kind":4194304,"name":"FieldData","url":"modules/TYPES.html#FieldData","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":49,"kind":256,"name":"BaseColumnOption","url":"interfaces/TYPES.BaseColumnOption.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":50,"kind":1024,"name":"fadeinWhenCallbackInPromise","url":"interfaces/TYPES.BaseColumnOption.html#fadeinWhenCallbackInPromise","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.BaseColumnOption"},{"id":51,"kind":256,"name":"NumberColumnOption","url":"interfaces/TYPES.NumberColumnOption.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":52,"kind":1024,"name":"format","url":"interfaces/TYPES.NumberColumnOption.html#format","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.NumberColumnOption"},{"id":53,"kind":1024,"name":"fadeinWhenCallbackInPromise","url":"interfaces/TYPES.NumberColumnOption.html#fadeinWhenCallbackInPromise","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.NumberColumnOption"},{"id":54,"kind":256,"name":"ButtonColumnOption","url":"interfaces/TYPES.ButtonColumnOption.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":55,"kind":1024,"name":"caption","url":"interfaces/TYPES.ButtonColumnOption.html#caption","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ButtonColumnOption"},{"id":56,"kind":1024,"name":"fadeinWhenCallbackInPromise","url":"interfaces/TYPES.ButtonColumnOption.html#fadeinWhenCallbackInPromise","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ButtonColumnOption"},{"id":57,"kind":256,"name":"MenuColumnOption","url":"interfaces/TYPES.MenuColumnOption.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":58,"kind":1024,"name":"options","url":"interfaces/TYPES.MenuColumnOption.html#options","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.MenuColumnOption"},{"id":59,"kind":1024,"name":"fadeinWhenCallbackInPromise","url":"interfaces/TYPES.MenuColumnOption.html#fadeinWhenCallbackInPromise","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.MenuColumnOption"},{"id":60,"kind":256,"name":"IconColumnOption","url":"interfaces/TYPES.IconColumnOption.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":61,"kind":1024,"name":"tagName","url":"interfaces/TYPES.IconColumnOption.html#tagName","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.IconColumnOption"},{"id":62,"kind":1024,"name":"className","url":"interfaces/TYPES.IconColumnOption.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.IconColumnOption"},{"id":63,"kind":1024,"name":"content","url":"interfaces/TYPES.IconColumnOption.html#content","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.IconColumnOption"},{"id":64,"kind":1024,"name":"name","url":"interfaces/TYPES.IconColumnOption.html#name","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.IconColumnOption"},{"id":65,"kind":1024,"name":"iconWidth","url":"interfaces/TYPES.IconColumnOption.html#iconWidth","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.IconColumnOption"},{"id":66,"kind":1024,"name":"fadeinWhenCallbackInPromise","url":"interfaces/TYPES.IconColumnOption.html#fadeinWhenCallbackInPromise","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.IconColumnOption"},{"id":67,"kind":256,"name":"PercentCompleteBarColumnOption","url":"interfaces/TYPES.PercentCompleteBarColumnOption.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":68,"kind":1024,"name":"min","url":"interfaces/TYPES.PercentCompleteBarColumnOption.html#min","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.PercentCompleteBarColumnOption"},{"id":69,"kind":1024,"name":"max","url":"interfaces/TYPES.PercentCompleteBarColumnOption.html#max","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.PercentCompleteBarColumnOption"},{"id":70,"kind":2048,"name":"formatter","url":"interfaces/TYPES.PercentCompleteBarColumnOption.html#formatter","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.PercentCompleteBarColumnOption"},{"id":71,"kind":1024,"name":"fadeinWhenCallbackInPromise","url":"interfaces/TYPES.PercentCompleteBarColumnOption.html#fadeinWhenCallbackInPromise","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.PercentCompleteBarColumnOption"},{"id":72,"kind":256,"name":"BranchGraphColumnOption","url":"interfaces/TYPES.BranchGraphColumnOption.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":73,"kind":1024,"name":"start","url":"interfaces/TYPES.BranchGraphColumnOption.html#start","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.BranchGraphColumnOption"},{"id":74,"kind":1024,"name":"cache","url":"interfaces/TYPES.BranchGraphColumnOption.html#cache","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.BranchGraphColumnOption"},{"id":75,"kind":1024,"name":"fadeinWhenCallbackInPromise","url":"interfaces/TYPES.BranchGraphColumnOption.html#fadeinWhenCallbackInPromise","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.BranchGraphColumnOption"},{"id":76,"kind":4194304,"name":"SimpleBranchGraphCommand","url":"modules/TYPES.html#SimpleBranchGraphCommand","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":77,"kind":4194304,"name":"BranchGraphCommand","url":"modules/TYPES.html#BranchGraphCommand","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":78,"kind":4194304,"name":"ColumnTypeOption","url":"modules/TYPES.html#ColumnTypeOption","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":79,"kind":4194304,"name":"HeaderTypeOption","url":"modules/TYPES.html#HeaderTypeOption","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":80,"kind":256,"name":"ColumnStyle","url":"interfaces/TYPES.ColumnStyle.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":81,"kind":1024,"name":"bgColor","url":"interfaces/TYPES.ColumnStyle.html#bgColor","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ColumnStyle"},{"id":82,"kind":1024,"name":"visibility","url":"interfaces/TYPES.ColumnStyle.html#visibility","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ColumnStyle"},{"id":83,"kind":1024,"name":"indicatorTopLeft","url":"interfaces/TYPES.ColumnStyle.html#indicatorTopLeft","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ColumnStyle"},{"id":84,"kind":1024,"name":"indicatorTopRight","url":"interfaces/TYPES.ColumnStyle.html#indicatorTopRight","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ColumnStyle"},{"id":85,"kind":1024,"name":"indicatorBottomRight","url":"interfaces/TYPES.ColumnStyle.html#indicatorBottomRight","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ColumnStyle"},{"id":86,"kind":1024,"name":"indicatorBottomLeft","url":"interfaces/TYPES.ColumnStyle.html#indicatorBottomLeft","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ColumnStyle"},{"id":87,"kind":2048,"name":"doChangeStyle","url":"interfaces/TYPES.ColumnStyle.html#doChangeStyle","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.ColumnStyle"},{"id":88,"kind":2048,"name":"clone","url":"interfaces/TYPES.ColumnStyle.html#clone","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.ColumnStyle"},{"id":89,"kind":256,"name":"BaseStyleOption","url":"interfaces/TYPES.BaseStyleOption.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":90,"kind":1024,"name":"bgColor","url":"interfaces/TYPES.BaseStyleOption.html#bgColor","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.BaseStyleOption"},{"id":91,"kind":1024,"name":"visibility","url":"interfaces/TYPES.BaseStyleOption.html#visibility","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.BaseStyleOption"},{"id":92,"kind":1024,"name":"indicatorTopLeft","url":"interfaces/TYPES.BaseStyleOption.html#indicatorTopLeft","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.BaseStyleOption"},{"id":93,"kind":1024,"name":"indicatorTopRight","url":"interfaces/TYPES.BaseStyleOption.html#indicatorTopRight","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.BaseStyleOption"},{"id":94,"kind":1024,"name":"indicatorBottomRight","url":"interfaces/TYPES.BaseStyleOption.html#indicatorBottomRight","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.BaseStyleOption"},{"id":95,"kind":1024,"name":"indicatorBottomLeft","url":"interfaces/TYPES.BaseStyleOption.html#indicatorBottomLeft","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.BaseStyleOption"},{"id":96,"kind":256,"name":"StdBaseStyleOption","url":"interfaces/TYPES.StdBaseStyleOption.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":97,"kind":1024,"name":"textAlign","url":"interfaces/TYPES.StdBaseStyleOption.html#textAlign","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.StdBaseStyleOption"},{"id":98,"kind":1024,"name":"textBaseline","url":"interfaces/TYPES.StdBaseStyleOption.html#textBaseline","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.StdBaseStyleOption"},{"id":99,"kind":1024,"name":"bgColor","url":"interfaces/TYPES.StdBaseStyleOption.html#bgColor","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.StdBaseStyleOption"},{"id":100,"kind":1024,"name":"visibility","url":"interfaces/TYPES.StdBaseStyleOption.html#visibility","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.StdBaseStyleOption"},{"id":101,"kind":1024,"name":"indicatorTopLeft","url":"interfaces/TYPES.StdBaseStyleOption.html#indicatorTopLeft","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.StdBaseStyleOption"},{"id":102,"kind":1024,"name":"indicatorTopRight","url":"interfaces/TYPES.StdBaseStyleOption.html#indicatorTopRight","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.StdBaseStyleOption"},{"id":103,"kind":1024,"name":"indicatorBottomRight","url":"interfaces/TYPES.StdBaseStyleOption.html#indicatorBottomRight","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.StdBaseStyleOption"},{"id":104,"kind":1024,"name":"indicatorBottomLeft","url":"interfaces/TYPES.StdBaseStyleOption.html#indicatorBottomLeft","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.StdBaseStyleOption"},{"id":105,"kind":256,"name":"StdTextBaseStyleOption","url":"interfaces/TYPES.StdTextBaseStyleOption.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":106,"kind":1024,"name":"color","url":"interfaces/TYPES.StdTextBaseStyleOption.html#color","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.StdTextBaseStyleOption"},{"id":107,"kind":1024,"name":"font","url":"interfaces/TYPES.StdTextBaseStyleOption.html#font","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.StdTextBaseStyleOption"},{"id":108,"kind":1024,"name":"padding","url":"interfaces/TYPES.StdTextBaseStyleOption.html#padding","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.StdTextBaseStyleOption"},{"id":109,"kind":1024,"name":"textOverflow","url":"interfaces/TYPES.StdTextBaseStyleOption.html#textOverflow","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.StdTextBaseStyleOption"},{"id":110,"kind":1024,"name":"textAlign","url":"interfaces/TYPES.StdTextBaseStyleOption.html#textAlign","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.StdTextBaseStyleOption"},{"id":111,"kind":1024,"name":"textBaseline","url":"interfaces/TYPES.StdTextBaseStyleOption.html#textBaseline","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.StdTextBaseStyleOption"},{"id":112,"kind":1024,"name":"bgColor","url":"interfaces/TYPES.StdTextBaseStyleOption.html#bgColor","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.StdTextBaseStyleOption"},{"id":113,"kind":1024,"name":"visibility","url":"interfaces/TYPES.StdTextBaseStyleOption.html#visibility","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.StdTextBaseStyleOption"},{"id":114,"kind":1024,"name":"indicatorTopLeft","url":"interfaces/TYPES.StdTextBaseStyleOption.html#indicatorTopLeft","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.StdTextBaseStyleOption"},{"id":115,"kind":1024,"name":"indicatorTopRight","url":"interfaces/TYPES.StdTextBaseStyleOption.html#indicatorTopRight","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.StdTextBaseStyleOption"},{"id":116,"kind":1024,"name":"indicatorBottomRight","url":"interfaces/TYPES.StdTextBaseStyleOption.html#indicatorBottomRight","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.StdTextBaseStyleOption"},{"id":117,"kind":1024,"name":"indicatorBottomLeft","url":"interfaces/TYPES.StdTextBaseStyleOption.html#indicatorBottomLeft","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.StdTextBaseStyleOption"},{"id":118,"kind":256,"name":"StdMultilineTextBaseStyleOption","url":"interfaces/TYPES.StdMultilineTextBaseStyleOption.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":119,"kind":1024,"name":"lineHeight","url":"interfaces/TYPES.StdMultilineTextBaseStyleOption.html#lineHeight","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.StdMultilineTextBaseStyleOption"},{"id":120,"kind":1024,"name":"autoWrapText","url":"interfaces/TYPES.StdMultilineTextBaseStyleOption.html#autoWrapText","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.StdMultilineTextBaseStyleOption"},{"id":121,"kind":1024,"name":"lineClamp","url":"interfaces/TYPES.StdMultilineTextBaseStyleOption.html#lineClamp","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.StdMultilineTextBaseStyleOption"},{"id":122,"kind":1024,"name":"color","url":"interfaces/TYPES.StdMultilineTextBaseStyleOption.html#color","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.StdMultilineTextBaseStyleOption"},{"id":123,"kind":1024,"name":"font","url":"interfaces/TYPES.StdMultilineTextBaseStyleOption.html#font","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.StdMultilineTextBaseStyleOption"},{"id":124,"kind":1024,"name":"padding","url":"interfaces/TYPES.StdMultilineTextBaseStyleOption.html#padding","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.StdMultilineTextBaseStyleOption"},{"id":125,"kind":1024,"name":"textOverflow","url":"interfaces/TYPES.StdMultilineTextBaseStyleOption.html#textOverflow","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.StdMultilineTextBaseStyleOption"},{"id":126,"kind":1024,"name":"textAlign","url":"interfaces/TYPES.StdMultilineTextBaseStyleOption.html#textAlign","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.StdMultilineTextBaseStyleOption"},{"id":127,"kind":1024,"name":"textBaseline","url":"interfaces/TYPES.StdMultilineTextBaseStyleOption.html#textBaseline","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.StdMultilineTextBaseStyleOption"},{"id":128,"kind":1024,"name":"bgColor","url":"interfaces/TYPES.StdMultilineTextBaseStyleOption.html#bgColor","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.StdMultilineTextBaseStyleOption"},{"id":129,"kind":1024,"name":"visibility","url":"interfaces/TYPES.StdMultilineTextBaseStyleOption.html#visibility","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.StdMultilineTextBaseStyleOption"},{"id":130,"kind":1024,"name":"indicatorTopLeft","url":"interfaces/TYPES.StdMultilineTextBaseStyleOption.html#indicatorTopLeft","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.StdMultilineTextBaseStyleOption"},{"id":131,"kind":1024,"name":"indicatorTopRight","url":"interfaces/TYPES.StdMultilineTextBaseStyleOption.html#indicatorTopRight","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.StdMultilineTextBaseStyleOption"},{"id":132,"kind":1024,"name":"indicatorBottomRight","url":"interfaces/TYPES.StdMultilineTextBaseStyleOption.html#indicatorBottomRight","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.StdMultilineTextBaseStyleOption"},{"id":133,"kind":1024,"name":"indicatorBottomLeft","url":"interfaces/TYPES.StdMultilineTextBaseStyleOption.html#indicatorBottomLeft","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.StdMultilineTextBaseStyleOption"},{"id":134,"kind":4194304,"name":"StyleOption","url":"modules/TYPES.html#StyleOption","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":135,"kind":256,"name":"HeaderStdStyleOption","url":"interfaces/TYPES.HeaderStdStyleOption.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":136,"kind":1024,"name":"multiline","url":"interfaces/TYPES.HeaderStdStyleOption.html#multiline","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.HeaderStdStyleOption"},{"id":137,"kind":1024,"name":"lineHeight","url":"interfaces/TYPES.HeaderStdStyleOption.html#lineHeight","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.HeaderStdStyleOption"},{"id":138,"kind":1024,"name":"autoWrapText","url":"interfaces/TYPES.HeaderStdStyleOption.html#autoWrapText","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.HeaderStdStyleOption"},{"id":139,"kind":1024,"name":"lineClamp","url":"interfaces/TYPES.HeaderStdStyleOption.html#lineClamp","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.HeaderStdStyleOption"},{"id":140,"kind":1024,"name":"color","url":"interfaces/TYPES.HeaderStdStyleOption.html#color","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.HeaderStdStyleOption"},{"id":141,"kind":1024,"name":"font","url":"interfaces/TYPES.HeaderStdStyleOption.html#font","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.HeaderStdStyleOption"},{"id":142,"kind":1024,"name":"padding","url":"interfaces/TYPES.HeaderStdStyleOption.html#padding","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.HeaderStdStyleOption"},{"id":143,"kind":1024,"name":"textOverflow","url":"interfaces/TYPES.HeaderStdStyleOption.html#textOverflow","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.HeaderStdStyleOption"},{"id":144,"kind":1024,"name":"textAlign","url":"interfaces/TYPES.HeaderStdStyleOption.html#textAlign","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.HeaderStdStyleOption"},{"id":145,"kind":1024,"name":"textBaseline","url":"interfaces/TYPES.HeaderStdStyleOption.html#textBaseline","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.HeaderStdStyleOption"},{"id":146,"kind":1024,"name":"bgColor","url":"interfaces/TYPES.HeaderStdStyleOption.html#bgColor","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.HeaderStdStyleOption"},{"id":147,"kind":1024,"name":"visibility","url":"interfaces/TYPES.HeaderStdStyleOption.html#visibility","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.HeaderStdStyleOption"},{"id":148,"kind":1024,"name":"indicatorTopLeft","url":"interfaces/TYPES.HeaderStdStyleOption.html#indicatorTopLeft","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.HeaderStdStyleOption"},{"id":149,"kind":1024,"name":"indicatorTopRight","url":"interfaces/TYPES.HeaderStdStyleOption.html#indicatorTopRight","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.HeaderStdStyleOption"},{"id":150,"kind":1024,"name":"indicatorBottomRight","url":"interfaces/TYPES.HeaderStdStyleOption.html#indicatorBottomRight","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.HeaderStdStyleOption"},{"id":151,"kind":1024,"name":"indicatorBottomLeft","url":"interfaces/TYPES.HeaderStdStyleOption.html#indicatorBottomLeft","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.HeaderStdStyleOption"},{"id":152,"kind":256,"name":"ButtonStyleOption","url":"interfaces/TYPES.ButtonStyleOption.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":153,"kind":1024,"name":"buttonBgColor","url":"interfaces/TYPES.ButtonStyleOption.html#buttonBgColor","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ButtonStyleOption"},{"id":154,"kind":1024,"name":"color","url":"interfaces/TYPES.ButtonStyleOption.html#color","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ButtonStyleOption"},{"id":155,"kind":1024,"name":"font","url":"interfaces/TYPES.ButtonStyleOption.html#font","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ButtonStyleOption"},{"id":156,"kind":1024,"name":"padding","url":"interfaces/TYPES.ButtonStyleOption.html#padding","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ButtonStyleOption"},{"id":157,"kind":1024,"name":"textOverflow","url":"interfaces/TYPES.ButtonStyleOption.html#textOverflow","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ButtonStyleOption"},{"id":158,"kind":1024,"name":"textAlign","url":"interfaces/TYPES.ButtonStyleOption.html#textAlign","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ButtonStyleOption"},{"id":159,"kind":1024,"name":"textBaseline","url":"interfaces/TYPES.ButtonStyleOption.html#textBaseline","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ButtonStyleOption"},{"id":160,"kind":1024,"name":"bgColor","url":"interfaces/TYPES.ButtonStyleOption.html#bgColor","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ButtonStyleOption"},{"id":161,"kind":1024,"name":"visibility","url":"interfaces/TYPES.ButtonStyleOption.html#visibility","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ButtonStyleOption"},{"id":162,"kind":1024,"name":"indicatorTopLeft","url":"interfaces/TYPES.ButtonStyleOption.html#indicatorTopLeft","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ButtonStyleOption"},{"id":163,"kind":1024,"name":"indicatorTopRight","url":"interfaces/TYPES.ButtonStyleOption.html#indicatorTopRight","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ButtonStyleOption"},{"id":164,"kind":1024,"name":"indicatorBottomRight","url":"interfaces/TYPES.ButtonStyleOption.html#indicatorBottomRight","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ButtonStyleOption"},{"id":165,"kind":1024,"name":"indicatorBottomLeft","url":"interfaces/TYPES.ButtonStyleOption.html#indicatorBottomLeft","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ButtonStyleOption"},{"id":166,"kind":256,"name":"CheckStyleOption","url":"interfaces/TYPES.CheckStyleOption.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":167,"kind":1024,"name":"uncheckBgColor","url":"interfaces/TYPES.CheckStyleOption.html#uncheckBgColor","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.CheckStyleOption"},{"id":168,"kind":1024,"name":"checkBgColor","url":"interfaces/TYPES.CheckStyleOption.html#checkBgColor","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.CheckStyleOption"},{"id":169,"kind":1024,"name":"borderColor","url":"interfaces/TYPES.CheckStyleOption.html#borderColor","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.CheckStyleOption"},{"id":170,"kind":1024,"name":"textAlign","url":"interfaces/TYPES.CheckStyleOption.html#textAlign","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.CheckStyleOption"},{"id":171,"kind":1024,"name":"textBaseline","url":"interfaces/TYPES.CheckStyleOption.html#textBaseline","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.CheckStyleOption"},{"id":172,"kind":1024,"name":"bgColor","url":"interfaces/TYPES.CheckStyleOption.html#bgColor","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.CheckStyleOption"},{"id":173,"kind":1024,"name":"visibility","url":"interfaces/TYPES.CheckStyleOption.html#visibility","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.CheckStyleOption"},{"id":174,"kind":1024,"name":"indicatorTopLeft","url":"interfaces/TYPES.CheckStyleOption.html#indicatorTopLeft","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.CheckStyleOption"},{"id":175,"kind":1024,"name":"indicatorTopRight","url":"interfaces/TYPES.CheckStyleOption.html#indicatorTopRight","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.CheckStyleOption"},{"id":176,"kind":1024,"name":"indicatorBottomRight","url":"interfaces/TYPES.CheckStyleOption.html#indicatorBottomRight","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.CheckStyleOption"},{"id":177,"kind":1024,"name":"indicatorBottomLeft","url":"interfaces/TYPES.CheckStyleOption.html#indicatorBottomLeft","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.CheckStyleOption"},{"id":178,"kind":256,"name":"RadioStyleOption","url":"interfaces/TYPES.RadioStyleOption.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":179,"kind":1024,"name":"checkColor","url":"interfaces/TYPES.RadioStyleOption.html#checkColor","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.RadioStyleOption"},{"id":180,"kind":1024,"name":"uncheckBorderColor","url":"interfaces/TYPES.RadioStyleOption.html#uncheckBorderColor","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.RadioStyleOption"},{"id":181,"kind":1024,"name":"checkBorderColor","url":"interfaces/TYPES.RadioStyleOption.html#checkBorderColor","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.RadioStyleOption"},{"id":182,"kind":1024,"name":"uncheckBgColor","url":"interfaces/TYPES.RadioStyleOption.html#uncheckBgColor","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.RadioStyleOption"},{"id":183,"kind":1024,"name":"checkBgColor","url":"interfaces/TYPES.RadioStyleOption.html#checkBgColor","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.RadioStyleOption"},{"id":184,"kind":1024,"name":"textAlign","url":"interfaces/TYPES.RadioStyleOption.html#textAlign","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.RadioStyleOption"},{"id":185,"kind":1024,"name":"textBaseline","url":"interfaces/TYPES.RadioStyleOption.html#textBaseline","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.RadioStyleOption"},{"id":186,"kind":1024,"name":"bgColor","url":"interfaces/TYPES.RadioStyleOption.html#bgColor","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.RadioStyleOption"},{"id":187,"kind":1024,"name":"visibility","url":"interfaces/TYPES.RadioStyleOption.html#visibility","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.RadioStyleOption"},{"id":188,"kind":1024,"name":"indicatorTopLeft","url":"interfaces/TYPES.RadioStyleOption.html#indicatorTopLeft","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.RadioStyleOption"},{"id":189,"kind":1024,"name":"indicatorTopRight","url":"interfaces/TYPES.RadioStyleOption.html#indicatorTopRight","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.RadioStyleOption"},{"id":190,"kind":1024,"name":"indicatorBottomRight","url":"interfaces/TYPES.RadioStyleOption.html#indicatorBottomRight","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.RadioStyleOption"},{"id":191,"kind":1024,"name":"indicatorBottomLeft","url":"interfaces/TYPES.RadioStyleOption.html#indicatorBottomLeft","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.RadioStyleOption"},{"id":192,"kind":256,"name":"CheckHeaderStyleOption","url":"interfaces/TYPES.CheckHeaderStyleOption.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":193,"kind":1024,"name":"uncheckBgColor","url":"interfaces/TYPES.CheckHeaderStyleOption.html#uncheckBgColor","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.CheckHeaderStyleOption"},{"id":194,"kind":1024,"name":"checkBgColor","url":"interfaces/TYPES.CheckHeaderStyleOption.html#checkBgColor","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.CheckHeaderStyleOption"},{"id":195,"kind":1024,"name":"borderColor","url":"interfaces/TYPES.CheckHeaderStyleOption.html#borderColor","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.CheckHeaderStyleOption"},{"id":196,"kind":1024,"name":"color","url":"interfaces/TYPES.CheckHeaderStyleOption.html#color","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.CheckHeaderStyleOption"},{"id":197,"kind":1024,"name":"font","url":"interfaces/TYPES.CheckHeaderStyleOption.html#font","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.CheckHeaderStyleOption"},{"id":198,"kind":1024,"name":"padding","url":"interfaces/TYPES.CheckHeaderStyleOption.html#padding","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.CheckHeaderStyleOption"},{"id":199,"kind":1024,"name":"textOverflow","url":"interfaces/TYPES.CheckHeaderStyleOption.html#textOverflow","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.CheckHeaderStyleOption"},{"id":200,"kind":1024,"name":"textAlign","url":"interfaces/TYPES.CheckHeaderStyleOption.html#textAlign","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.CheckHeaderStyleOption"},{"id":201,"kind":1024,"name":"textBaseline","url":"interfaces/TYPES.CheckHeaderStyleOption.html#textBaseline","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.CheckHeaderStyleOption"},{"id":202,"kind":1024,"name":"bgColor","url":"interfaces/TYPES.CheckHeaderStyleOption.html#bgColor","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.CheckHeaderStyleOption"},{"id":203,"kind":1024,"name":"visibility","url":"interfaces/TYPES.CheckHeaderStyleOption.html#visibility","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.CheckHeaderStyleOption"},{"id":204,"kind":1024,"name":"indicatorTopLeft","url":"interfaces/TYPES.CheckHeaderStyleOption.html#indicatorTopLeft","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.CheckHeaderStyleOption"},{"id":205,"kind":1024,"name":"indicatorTopRight","url":"interfaces/TYPES.CheckHeaderStyleOption.html#indicatorTopRight","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.CheckHeaderStyleOption"},{"id":206,"kind":1024,"name":"indicatorBottomRight","url":"interfaces/TYPES.CheckHeaderStyleOption.html#indicatorBottomRight","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.CheckHeaderStyleOption"},{"id":207,"kind":1024,"name":"indicatorBottomLeft","url":"interfaces/TYPES.CheckHeaderStyleOption.html#indicatorBottomLeft","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.CheckHeaderStyleOption"},{"id":208,"kind":4194304,"name":"NumberStyleOption","url":"modules/TYPES.html#NumberStyleOption","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":209,"kind":256,"name":"MultilineTextStyleOption","url":"interfaces/TYPES.MultilineTextStyleOption.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":210,"kind":1024,"name":"lineHeight","url":"interfaces/TYPES.MultilineTextStyleOption.html#lineHeight","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.MultilineTextStyleOption"},{"id":211,"kind":1024,"name":"autoWrapText","url":"interfaces/TYPES.MultilineTextStyleOption.html#autoWrapText","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.MultilineTextStyleOption"},{"id":212,"kind":1024,"name":"lineClamp","url":"interfaces/TYPES.MultilineTextStyleOption.html#lineClamp","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.MultilineTextStyleOption"},{"id":213,"kind":1024,"name":"color","url":"interfaces/TYPES.MultilineTextStyleOption.html#color","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.MultilineTextStyleOption"},{"id":214,"kind":1024,"name":"font","url":"interfaces/TYPES.MultilineTextStyleOption.html#font","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.MultilineTextStyleOption"},{"id":215,"kind":1024,"name":"padding","url":"interfaces/TYPES.MultilineTextStyleOption.html#padding","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.MultilineTextStyleOption"},{"id":216,"kind":1024,"name":"textOverflow","url":"interfaces/TYPES.MultilineTextStyleOption.html#textOverflow","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.MultilineTextStyleOption"},{"id":217,"kind":1024,"name":"textAlign","url":"interfaces/TYPES.MultilineTextStyleOption.html#textAlign","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.MultilineTextStyleOption"},{"id":218,"kind":1024,"name":"textBaseline","url":"interfaces/TYPES.MultilineTextStyleOption.html#textBaseline","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.MultilineTextStyleOption"},{"id":219,"kind":1024,"name":"bgColor","url":"interfaces/TYPES.MultilineTextStyleOption.html#bgColor","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.MultilineTextStyleOption"},{"id":220,"kind":1024,"name":"visibility","url":"interfaces/TYPES.MultilineTextStyleOption.html#visibility","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.MultilineTextStyleOption"},{"id":221,"kind":1024,"name":"indicatorTopLeft","url":"interfaces/TYPES.MultilineTextStyleOption.html#indicatorTopLeft","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.MultilineTextStyleOption"},{"id":222,"kind":1024,"name":"indicatorTopRight","url":"interfaces/TYPES.MultilineTextStyleOption.html#indicatorTopRight","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.MultilineTextStyleOption"},{"id":223,"kind":1024,"name":"indicatorBottomRight","url":"interfaces/TYPES.MultilineTextStyleOption.html#indicatorBottomRight","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.MultilineTextStyleOption"},{"id":224,"kind":1024,"name":"indicatorBottomLeft","url":"interfaces/TYPES.MultilineTextStyleOption.html#indicatorBottomLeft","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.MultilineTextStyleOption"},{"id":225,"kind":4194304,"name":"MultilineTextHeaderStyleOption","url":"modules/TYPES.html#MultilineTextHeaderStyleOption","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":226,"kind":256,"name":"MenuStyleOption","url":"interfaces/TYPES.MenuStyleOption.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":227,"kind":1024,"name":"appearance","url":"interfaces/TYPES.MenuStyleOption.html#appearance","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.MenuStyleOption"},{"id":228,"kind":1024,"name":"color","url":"interfaces/TYPES.MenuStyleOption.html#color","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.MenuStyleOption"},{"id":229,"kind":1024,"name":"font","url":"interfaces/TYPES.MenuStyleOption.html#font","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.MenuStyleOption"},{"id":230,"kind":1024,"name":"padding","url":"interfaces/TYPES.MenuStyleOption.html#padding","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.MenuStyleOption"},{"id":231,"kind":1024,"name":"textOverflow","url":"interfaces/TYPES.MenuStyleOption.html#textOverflow","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.MenuStyleOption"},{"id":232,"kind":1024,"name":"textAlign","url":"interfaces/TYPES.MenuStyleOption.html#textAlign","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.MenuStyleOption"},{"id":233,"kind":1024,"name":"textBaseline","url":"interfaces/TYPES.MenuStyleOption.html#textBaseline","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.MenuStyleOption"},{"id":234,"kind":1024,"name":"bgColor","url":"interfaces/TYPES.MenuStyleOption.html#bgColor","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.MenuStyleOption"},{"id":235,"kind":1024,"name":"visibility","url":"interfaces/TYPES.MenuStyleOption.html#visibility","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.MenuStyleOption"},{"id":236,"kind":1024,"name":"indicatorTopLeft","url":"interfaces/TYPES.MenuStyleOption.html#indicatorTopLeft","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.MenuStyleOption"},{"id":237,"kind":1024,"name":"indicatorTopRight","url":"interfaces/TYPES.MenuStyleOption.html#indicatorTopRight","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.MenuStyleOption"},{"id":238,"kind":1024,"name":"indicatorBottomRight","url":"interfaces/TYPES.MenuStyleOption.html#indicatorBottomRight","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.MenuStyleOption"},{"id":239,"kind":1024,"name":"indicatorBottomLeft","url":"interfaces/TYPES.MenuStyleOption.html#indicatorBottomLeft","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.MenuStyleOption"},{"id":240,"kind":256,"name":"ImageStyleOption","url":"interfaces/TYPES.ImageStyleOption.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":241,"kind":1024,"name":"imageSizing","url":"interfaces/TYPES.ImageStyleOption.html#imageSizing","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ImageStyleOption"},{"id":242,"kind":1024,"name":"margin","url":"interfaces/TYPES.ImageStyleOption.html#margin","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ImageStyleOption"},{"id":243,"kind":1024,"name":"textAlign","url":"interfaces/TYPES.ImageStyleOption.html#textAlign","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ImageStyleOption"},{"id":244,"kind":1024,"name":"textBaseline","url":"interfaces/TYPES.ImageStyleOption.html#textBaseline","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ImageStyleOption"},{"id":245,"kind":1024,"name":"bgColor","url":"interfaces/TYPES.ImageStyleOption.html#bgColor","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ImageStyleOption"},{"id":246,"kind":1024,"name":"visibility","url":"interfaces/TYPES.ImageStyleOption.html#visibility","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ImageStyleOption"},{"id":247,"kind":1024,"name":"indicatorTopLeft","url":"interfaces/TYPES.ImageStyleOption.html#indicatorTopLeft","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ImageStyleOption"},{"id":248,"kind":1024,"name":"indicatorTopRight","url":"interfaces/TYPES.ImageStyleOption.html#indicatorTopRight","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ImageStyleOption"},{"id":249,"kind":1024,"name":"indicatorBottomRight","url":"interfaces/TYPES.ImageStyleOption.html#indicatorBottomRight","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ImageStyleOption"},{"id":250,"kind":1024,"name":"indicatorBottomLeft","url":"interfaces/TYPES.ImageStyleOption.html#indicatorBottomLeft","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ImageStyleOption"},{"id":251,"kind":4194304,"name":"IconStyleOption","url":"modules/TYPES.html#IconStyleOption","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":252,"kind":256,"name":"BranchGraphStyleOption","url":"interfaces/TYPES.BranchGraphStyleOption.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":253,"kind":1024,"name":"branchColors","url":"interfaces/TYPES.BranchGraphStyleOption.html#branchColors","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.BranchGraphStyleOption"},{"id":254,"kind":1024,"name":"margin","url":"interfaces/TYPES.BranchGraphStyleOption.html#margin","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.BranchGraphStyleOption"},{"id":255,"kind":1024,"name":"circleSize","url":"interfaces/TYPES.BranchGraphStyleOption.html#circleSize","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.BranchGraphStyleOption"},{"id":256,"kind":1024,"name":"branchLineWidth","url":"interfaces/TYPES.BranchGraphStyleOption.html#branchLineWidth","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.BranchGraphStyleOption"},{"id":257,"kind":1024,"name":"mergeStyle","url":"interfaces/TYPES.BranchGraphStyleOption.html#mergeStyle","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.BranchGraphStyleOption"},{"id":258,"kind":1024,"name":"bgColor","url":"interfaces/TYPES.BranchGraphStyleOption.html#bgColor","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.BranchGraphStyleOption"},{"id":259,"kind":1024,"name":"visibility","url":"interfaces/TYPES.BranchGraphStyleOption.html#visibility","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.BranchGraphStyleOption"},{"id":260,"kind":1024,"name":"indicatorTopLeft","url":"interfaces/TYPES.BranchGraphStyleOption.html#indicatorTopLeft","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.BranchGraphStyleOption"},{"id":261,"kind":1024,"name":"indicatorTopRight","url":"interfaces/TYPES.BranchGraphStyleOption.html#indicatorTopRight","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.BranchGraphStyleOption"},{"id":262,"kind":1024,"name":"indicatorBottomRight","url":"interfaces/TYPES.BranchGraphStyleOption.html#indicatorBottomRight","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.BranchGraphStyleOption"},{"id":263,"kind":1024,"name":"indicatorBottomLeft","url":"interfaces/TYPES.BranchGraphStyleOption.html#indicatorBottomLeft","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.BranchGraphStyleOption"},{"id":264,"kind":256,"name":"PercentCompleteBarStyleOption","url":"interfaces/TYPES.PercentCompleteBarStyleOption.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":265,"kind":1024,"name":"barColor","url":"interfaces/TYPES.PercentCompleteBarStyleOption.html#barColor","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.PercentCompleteBarStyleOption"},{"id":266,"kind":1024,"name":"barBgColor","url":"interfaces/TYPES.PercentCompleteBarStyleOption.html#barBgColor","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.PercentCompleteBarStyleOption"},{"id":267,"kind":1024,"name":"barHeight","url":"interfaces/TYPES.PercentCompleteBarStyleOption.html#barHeight","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.PercentCompleteBarStyleOption"},{"id":268,"kind":1024,"name":"color","url":"interfaces/TYPES.PercentCompleteBarStyleOption.html#color","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.PercentCompleteBarStyleOption"},{"id":269,"kind":1024,"name":"font","url":"interfaces/TYPES.PercentCompleteBarStyleOption.html#font","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.PercentCompleteBarStyleOption"},{"id":270,"kind":1024,"name":"padding","url":"interfaces/TYPES.PercentCompleteBarStyleOption.html#padding","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.PercentCompleteBarStyleOption"},{"id":271,"kind":1024,"name":"textOverflow","url":"interfaces/TYPES.PercentCompleteBarStyleOption.html#textOverflow","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.PercentCompleteBarStyleOption"},{"id":272,"kind":1024,"name":"textAlign","url":"interfaces/TYPES.PercentCompleteBarStyleOption.html#textAlign","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.PercentCompleteBarStyleOption"},{"id":273,"kind":1024,"name":"textBaseline","url":"interfaces/TYPES.PercentCompleteBarStyleOption.html#textBaseline","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.PercentCompleteBarStyleOption"},{"id":274,"kind":1024,"name":"bgColor","url":"interfaces/TYPES.PercentCompleteBarStyleOption.html#bgColor","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.PercentCompleteBarStyleOption"},{"id":275,"kind":1024,"name":"visibility","url":"interfaces/TYPES.PercentCompleteBarStyleOption.html#visibility","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.PercentCompleteBarStyleOption"},{"id":276,"kind":1024,"name":"indicatorTopLeft","url":"interfaces/TYPES.PercentCompleteBarStyleOption.html#indicatorTopLeft","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.PercentCompleteBarStyleOption"},{"id":277,"kind":1024,"name":"indicatorTopRight","url":"interfaces/TYPES.PercentCompleteBarStyleOption.html#indicatorTopRight","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.PercentCompleteBarStyleOption"},{"id":278,"kind":1024,"name":"indicatorBottomRight","url":"interfaces/TYPES.PercentCompleteBarStyleOption.html#indicatorBottomRight","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.PercentCompleteBarStyleOption"},{"id":279,"kind":1024,"name":"indicatorBottomLeft","url":"interfaces/TYPES.PercentCompleteBarStyleOption.html#indicatorBottomLeft","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.PercentCompleteBarStyleOption"},{"id":280,"kind":256,"name":"SortHeaderStyleOption","url":"interfaces/TYPES.SortHeaderStyleOption.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":281,"kind":1024,"name":"sortArrowColor","url":"interfaces/TYPES.SortHeaderStyleOption.html#sortArrowColor","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.SortHeaderStyleOption"},{"id":282,"kind":1024,"name":"multiline","url":"interfaces/TYPES.SortHeaderStyleOption.html#multiline","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.SortHeaderStyleOption"},{"id":283,"kind":1024,"name":"lineHeight","url":"interfaces/TYPES.SortHeaderStyleOption.html#lineHeight","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.SortHeaderStyleOption"},{"id":284,"kind":1024,"name":"autoWrapText","url":"interfaces/TYPES.SortHeaderStyleOption.html#autoWrapText","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.SortHeaderStyleOption"},{"id":285,"kind":1024,"name":"lineClamp","url":"interfaces/TYPES.SortHeaderStyleOption.html#lineClamp","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.SortHeaderStyleOption"},{"id":286,"kind":1024,"name":"color","url":"interfaces/TYPES.SortHeaderStyleOption.html#color","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.SortHeaderStyleOption"},{"id":287,"kind":1024,"name":"font","url":"interfaces/TYPES.SortHeaderStyleOption.html#font","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.SortHeaderStyleOption"},{"id":288,"kind":1024,"name":"padding","url":"interfaces/TYPES.SortHeaderStyleOption.html#padding","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.SortHeaderStyleOption"},{"id":289,"kind":1024,"name":"textOverflow","url":"interfaces/TYPES.SortHeaderStyleOption.html#textOverflow","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.SortHeaderStyleOption"},{"id":290,"kind":1024,"name":"textAlign","url":"interfaces/TYPES.SortHeaderStyleOption.html#textAlign","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.SortHeaderStyleOption"},{"id":291,"kind":1024,"name":"textBaseline","url":"interfaces/TYPES.SortHeaderStyleOption.html#textBaseline","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.SortHeaderStyleOption"},{"id":292,"kind":1024,"name":"bgColor","url":"interfaces/TYPES.SortHeaderStyleOption.html#bgColor","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.SortHeaderStyleOption"},{"id":293,"kind":1024,"name":"visibility","url":"interfaces/TYPES.SortHeaderStyleOption.html#visibility","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.SortHeaderStyleOption"},{"id":294,"kind":1024,"name":"indicatorTopLeft","url":"interfaces/TYPES.SortHeaderStyleOption.html#indicatorTopLeft","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.SortHeaderStyleOption"},{"id":295,"kind":1024,"name":"indicatorTopRight","url":"interfaces/TYPES.SortHeaderStyleOption.html#indicatorTopRight","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.SortHeaderStyleOption"},{"id":296,"kind":1024,"name":"indicatorBottomRight","url":"interfaces/TYPES.SortHeaderStyleOption.html#indicatorBottomRight","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.SortHeaderStyleOption"},{"id":297,"kind":1024,"name":"indicatorBottomLeft","url":"interfaces/TYPES.SortHeaderStyleOption.html#indicatorBottomLeft","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.SortHeaderStyleOption"},{"id":298,"kind":4194304,"name":"ColumnStyleOption","url":"modules/TYPES.html#ColumnStyleOption","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":299,"kind":4194304,"name":"HeaderStyleOption","url":"modules/TYPES.html#HeaderStyleOption","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":300,"kind":4194304,"name":"RecordBoolean","url":"modules/TYPES.html#RecordBoolean","classes":"tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter","parent":"TYPES"},{"id":301,"kind":256,"name":"BaseActionOption","url":"interfaces/TYPES.BaseActionOption.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":302,"kind":1024,"name":"disabled","url":"interfaces/TYPES.BaseActionOption.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.BaseActionOption"},{"id":303,"kind":4194304,"name":"ActionListener","url":"modules/TYPES.html#ActionListener","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":304,"kind":65536,"name":"__type","url":"modules/TYPES.html#ActionListener.__type","classes":"tsd-kind-type-literal tsd-parent-kind-type-alias","parent":"TYPES.ActionListener"},{"id":305,"kind":256,"name":"ActionOption","url":"interfaces/TYPES.ActionOption.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":306,"kind":1024,"name":"action","url":"interfaces/TYPES.ActionOption.html#action","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ActionOption"},{"id":307,"kind":1024,"name":"disabled","url":"interfaces/TYPES.ActionOption.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ActionOption"},{"id":308,"kind":256,"name":"EditorOption","url":"interfaces/TYPES.EditorOption.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":309,"kind":1024,"name":"readOnly","url":"interfaces/TYPES.EditorOption.html#readOnly","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.EditorOption"},{"id":310,"kind":1024,"name":"disabled","url":"interfaces/TYPES.EditorOption.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.EditorOption"},{"id":311,"kind":4194304,"name":"ButtonActionOption","url":"modules/TYPES.html#ButtonActionOption","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":312,"kind":256,"name":"InlineMenuEditorOption","url":"interfaces/TYPES.InlineMenuEditorOption.html","classes":"tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter","parent":"TYPES"},{"id":313,"kind":1024,"name":"classList","url":"interfaces/TYPES.InlineMenuEditorOption.html#classList","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.InlineMenuEditorOption"},{"id":314,"kind":1024,"name":"options","url":"interfaces/TYPES.InlineMenuEditorOption.html#options","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.InlineMenuEditorOption"},{"id":315,"kind":1024,"name":"readOnly","url":"interfaces/TYPES.InlineMenuEditorOption.html#readOnly","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.InlineMenuEditorOption"},{"id":316,"kind":1024,"name":"disabled","url":"interfaces/TYPES.InlineMenuEditorOption.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.InlineMenuEditorOption"},{"id":317,"kind":256,"name":"InlineInputEditorOption","url":"interfaces/TYPES.InlineInputEditorOption.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":318,"kind":1024,"name":"classList","url":"interfaces/TYPES.InlineInputEditorOption.html#classList","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.InlineInputEditorOption"},{"id":319,"kind":1024,"name":"type","url":"interfaces/TYPES.InlineInputEditorOption.html#type","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.InlineInputEditorOption"},{"id":320,"kind":1024,"name":"readOnly","url":"interfaces/TYPES.InlineInputEditorOption.html#readOnly","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.InlineInputEditorOption"},{"id":321,"kind":1024,"name":"disabled","url":"interfaces/TYPES.InlineInputEditorOption.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.InlineInputEditorOption"},{"id":322,"kind":256,"name":"SmallDialogInputEditorOption","url":"interfaces/TYPES.SmallDialogInputEditorOption.html","classes":"tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter","parent":"TYPES"},{"id":323,"kind":1024,"name":"classList","url":"interfaces/TYPES.SmallDialogInputEditorOption.html#classList","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.SmallDialogInputEditorOption"},{"id":324,"kind":1024,"name":"type","url":"interfaces/TYPES.SmallDialogInputEditorOption.html#type","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.SmallDialogInputEditorOption"},{"id":325,"kind":1024,"name":"helperText","url":"interfaces/TYPES.SmallDialogInputEditorOption.html#helperText","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.SmallDialogInputEditorOption"},{"id":326,"kind":1024,"name":"inputValidator","url":"interfaces/TYPES.SmallDialogInputEditorOption.html#inputValidator","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.SmallDialogInputEditorOption"},{"id":327,"kind":1024,"name":"validator","url":"interfaces/TYPES.SmallDialogInputEditorOption.html#validator","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.SmallDialogInputEditorOption"},{"id":328,"kind":1024,"name":"readOnly","url":"interfaces/TYPES.SmallDialogInputEditorOption.html#readOnly","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.SmallDialogInputEditorOption"},{"id":329,"kind":1024,"name":"disabled","url":"interfaces/TYPES.SmallDialogInputEditorOption.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.SmallDialogInputEditorOption"},{"id":330,"kind":4194304,"name":"GetRadioEditorGroup","url":"modules/TYPES.html#GetRadioEditorGroup","classes":"tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter","parent":"TYPES"},{"id":331,"kind":65536,"name":"__type","url":"modules/TYPES.html#GetRadioEditorGroup.__type-5","classes":"tsd-kind-type-literal tsd-parent-kind-type-alias","parent":"TYPES.GetRadioEditorGroup"},{"id":332,"kind":256,"name":"RadioEditorOption","url":"interfaces/TYPES.RadioEditorOption.html","classes":"tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter","parent":"TYPES"},{"id":333,"kind":1024,"name":"group","url":"interfaces/TYPES.RadioEditorOption.html#group","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.RadioEditorOption"},{"id":334,"kind":1024,"name":"checkAction","url":"interfaces/TYPES.RadioEditorOption.html#checkAction","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.RadioEditorOption"},{"id":335,"kind":1024,"name":"readOnly","url":"interfaces/TYPES.RadioEditorOption.html#readOnly","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.RadioEditorOption"},{"id":336,"kind":1024,"name":"disabled","url":"interfaces/TYPES.RadioEditorOption.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.RadioEditorOption"},{"id":337,"kind":4194304,"name":"SortOption","url":"modules/TYPES.html#SortOption","classes":"tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter","parent":"TYPES"},{"id":338,"kind":256,"name":"SortHeaderActionOption","url":"interfaces/TYPES.SortHeaderActionOption.html","classes":"tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter","parent":"TYPES"},{"id":339,"kind":1024,"name":"sort","url":"interfaces/TYPES.SortHeaderActionOption.html#sort","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.SortHeaderActionOption"},{"id":340,"kind":1024,"name":"disabled","url":"interfaces/TYPES.SortHeaderActionOption.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.SortHeaderActionOption"},{"id":341,"kind":4194304,"name":"ColumnActionOption","url":"modules/TYPES.html#ColumnActionOption","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":342,"kind":4194304,"name":"HeaderActionOption","url":"modules/TYPES.html#HeaderActionOption","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":343,"kind":4194304,"name":"KeyboardEventListener","url":"modules/TYPES.html#KeyboardEventListener","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":344,"kind":65536,"name":"__type","url":"modules/TYPES.html#KeyboardEventListener.__type-7","classes":"tsd-kind-type-literal tsd-parent-kind-type-alias","parent":"TYPES.KeyboardEventListener"},{"id":345,"kind":4194304,"name":"AnyListener","url":"modules/TYPES.html#AnyListener","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":346,"kind":4194304,"name":"EventListenerId","url":"modules/TYPES.html#EventListenerId","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":347,"kind":4194304,"name":"BeforeSelectedCellEvent","url":"modules/TYPES.html#BeforeSelectedCellEvent","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":348,"kind":4194304,"name":"AfterSelectedCellEvent","url":"modules/TYPES.html#AfterSelectedCellEvent","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":349,"kind":4194304,"name":"SelectedCellEvent","url":"modules/TYPES.html#SelectedCellEvent","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":350,"kind":4194304,"name":"MouseCellEvent","url":"modules/TYPES.html#MouseCellEvent","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":351,"kind":4194304,"name":"TouchCellEvent","url":"modules/TYPES.html#TouchCellEvent","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":352,"kind":4194304,"name":"KeydownEvent","url":"modules/TYPES.html#KeydownEvent","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":353,"kind":65536,"name":"__type","url":"modules/TYPES.html#KeydownEvent.__type-8","classes":"tsd-kind-type-literal tsd-parent-kind-type-alias","parent":"TYPES.KeydownEvent"},{"id":354,"kind":1024,"name":"keyCode","url":"modules/TYPES.html#KeydownEvent.__type-8.keyCode","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TYPES.KeydownEvent.__type"},{"id":355,"kind":1024,"name":"event","url":"modules/TYPES.html#KeydownEvent.__type-8.event","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TYPES.KeydownEvent.__type"},{"id":356,"kind":2048,"name":"stopCellMoving","url":"modules/TYPES.html#KeydownEvent.__type-8.stopCellMoving","classes":"tsd-kind-method tsd-parent-kind-type-literal","parent":"TYPES.KeydownEvent.__type"},{"id":357,"kind":256,"name":"PasteRangeBoxValues","url":"interfaces/TYPES.PasteRangeBoxValues.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":358,"kind":1024,"name":"colCount","url":"interfaces/TYPES.PasteRangeBoxValues.html#colCount","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.PasteRangeBoxValues"},{"id":359,"kind":1024,"name":"rowCount","url":"interfaces/TYPES.PasteRangeBoxValues.html#rowCount","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.PasteRangeBoxValues"},{"id":360,"kind":2048,"name":"getCellValue","url":"interfaces/TYPES.PasteRangeBoxValues.html#getCellValue","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.PasteRangeBoxValues"},{"id":361,"kind":4194304,"name":"PasteCellEvent","url":"modules/TYPES.html#PasteCellEvent","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":362,"kind":4194304,"name":"InputCellEvent","url":"modules/TYPES.html#InputCellEvent","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":363,"kind":4194304,"name":"DeleteCellEvent","url":"modules/TYPES.html#DeleteCellEvent","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":364,"kind":4194304,"name":"ScrollEvent","url":"modules/TYPES.html#ScrollEvent","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":365,"kind":65536,"name":"__type","url":"modules/TYPES.html#ScrollEvent.__type-10","classes":"tsd-kind-type-literal tsd-parent-kind-type-alias","parent":"TYPES.ScrollEvent"},{"id":366,"kind":1024,"name":"event","url":"modules/TYPES.html#ScrollEvent.__type-10.event-1","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TYPES.ScrollEvent.__type"},{"id":367,"kind":4194304,"name":"ModifyStatusEditableinputCellEvent","url":"modules/TYPES.html#ModifyStatusEditableinputCellEvent","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":368,"kind":4194304,"name":"MousePointerCellEvent","url":"modules/TYPES.html#MousePointerCellEvent","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":369,"kind":256,"name":"DrawGridEventHandlersEventMap","url":"interfaces/TYPES.DrawGridEventHandlersEventMap.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":370,"kind":1024,"name":"selected_cell","url":"interfaces/TYPES.DrawGridEventHandlersEventMap.html#selected_cell","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersEventMap"},{"id":371,"kind":1024,"name":"click_cell","url":"interfaces/TYPES.DrawGridEventHandlersEventMap.html#click_cell","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersEventMap"},{"id":372,"kind":1024,"name":"dblclick_cell","url":"interfaces/TYPES.DrawGridEventHandlersEventMap.html#dblclick_cell","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersEventMap"},{"id":373,"kind":1024,"name":"mouseenter_cell","url":"interfaces/TYPES.DrawGridEventHandlersEventMap.html#mouseenter_cell","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersEventMap"},{"id":374,"kind":1024,"name":"mouseleave_cell","url":"interfaces/TYPES.DrawGridEventHandlersEventMap.html#mouseleave_cell","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersEventMap"},{"id":375,"kind":1024,"name":"mouseover_cell","url":"interfaces/TYPES.DrawGridEventHandlersEventMap.html#mouseover_cell","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersEventMap"},{"id":376,"kind":1024,"name":"mouseout_cell","url":"interfaces/TYPES.DrawGridEventHandlersEventMap.html#mouseout_cell","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersEventMap"},{"id":377,"kind":1024,"name":"mousemove_cell","url":"interfaces/TYPES.DrawGridEventHandlersEventMap.html#mousemove_cell","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersEventMap"},{"id":378,"kind":1024,"name":"mousedown_cell","url":"interfaces/TYPES.DrawGridEventHandlersEventMap.html#mousedown_cell","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersEventMap"},{"id":379,"kind":1024,"name":"mouseup_cell","url":"interfaces/TYPES.DrawGridEventHandlersEventMap.html#mouseup_cell","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersEventMap"},{"id":380,"kind":1024,"name":"contextmenu_cell","url":"interfaces/TYPES.DrawGridEventHandlersEventMap.html#contextmenu_cell","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersEventMap"},{"id":381,"kind":1024,"name":"touchstart_cell","url":"interfaces/TYPES.DrawGridEventHandlersEventMap.html#touchstart_cell","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersEventMap"},{"id":382,"kind":1024,"name":"dbltap_cell","url":"interfaces/TYPES.DrawGridEventHandlersEventMap.html#dbltap_cell","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersEventMap"},{"id":383,"kind":1024,"name":"keydown","url":"interfaces/TYPES.DrawGridEventHandlersEventMap.html#keydown","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersEventMap"},{"id":384,"kind":1024,"name":"paste_cell","url":"interfaces/TYPES.DrawGridEventHandlersEventMap.html#paste_cell","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersEventMap"},{"id":385,"kind":1024,"name":"input_cell","url":"interfaces/TYPES.DrawGridEventHandlersEventMap.html#input_cell","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersEventMap"},{"id":386,"kind":1024,"name":"delete_cell","url":"interfaces/TYPES.DrawGridEventHandlersEventMap.html#delete_cell","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersEventMap"},{"id":387,"kind":1024,"name":"scroll","url":"interfaces/TYPES.DrawGridEventHandlersEventMap.html#scroll","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersEventMap"},{"id":388,"kind":1024,"name":"editableinput_cell","url":"interfaces/TYPES.DrawGridEventHandlersEventMap.html#editableinput_cell","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersEventMap"},{"id":389,"kind":1024,"name":"modify_status_editableinput_cell","url":"interfaces/TYPES.DrawGridEventHandlersEventMap.html#modify_status_editableinput_cell","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersEventMap"},{"id":390,"kind":1024,"name":"focus_grid","url":"interfaces/TYPES.DrawGridEventHandlersEventMap.html#focus_grid","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersEventMap"},{"id":391,"kind":1024,"name":"blur_grid","url":"interfaces/TYPES.DrawGridEventHandlersEventMap.html#blur_grid","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersEventMap"},{"id":392,"kind":1024,"name":"resize_column","url":"interfaces/TYPES.DrawGridEventHandlersEventMap.html#resize_column","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersEventMap"},{"id":393,"kind":1024,"name":"copydata","url":"interfaces/TYPES.DrawGridEventHandlersEventMap.html#copydata","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersEventMap"},{"id":394,"kind":256,"name":"DrawGridEventHandlersReturnMap","url":"interfaces/TYPES.DrawGridEventHandlersReturnMap.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":395,"kind":1024,"name":"selected_cell","url":"interfaces/TYPES.DrawGridEventHandlersReturnMap.html#selected_cell","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersReturnMap"},{"id":396,"kind":1024,"name":"click_cell","url":"interfaces/TYPES.DrawGridEventHandlersReturnMap.html#click_cell","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersReturnMap"},{"id":397,"kind":1024,"name":"dblclick_cell","url":"interfaces/TYPES.DrawGridEventHandlersReturnMap.html#dblclick_cell","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersReturnMap"},{"id":398,"kind":1024,"name":"mouseenter_cell","url":"interfaces/TYPES.DrawGridEventHandlersReturnMap.html#mouseenter_cell","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersReturnMap"},{"id":399,"kind":1024,"name":"mouseleave_cell","url":"interfaces/TYPES.DrawGridEventHandlersReturnMap.html#mouseleave_cell","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersReturnMap"},{"id":400,"kind":1024,"name":"mouseover_cell","url":"interfaces/TYPES.DrawGridEventHandlersReturnMap.html#mouseover_cell","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersReturnMap"},{"id":401,"kind":1024,"name":"mouseout_cell","url":"interfaces/TYPES.DrawGridEventHandlersReturnMap.html#mouseout_cell","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersReturnMap"},{"id":402,"kind":1024,"name":"mousemove_cell","url":"interfaces/TYPES.DrawGridEventHandlersReturnMap.html#mousemove_cell","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersReturnMap"},{"id":403,"kind":1024,"name":"mousedown_cell","url":"interfaces/TYPES.DrawGridEventHandlersReturnMap.html#mousedown_cell","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersReturnMap"},{"id":404,"kind":1024,"name":"mouseup_cell","url":"interfaces/TYPES.DrawGridEventHandlersReturnMap.html#mouseup_cell","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersReturnMap"},{"id":405,"kind":1024,"name":"contextmenu_cell","url":"interfaces/TYPES.DrawGridEventHandlersReturnMap.html#contextmenu_cell","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersReturnMap"},{"id":406,"kind":1024,"name":"touchstart_cell","url":"interfaces/TYPES.DrawGridEventHandlersReturnMap.html#touchstart_cell","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersReturnMap"},{"id":407,"kind":1024,"name":"dbltap_cell","url":"interfaces/TYPES.DrawGridEventHandlersReturnMap.html#dbltap_cell","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersReturnMap"},{"id":408,"kind":1024,"name":"keydown","url":"interfaces/TYPES.DrawGridEventHandlersReturnMap.html#keydown","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersReturnMap"},{"id":409,"kind":1024,"name":"paste_cell","url":"interfaces/TYPES.DrawGridEventHandlersReturnMap.html#paste_cell","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersReturnMap"},{"id":410,"kind":1024,"name":"input_cell","url":"interfaces/TYPES.DrawGridEventHandlersReturnMap.html#input_cell","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersReturnMap"},{"id":411,"kind":1024,"name":"delete_cell","url":"interfaces/TYPES.DrawGridEventHandlersReturnMap.html#delete_cell","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersReturnMap"},{"id":412,"kind":1024,"name":"scroll","url":"interfaces/TYPES.DrawGridEventHandlersReturnMap.html#scroll","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersReturnMap"},{"id":413,"kind":1024,"name":"editableinput_cell","url":"interfaces/TYPES.DrawGridEventHandlersReturnMap.html#editableinput_cell","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersReturnMap"},{"id":414,"kind":1024,"name":"modify_status_editableinput_cell","url":"interfaces/TYPES.DrawGridEventHandlersReturnMap.html#modify_status_editableinput_cell","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersReturnMap"},{"id":415,"kind":1024,"name":"focus_grid","url":"interfaces/TYPES.DrawGridEventHandlersReturnMap.html#focus_grid","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersReturnMap"},{"id":416,"kind":1024,"name":"blur_grid","url":"interfaces/TYPES.DrawGridEventHandlersReturnMap.html#blur_grid","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersReturnMap"},{"id":417,"kind":1024,"name":"resize_column","url":"interfaces/TYPES.DrawGridEventHandlersReturnMap.html#resize_column","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersReturnMap"},{"id":418,"kind":1024,"name":"copydata","url":"interfaces/TYPES.DrawGridEventHandlersReturnMap.html#copydata","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridEventHandlersReturnMap"},{"id":419,"kind":4194304,"name":"ChangedValueCellEvent","url":"modules/TYPES.html#ChangedValueCellEvent","classes":"tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter","parent":"TYPES"},{"id":420,"kind":4194304,"name":"ChangedHeaderValueCellEvent","url":"modules/TYPES.html#ChangedHeaderValueCellEvent","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":421,"kind":4194304,"name":"PasteRejectedValuesEvent","url":"modules/TYPES.html#PasteRejectedValuesEvent","classes":"tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter","parent":"TYPES"},{"id":422,"kind":65536,"name":"__type","url":"modules/TYPES.html#PasteRejectedValuesEvent.__type-9","classes":"tsd-kind-type-literal tsd-parent-kind-type-alias","parent":"TYPES.PasteRejectedValuesEvent"},{"id":423,"kind":1024,"name":"detail","url":"modules/TYPES.html#PasteRejectedValuesEvent.__type-9.detail","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TYPES.PasteRejectedValuesEvent.__type"},{"id":424,"kind":256,"name":"ListGridEventHandlersEventMap","url":"interfaces/TYPES.ListGridEventHandlersEventMap.html","classes":"tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter","parent":"TYPES"},{"id":425,"kind":1024,"name":"before_change_value","url":"interfaces/TYPES.ListGridEventHandlersEventMap.html#before_change_value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ListGridEventHandlersEventMap"},{"id":426,"kind":1024,"name":"changed_value","url":"interfaces/TYPES.ListGridEventHandlersEventMap.html#changed_value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ListGridEventHandlersEventMap"},{"id":427,"kind":1024,"name":"changed_header_value","url":"interfaces/TYPES.ListGridEventHandlersEventMap.html#changed_header_value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ListGridEventHandlersEventMap"},{"id":428,"kind":1024,"name":"rejected_paste_values","url":"interfaces/TYPES.ListGridEventHandlersEventMap.html#rejected_paste_values","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ListGridEventHandlersEventMap"},{"id":429,"kind":1024,"name":"selected_cell","url":"interfaces/TYPES.ListGridEventHandlersEventMap.html#selected_cell","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersEventMap"},{"id":430,"kind":1024,"name":"click_cell","url":"interfaces/TYPES.ListGridEventHandlersEventMap.html#click_cell","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersEventMap"},{"id":431,"kind":1024,"name":"dblclick_cell","url":"interfaces/TYPES.ListGridEventHandlersEventMap.html#dblclick_cell","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersEventMap"},{"id":432,"kind":1024,"name":"mouseenter_cell","url":"interfaces/TYPES.ListGridEventHandlersEventMap.html#mouseenter_cell","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersEventMap"},{"id":433,"kind":1024,"name":"mouseleave_cell","url":"interfaces/TYPES.ListGridEventHandlersEventMap.html#mouseleave_cell","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersEventMap"},{"id":434,"kind":1024,"name":"mouseover_cell","url":"interfaces/TYPES.ListGridEventHandlersEventMap.html#mouseover_cell","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersEventMap"},{"id":435,"kind":1024,"name":"mouseout_cell","url":"interfaces/TYPES.ListGridEventHandlersEventMap.html#mouseout_cell","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersEventMap"},{"id":436,"kind":1024,"name":"mousemove_cell","url":"interfaces/TYPES.ListGridEventHandlersEventMap.html#mousemove_cell","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersEventMap"},{"id":437,"kind":1024,"name":"mousedown_cell","url":"interfaces/TYPES.ListGridEventHandlersEventMap.html#mousedown_cell","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersEventMap"},{"id":438,"kind":1024,"name":"mouseup_cell","url":"interfaces/TYPES.ListGridEventHandlersEventMap.html#mouseup_cell","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersEventMap"},{"id":439,"kind":1024,"name":"contextmenu_cell","url":"interfaces/TYPES.ListGridEventHandlersEventMap.html#contextmenu_cell","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersEventMap"},{"id":440,"kind":1024,"name":"touchstart_cell","url":"interfaces/TYPES.ListGridEventHandlersEventMap.html#touchstart_cell","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersEventMap"},{"id":441,"kind":1024,"name":"dbltap_cell","url":"interfaces/TYPES.ListGridEventHandlersEventMap.html#dbltap_cell","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersEventMap"},{"id":442,"kind":1024,"name":"keydown","url":"interfaces/TYPES.ListGridEventHandlersEventMap.html#keydown","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersEventMap"},{"id":443,"kind":1024,"name":"paste_cell","url":"interfaces/TYPES.ListGridEventHandlersEventMap.html#paste_cell","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersEventMap"},{"id":444,"kind":1024,"name":"input_cell","url":"interfaces/TYPES.ListGridEventHandlersEventMap.html#input_cell","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersEventMap"},{"id":445,"kind":1024,"name":"delete_cell","url":"interfaces/TYPES.ListGridEventHandlersEventMap.html#delete_cell","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersEventMap"},{"id":446,"kind":1024,"name":"scroll","url":"interfaces/TYPES.ListGridEventHandlersEventMap.html#scroll","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersEventMap"},{"id":447,"kind":1024,"name":"editableinput_cell","url":"interfaces/TYPES.ListGridEventHandlersEventMap.html#editableinput_cell","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersEventMap"},{"id":448,"kind":1024,"name":"modify_status_editableinput_cell","url":"interfaces/TYPES.ListGridEventHandlersEventMap.html#modify_status_editableinput_cell","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersEventMap"},{"id":449,"kind":1024,"name":"focus_grid","url":"interfaces/TYPES.ListGridEventHandlersEventMap.html#focus_grid","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersEventMap"},{"id":450,"kind":1024,"name":"blur_grid","url":"interfaces/TYPES.ListGridEventHandlersEventMap.html#blur_grid","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersEventMap"},{"id":451,"kind":1024,"name":"resize_column","url":"interfaces/TYPES.ListGridEventHandlersEventMap.html#resize_column","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersEventMap"},{"id":452,"kind":1024,"name":"copydata","url":"interfaces/TYPES.ListGridEventHandlersEventMap.html#copydata","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersEventMap"},{"id":453,"kind":256,"name":"ListGridEventHandlersReturnMap","url":"interfaces/TYPES.ListGridEventHandlersReturnMap.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":454,"kind":1024,"name":"before_change_value","url":"interfaces/TYPES.ListGridEventHandlersReturnMap.html#before_change_value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ListGridEventHandlersReturnMap"},{"id":455,"kind":1024,"name":"changed_value","url":"interfaces/TYPES.ListGridEventHandlersReturnMap.html#changed_value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ListGridEventHandlersReturnMap"},{"id":456,"kind":1024,"name":"changed_header_value","url":"interfaces/TYPES.ListGridEventHandlersReturnMap.html#changed_header_value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ListGridEventHandlersReturnMap"},{"id":457,"kind":1024,"name":"rejected_paste_values","url":"interfaces/TYPES.ListGridEventHandlersReturnMap.html#rejected_paste_values","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ListGridEventHandlersReturnMap"},{"id":458,"kind":1024,"name":"selected_cell","url":"interfaces/TYPES.ListGridEventHandlersReturnMap.html#selected_cell","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersReturnMap"},{"id":459,"kind":1024,"name":"click_cell","url":"interfaces/TYPES.ListGridEventHandlersReturnMap.html#click_cell","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersReturnMap"},{"id":460,"kind":1024,"name":"dblclick_cell","url":"interfaces/TYPES.ListGridEventHandlersReturnMap.html#dblclick_cell","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersReturnMap"},{"id":461,"kind":1024,"name":"mouseenter_cell","url":"interfaces/TYPES.ListGridEventHandlersReturnMap.html#mouseenter_cell","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersReturnMap"},{"id":462,"kind":1024,"name":"mouseleave_cell","url":"interfaces/TYPES.ListGridEventHandlersReturnMap.html#mouseleave_cell","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersReturnMap"},{"id":463,"kind":1024,"name":"mouseover_cell","url":"interfaces/TYPES.ListGridEventHandlersReturnMap.html#mouseover_cell","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersReturnMap"},{"id":464,"kind":1024,"name":"mouseout_cell","url":"interfaces/TYPES.ListGridEventHandlersReturnMap.html#mouseout_cell","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersReturnMap"},{"id":465,"kind":1024,"name":"mousemove_cell","url":"interfaces/TYPES.ListGridEventHandlersReturnMap.html#mousemove_cell","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersReturnMap"},{"id":466,"kind":1024,"name":"mousedown_cell","url":"interfaces/TYPES.ListGridEventHandlersReturnMap.html#mousedown_cell","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersReturnMap"},{"id":467,"kind":1024,"name":"mouseup_cell","url":"interfaces/TYPES.ListGridEventHandlersReturnMap.html#mouseup_cell","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersReturnMap"},{"id":468,"kind":1024,"name":"contextmenu_cell","url":"interfaces/TYPES.ListGridEventHandlersReturnMap.html#contextmenu_cell","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersReturnMap"},{"id":469,"kind":1024,"name":"touchstart_cell","url":"interfaces/TYPES.ListGridEventHandlersReturnMap.html#touchstart_cell","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersReturnMap"},{"id":470,"kind":1024,"name":"dbltap_cell","url":"interfaces/TYPES.ListGridEventHandlersReturnMap.html#dbltap_cell","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersReturnMap"},{"id":471,"kind":1024,"name":"keydown","url":"interfaces/TYPES.ListGridEventHandlersReturnMap.html#keydown","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersReturnMap"},{"id":472,"kind":1024,"name":"paste_cell","url":"interfaces/TYPES.ListGridEventHandlersReturnMap.html#paste_cell","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersReturnMap"},{"id":473,"kind":1024,"name":"input_cell","url":"interfaces/TYPES.ListGridEventHandlersReturnMap.html#input_cell","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersReturnMap"},{"id":474,"kind":1024,"name":"delete_cell","url":"interfaces/TYPES.ListGridEventHandlersReturnMap.html#delete_cell","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersReturnMap"},{"id":475,"kind":1024,"name":"scroll","url":"interfaces/TYPES.ListGridEventHandlersReturnMap.html#scroll","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersReturnMap"},{"id":476,"kind":1024,"name":"editableinput_cell","url":"interfaces/TYPES.ListGridEventHandlersReturnMap.html#editableinput_cell","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersReturnMap"},{"id":477,"kind":1024,"name":"modify_status_editableinput_cell","url":"interfaces/TYPES.ListGridEventHandlersReturnMap.html#modify_status_editableinput_cell","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersReturnMap"},{"id":478,"kind":1024,"name":"focus_grid","url":"interfaces/TYPES.ListGridEventHandlersReturnMap.html#focus_grid","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersReturnMap"},{"id":479,"kind":1024,"name":"blur_grid","url":"interfaces/TYPES.ListGridEventHandlersReturnMap.html#blur_grid","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersReturnMap"},{"id":480,"kind":1024,"name":"resize_column","url":"interfaces/TYPES.ListGridEventHandlersReturnMap.html#resize_column","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersReturnMap"},{"id":481,"kind":1024,"name":"copydata","url":"interfaces/TYPES.ListGridEventHandlersReturnMap.html#copydata","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridEventHandlersReturnMap"},{"id":482,"kind":256,"name":"IconDefine","url":"interfaces/TYPES.IconDefine.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":483,"kind":1024,"name":"d","url":"interfaces/TYPES.IconDefine.html#d","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.IconDefine"},{"id":484,"kind":1024,"name":"width","url":"interfaces/TYPES.IconDefine.html#width","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.IconDefine"},{"id":485,"kind":1024,"name":"height","url":"interfaces/TYPES.IconDefine.html#height","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.IconDefine"},{"id":486,"kind":4194304,"name":"PartialThemeDefine","url":"modules/TYPES.html#PartialThemeDefine","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":487,"kind":256,"name":"ThemeDefine","url":"interfaces/TYPES.ThemeDefine.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":488,"kind":1024,"name":"font","url":"interfaces/TYPES.ThemeDefine.html#font","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ThemeDefine"},{"id":489,"kind":1024,"name":"underlayBackgroundColor","url":"interfaces/TYPES.ThemeDefine.html#underlayBackgroundColor","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ThemeDefine"},{"id":490,"kind":1024,"name":"color","url":"interfaces/TYPES.ThemeDefine.html#color-1","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ThemeDefine"},{"id":491,"kind":1024,"name":"frozenRowsColor","url":"interfaces/TYPES.ThemeDefine.html#frozenRowsColor","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ThemeDefine"},{"id":492,"kind":1024,"name":"defaultBgColor","url":"interfaces/TYPES.ThemeDefine.html#defaultBgColor","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ThemeDefine"},{"id":493,"kind":1024,"name":"frozenRowsBgColor","url":"interfaces/TYPES.ThemeDefine.html#frozenRowsBgColor","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ThemeDefine"},{"id":494,"kind":1024,"name":"selectionBgColor","url":"interfaces/TYPES.ThemeDefine.html#selectionBgColor","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ThemeDefine"},{"id":495,"kind":1024,"name":"highlightBgColor","url":"interfaces/TYPES.ThemeDefine.html#highlightBgColor","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ThemeDefine"},{"id":496,"kind":1024,"name":"borderColor","url":"interfaces/TYPES.ThemeDefine.html#borderColor","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ThemeDefine"},{"id":497,"kind":1024,"name":"frozenRowsBorderColor","url":"interfaces/TYPES.ThemeDefine.html#frozenRowsBorderColor","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ThemeDefine"},{"id":498,"kind":1024,"name":"highlightBorderColor","url":"interfaces/TYPES.ThemeDefine.html#highlightBorderColor","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ThemeDefine"},{"id":499,"kind":1024,"name":"checkbox","url":"interfaces/TYPES.ThemeDefine.html#checkbox","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ThemeDefine"},{"id":500,"kind":65536,"name":"__type","url":"interfaces/TYPES.ThemeDefine.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-interface","parent":"TYPES.ThemeDefine"},{"id":501,"kind":1024,"name":"uncheckBgColor","url":"interfaces/TYPES.ThemeDefine.html#__type-1.uncheckBgColor","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TYPES.ThemeDefine.__type"},{"id":502,"kind":1024,"name":"checkBgColor","url":"interfaces/TYPES.ThemeDefine.html#__type-1.checkBgColor","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TYPES.ThemeDefine.__type"},{"id":503,"kind":1024,"name":"borderColor","url":"interfaces/TYPES.ThemeDefine.html#__type-1.borderColor-1","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TYPES.ThemeDefine.__type"},{"id":504,"kind":1024,"name":"radioButton","url":"interfaces/TYPES.ThemeDefine.html#radioButton","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ThemeDefine"},{"id":505,"kind":65536,"name":"__type","url":"interfaces/TYPES.ThemeDefine.html#__type-5","classes":"tsd-kind-type-literal tsd-parent-kind-interface","parent":"TYPES.ThemeDefine"},{"id":506,"kind":1024,"name":"checkColor","url":"interfaces/TYPES.ThemeDefine.html#__type-5.checkColor","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TYPES.ThemeDefine.__type"},{"id":507,"kind":1024,"name":"uncheckBorderColor","url":"interfaces/TYPES.ThemeDefine.html#__type-5.uncheckBorderColor","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TYPES.ThemeDefine.__type"},{"id":508,"kind":1024,"name":"checkBorderColor","url":"interfaces/TYPES.ThemeDefine.html#__type-5.checkBorderColor","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TYPES.ThemeDefine.__type"},{"id":509,"kind":1024,"name":"uncheckBgColor","url":"interfaces/TYPES.ThemeDefine.html#__type-5.uncheckBgColor-1","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TYPES.ThemeDefine.__type"},{"id":510,"kind":1024,"name":"checkBgColor","url":"interfaces/TYPES.ThemeDefine.html#__type-5.checkBgColor-1","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TYPES.ThemeDefine.__type"},{"id":511,"kind":1024,"name":"button","url":"interfaces/TYPES.ThemeDefine.html#button","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ThemeDefine"},{"id":512,"kind":65536,"name":"__type","url":"interfaces/TYPES.ThemeDefine.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-interface","parent":"TYPES.ThemeDefine"},{"id":513,"kind":1024,"name":"color","url":"interfaces/TYPES.ThemeDefine.html#__type.color","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TYPES.ThemeDefine.__type"},{"id":514,"kind":1024,"name":"bgColor","url":"interfaces/TYPES.ThemeDefine.html#__type.bgColor","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TYPES.ThemeDefine.__type"},{"id":515,"kind":1024,"name":"header","url":"interfaces/TYPES.ThemeDefine.html#header","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ThemeDefine"},{"id":516,"kind":65536,"name":"__type","url":"interfaces/TYPES.ThemeDefine.html#__type-2","classes":"tsd-kind-type-literal tsd-parent-kind-interface","parent":"TYPES.ThemeDefine"},{"id":517,"kind":1024,"name":"sortArrowColor","url":"interfaces/TYPES.ThemeDefine.html#__type-2.sortArrowColor","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TYPES.ThemeDefine.__type"},{"id":518,"kind":1024,"name":"messages","url":"interfaces/TYPES.ThemeDefine.html#messages","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ThemeDefine"},{"id":519,"kind":65536,"name":"__type","url":"interfaces/TYPES.ThemeDefine.html#__type-4","classes":"tsd-kind-type-literal tsd-parent-kind-interface","parent":"TYPES.ThemeDefine"},{"id":520,"kind":1024,"name":"infoBgColor","url":"interfaces/TYPES.ThemeDefine.html#__type-4.infoBgColor","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TYPES.ThemeDefine.__type"},{"id":521,"kind":1024,"name":"errorBgColor","url":"interfaces/TYPES.ThemeDefine.html#__type-4.errorBgColor","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TYPES.ThemeDefine.__type"},{"id":522,"kind":1024,"name":"warnBgColor","url":"interfaces/TYPES.ThemeDefine.html#__type-4.warnBgColor","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TYPES.ThemeDefine.__type"},{"id":523,"kind":1024,"name":"boxWidth","url":"interfaces/TYPES.ThemeDefine.html#__type-4.boxWidth","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TYPES.ThemeDefine.__type"},{"id":524,"kind":1024,"name":"markHeight","url":"interfaces/TYPES.ThemeDefine.html#__type-4.markHeight","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TYPES.ThemeDefine.__type"},{"id":525,"kind":1024,"name":"indicators","url":"interfaces/TYPES.ThemeDefine.html#indicators","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ThemeDefine"},{"id":526,"kind":65536,"name":"__type","url":"interfaces/TYPES.ThemeDefine.html#__type-3","classes":"tsd-kind-type-literal tsd-parent-kind-interface","parent":"TYPES.ThemeDefine"},{"id":527,"kind":1024,"name":"topLeftColor","url":"interfaces/TYPES.ThemeDefine.html#__type-3.topLeftColor","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TYPES.ThemeDefine.__type"},{"id":528,"kind":1024,"name":"topLeftSize","url":"interfaces/TYPES.ThemeDefine.html#__type-3.topLeftSize","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TYPES.ThemeDefine.__type"},{"id":529,"kind":1024,"name":"topRightColor","url":"interfaces/TYPES.ThemeDefine.html#__type-3.topRightColor","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TYPES.ThemeDefine.__type"},{"id":530,"kind":1024,"name":"topRightSize","url":"interfaces/TYPES.ThemeDefine.html#__type-3.topRightSize","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TYPES.ThemeDefine.__type"},{"id":531,"kind":1024,"name":"bottomRightColor","url":"interfaces/TYPES.ThemeDefine.html#__type-3.bottomRightColor","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TYPES.ThemeDefine.__type"},{"id":532,"kind":1024,"name":"bottomRightSize","url":"interfaces/TYPES.ThemeDefine.html#__type-3.bottomRightSize","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TYPES.ThemeDefine.__type"},{"id":533,"kind":1024,"name":"bottomLeftColor","url":"interfaces/TYPES.ThemeDefine.html#__type-3.bottomLeftColor","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TYPES.ThemeDefine.__type"},{"id":534,"kind":1024,"name":"bottomLeftSize","url":"interfaces/TYPES.ThemeDefine.html#__type-3.bottomLeftSize","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TYPES.ThemeDefine.__type"},{"id":535,"kind":4194304,"name":"RequiredThemeDefine","url":"modules/TYPES.html#RequiredThemeDefine","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":536,"kind":256,"name":"FontIcon","url":"interfaces/TYPES.FontIcon.html","classes":"tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter","parent":"TYPES"},{"id":537,"kind":1024,"name":"font","url":"interfaces/TYPES.FontIcon.html#font","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.FontIcon"},{"id":538,"kind":1024,"name":"content","url":"interfaces/TYPES.FontIcon.html#content","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.FontIcon"},{"id":539,"kind":1024,"name":"className","url":"interfaces/TYPES.FontIcon.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.FontIcon"},{"id":540,"kind":1024,"name":"tagName","url":"interfaces/TYPES.FontIcon.html#tagName","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.FontIcon"},{"id":541,"kind":1024,"name":"isLiga","url":"interfaces/TYPES.FontIcon.html#isLiga","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.FontIcon"},{"id":542,"kind":1024,"name":"width","url":"interfaces/TYPES.FontIcon.html#width","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.FontIcon"},{"id":543,"kind":1024,"name":"height","url":"interfaces/TYPES.FontIcon.html#height","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.FontIcon"},{"id":544,"kind":1024,"name":"color","url":"interfaces/TYPES.FontIcon.html#color","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.FontIcon"},{"id":545,"kind":1024,"name":"offsetTop","url":"interfaces/TYPES.FontIcon.html#offsetTop","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.FontIcon"},{"id":546,"kind":1024,"name":"offsetLeft","url":"interfaces/TYPES.FontIcon.html#offsetLeft","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.FontIcon"},{"id":547,"kind":256,"name":"ImageIcon","url":"interfaces/TYPES.ImageIcon.html","classes":"tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter","parent":"TYPES"},{"id":548,"kind":1024,"name":"src","url":"interfaces/TYPES.ImageIcon.html#src","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ImageIcon"},{"id":549,"kind":1024,"name":"width","url":"interfaces/TYPES.ImageIcon.html#width","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ImageIcon"},{"id":550,"kind":1024,"name":"height","url":"interfaces/TYPES.ImageIcon.html#height","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ImageIcon"},{"id":551,"kind":256,"name":"PathIcon","url":"interfaces/TYPES.PathIcon.html","classes":"tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter","parent":"TYPES"},{"id":552,"kind":1024,"name":"path","url":"interfaces/TYPES.PathIcon.html#path","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.PathIcon"},{"id":553,"kind":1024,"name":"width","url":"interfaces/TYPES.PathIcon.html#width","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.PathIcon"},{"id":554,"kind":1024,"name":"height","url":"interfaces/TYPES.PathIcon.html#height","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.PathIcon"},{"id":555,"kind":1024,"name":"color","url":"interfaces/TYPES.PathIcon.html#color","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.PathIcon"},{"id":556,"kind":256,"name":"SvgIcon","url":"interfaces/TYPES.SvgIcon.html","classes":"tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter","parent":"TYPES"},{"id":557,"kind":1024,"name":"svg","url":"interfaces/TYPES.SvgIcon.html#svg","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.SvgIcon"},{"id":558,"kind":1024,"name":"width","url":"interfaces/TYPES.SvgIcon.html#width","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.SvgIcon"},{"id":559,"kind":1024,"name":"height","url":"interfaces/TYPES.SvgIcon.html#height","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.SvgIcon"},{"id":560,"kind":256,"name":"NamedIcon","url":"interfaces/TYPES.NamedIcon.html","classes":"tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter","parent":"TYPES"},{"id":561,"kind":1024,"name":"name","url":"interfaces/TYPES.NamedIcon.html#name","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.NamedIcon"},{"id":562,"kind":1024,"name":"width","url":"interfaces/TYPES.NamedIcon.html#width","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.NamedIcon"},{"id":563,"kind":1024,"name":"height","url":"interfaces/TYPES.NamedIcon.html#height","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.NamedIcon"},{"id":564,"kind":4194304,"name":"ColumnIconOption","url":"modules/TYPES.html#ColumnIconOption","classes":"tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter","parent":"TYPES"},{"id":565,"kind":4194304,"name":"ColumnMenuItemOptions","url":"modules/TYPES.html#ColumnMenuItemOptions","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":566,"kind":256,"name":"ColumnMenuItemOption","url":"interfaces/TYPES.ColumnMenuItemOption.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":567,"kind":1024,"name":"value","url":"interfaces/TYPES.ColumnMenuItemOption.html#value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ColumnMenuItemOption"},{"id":568,"kind":1024,"name":"label","url":"interfaces/TYPES.ColumnMenuItemOption.html#label","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ColumnMenuItemOption"},{"id":569,"kind":1024,"name":"classList","url":"interfaces/TYPES.ColumnMenuItemOption.html#classList","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ColumnMenuItemOption"},{"id":570,"kind":1024,"name":"html","url":"interfaces/TYPES.ColumnMenuItemOption.html#html","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ColumnMenuItemOption"},{"id":571,"kind":256,"name":"SimpleColumnMenuItemOption","url":"interfaces/TYPES.SimpleColumnMenuItemOption.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":572,"kind":1024,"name":"value","url":"interfaces/TYPES.SimpleColumnMenuItemOption.html#value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.SimpleColumnMenuItemOption"},{"id":573,"kind":1024,"name":"label","url":"interfaces/TYPES.SimpleColumnMenuItemOption.html#label","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.SimpleColumnMenuItemOption"},{"id":574,"kind":256,"name":"OldSimpleColumnMenuItemOption","url":"interfaces/TYPES.OldSimpleColumnMenuItemOption.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":575,"kind":1024,"name":"value","url":"interfaces/TYPES.OldSimpleColumnMenuItemOption.html#value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.OldSimpleColumnMenuItemOption"},{"id":576,"kind":1024,"name":"caption","url":"interfaces/TYPES.OldSimpleColumnMenuItemOption.html#caption","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.OldSimpleColumnMenuItemOption"},{"id":577,"kind":256,"name":"ColumnMenuItemObjectOptions","url":"interfaces/TYPES.ColumnMenuItemObjectOptions.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":578,"kind":4194304,"name":"Visibility","url":"modules/TYPES.html#Visibility","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":579,"kind":4194304,"name":"TextOverflow","url":"modules/TYPES.html#TextOverflow","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":580,"kind":4194304,"name":"LineClamp","url":"modules/TYPES.html#LineClamp","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":581,"kind":256,"name":"StylePropertyFunctionArg","url":"interfaces/TYPES.StylePropertyFunctionArg.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":582,"kind":1024,"name":"row","url":"interfaces/TYPES.StylePropertyFunctionArg.html#row","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.StylePropertyFunctionArg"},{"id":583,"kind":1024,"name":"col","url":"interfaces/TYPES.StylePropertyFunctionArg.html#col","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.StylePropertyFunctionArg"},{"id":584,"kind":1024,"name":"grid","url":"interfaces/TYPES.StylePropertyFunctionArg.html#grid","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.StylePropertyFunctionArg"},{"id":585,"kind":1024,"name":"context","url":"interfaces/TYPES.StylePropertyFunctionArg.html#context","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.StylePropertyFunctionArg"},{"id":586,"kind":4194304,"name":"ColorPropertyDefine","url":"modules/TYPES.html#ColorPropertyDefine","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":587,"kind":4194304,"name":"ColorsPropertyDefine","url":"modules/TYPES.html#ColorsPropertyDefine","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":588,"kind":4194304,"name":"FontPropertyDefine","url":"modules/TYPES.html#FontPropertyDefine","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":589,"kind":4194304,"name":"IndicatorStyle","url":"modules/TYPES.html#IndicatorStyle","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":590,"kind":4194304,"name":"IndicatorObject","url":"modules/TYPES.html#IndicatorObject","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":591,"kind":65536,"name":"__type","url":"modules/TYPES.html#IndicatorObject.__type-6","classes":"tsd-kind-type-literal tsd-parent-kind-type-alias","parent":"TYPES.IndicatorObject"},{"id":592,"kind":1024,"name":"style","url":"modules/TYPES.html#IndicatorObject.__type-6.style","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TYPES.IndicatorObject.__type"},{"id":593,"kind":1024,"name":"color","url":"modules/TYPES.html#IndicatorObject.__type-6.color","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TYPES.IndicatorObject.__type"},{"id":594,"kind":1024,"name":"size","url":"modules/TYPES.html#IndicatorObject.__type-6.size","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TYPES.IndicatorObject.__type"},{"id":595,"kind":4194304,"name":"IndicatorDefine","url":"modules/TYPES.html#IndicatorDefine","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":596,"kind":256,"name":"MessageObject","url":"interfaces/TYPES.MessageObject.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":597,"kind":1024,"name":"type","url":"interfaces/TYPES.MessageObject.html#type","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.MessageObject"},{"id":598,"kind":1024,"name":"message","url":"interfaces/TYPES.MessageObject.html#message","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.MessageObject"},{"id":599,"kind":1024,"name":"original","url":"interfaces/TYPES.MessageObject.html#original","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.MessageObject"},{"id":600,"kind":4194304,"name":"Message","url":"modules/TYPES.html#Message","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":601,"kind":4194304,"name":"LayoutObjectId","url":"modules/TYPES.html#LayoutObjectId","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":602,"kind":4194304,"name":"DrawGridKeyboardMoveCellFunction","url":"modules/TYPES.html#DrawGridKeyboardMoveCellFunction","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":603,"kind":65536,"name":"__type","url":"modules/TYPES.html#DrawGridKeyboardMoveCellFunction.__type-2","classes":"tsd-kind-type-literal tsd-parent-kind-type-alias","parent":"TYPES.DrawGridKeyboardMoveCellFunction"},{"id":604,"kind":256,"name":"DrawGridKeyboardOptions","url":"interfaces/TYPES.DrawGridKeyboardOptions.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":605,"kind":1024,"name":"moveCellOnTab","url":"interfaces/TYPES.DrawGridKeyboardOptions.html#moveCellOnTab","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridKeyboardOptions"},{"id":606,"kind":1024,"name":"moveCellOnEnter","url":"interfaces/TYPES.DrawGridKeyboardOptions.html#moveCellOnEnter","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridKeyboardOptions"},{"id":607,"kind":1024,"name":"deleteCellValueOnDel","url":"interfaces/TYPES.DrawGridKeyboardOptions.html#deleteCellValueOnDel","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridKeyboardOptions"},{"id":608,"kind":1024,"name":"selectAllOnCtrlA","url":"interfaces/TYPES.DrawGridKeyboardOptions.html#selectAllOnCtrlA","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridKeyboardOptions"},{"id":609,"kind":256,"name":"DrawGridAPI","url":"interfaces/TYPES.DrawGridAPI.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":610,"kind":1024,"name":"font","url":"interfaces/TYPES.DrawGridAPI.html#font","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":611,"kind":1024,"name":"rowCount","url":"interfaces/TYPES.DrawGridAPI.html#rowCount","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":612,"kind":1024,"name":"colCount","url":"interfaces/TYPES.DrawGridAPI.html#colCount","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":613,"kind":1024,"name":"frozenRowCount","url":"interfaces/TYPES.DrawGridAPI.html#frozenRowCount","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":614,"kind":1024,"name":"frozenColCount","url":"interfaces/TYPES.DrawGridAPI.html#frozenColCount","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":615,"kind":1024,"name":"defaultRowHeight","url":"interfaces/TYPES.DrawGridAPI.html#defaultRowHeight","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":616,"kind":1024,"name":"defaultColWidth","url":"interfaces/TYPES.DrawGridAPI.html#defaultColWidth","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":617,"kind":1024,"name":"underlayBackgroundColor","url":"interfaces/TYPES.DrawGridAPI.html#underlayBackgroundColor","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":618,"kind":1024,"name":"trimOnPaste","url":"interfaces/TYPES.DrawGridAPI.html#trimOnPaste","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":619,"kind":1024,"name":"keyboardOptions","url":"interfaces/TYPES.DrawGridAPI.html#keyboardOptions","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":620,"kind":1024,"name":"selection","url":"interfaces/TYPES.DrawGridAPI.html#selection","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":621,"kind":1024,"name":"canvas","url":"interfaces/TYPES.DrawGridAPI.html#canvas","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":622,"kind":1024,"name":"visibleRowCount","url":"interfaces/TYPES.DrawGridAPI.html#visibleRowCount","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":623,"kind":1024,"name":"visibleColCount","url":"interfaces/TYPES.DrawGridAPI.html#visibleColCount","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":624,"kind":1024,"name":"topRow","url":"interfaces/TYPES.DrawGridAPI.html#topRow","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":625,"kind":1024,"name":"leftCol","url":"interfaces/TYPES.DrawGridAPI.html#leftCol","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":626,"kind":1024,"name":"scrollLeft","url":"interfaces/TYPES.DrawGridAPI.html#scrollLeft","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":627,"kind":1024,"name":"scrollTop","url":"interfaces/TYPES.DrawGridAPI.html#scrollTop","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":628,"kind":2048,"name":"getElement","url":"interfaces/TYPES.DrawGridAPI.html#getElement","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":629,"kind":2048,"name":"focus","url":"interfaces/TYPES.DrawGridAPI.html#focus","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":630,"kind":2048,"name":"hasFocusGrid","url":"interfaces/TYPES.DrawGridAPI.html#hasFocusGrid","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":631,"kind":2048,"name":"listen","url":"interfaces/TYPES.DrawGridAPI.html#listen","classes":"tsd-kind-method tsd-parent-kind-interface tsd-has-type-parameter","parent":"TYPES.DrawGridAPI"},{"id":632,"kind":2048,"name":"configure","url":"interfaces/TYPES.DrawGridAPI.html#configure","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":633,"kind":2048,"name":"updateSize","url":"interfaces/TYPES.DrawGridAPI.html#updateSize","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":634,"kind":2048,"name":"updateScroll","url":"interfaces/TYPES.DrawGridAPI.html#updateScroll","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":635,"kind":2048,"name":"invalidate","url":"interfaces/TYPES.DrawGridAPI.html#invalidate","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":636,"kind":2048,"name":"invalidateCell","url":"interfaces/TYPES.DrawGridAPI.html#invalidateCell","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":637,"kind":2048,"name":"invalidateGridRect","url":"interfaces/TYPES.DrawGridAPI.html#invalidateGridRect","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":638,"kind":2048,"name":"invalidateCellRange","url":"interfaces/TYPES.DrawGridAPI.html#invalidateCellRange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":639,"kind":2048,"name":"getRowHeight","url":"interfaces/TYPES.DrawGridAPI.html#getRowHeight","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":640,"kind":2048,"name":"setRowHeight","url":"interfaces/TYPES.DrawGridAPI.html#setRowHeight","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":641,"kind":2048,"name":"getColWidth","url":"interfaces/TYPES.DrawGridAPI.html#getColWidth","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":642,"kind":2048,"name":"setColWidth","url":"interfaces/TYPES.DrawGridAPI.html#setColWidth","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":643,"kind":2048,"name":"getMaxColWidth","url":"interfaces/TYPES.DrawGridAPI.html#getMaxColWidth","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":644,"kind":2048,"name":"setMaxColWidth","url":"interfaces/TYPES.DrawGridAPI.html#setMaxColWidth","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":645,"kind":2048,"name":"getMinColWidth","url":"interfaces/TYPES.DrawGridAPI.html#getMinColWidth","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":646,"kind":2048,"name":"setMinColWidth","url":"interfaces/TYPES.DrawGridAPI.html#setMinColWidth","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":647,"kind":2048,"name":"getCellRect","url":"interfaces/TYPES.DrawGridAPI.html#getCellRect","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":648,"kind":2048,"name":"getCellRelativeRect","url":"interfaces/TYPES.DrawGridAPI.html#getCellRelativeRect","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":649,"kind":2048,"name":"getCellsRect","url":"interfaces/TYPES.DrawGridAPI.html#getCellsRect","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":650,"kind":2048,"name":"getCellRangeRect","url":"interfaces/TYPES.DrawGridAPI.html#getCellRangeRect","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":651,"kind":2048,"name":"isFrozenCell","url":"interfaces/TYPES.DrawGridAPI.html#isFrozenCell","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":652,"kind":2048,"name":"getRowAt","url":"interfaces/TYPES.DrawGridAPI.html#getRowAt","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":653,"kind":2048,"name":"getColAt","url":"interfaces/TYPES.DrawGridAPI.html#getColAt","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":654,"kind":2048,"name":"getCellAt","url":"interfaces/TYPES.DrawGridAPI.html#getCellAt","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":655,"kind":2048,"name":"makeVisibleCell","url":"interfaces/TYPES.DrawGridAPI.html#makeVisibleCell","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":656,"kind":2048,"name":"setFocusCursor","url":"interfaces/TYPES.DrawGridAPI.html#setFocusCursor","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":657,"kind":2048,"name":"focusCell","url":"interfaces/TYPES.DrawGridAPI.html#focusCell","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":658,"kind":2048,"name":"getCellOverflowText","url":"interfaces/TYPES.DrawGridAPI.html#getCellOverflowText","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":659,"kind":2048,"name":"setCellOverflowText","url":"interfaces/TYPES.DrawGridAPI.html#setCellOverflowText","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":660,"kind":2048,"name":"getAttachCellsArea","url":"interfaces/TYPES.DrawGridAPI.html#getAttachCellsArea","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":661,"kind":2048,"name":"onKeyDownMove","url":"interfaces/TYPES.DrawGridAPI.html#onKeyDownMove","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":662,"kind":2048,"name":"dispose","url":"interfaces/TYPES.DrawGridAPI.html#dispose","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":663,"kind":2048,"name":"addDisposable","url":"interfaces/TYPES.DrawGridAPI.html#addDisposable","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.DrawGridAPI"},{"id":664,"kind":256,"name":"DataSourceAPI","url":"interfaces/TYPES.DataSourceAPI.html","classes":"tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter","parent":"TYPES"},{"id":665,"kind":1024,"name":"length","url":"interfaces/TYPES.DataSourceAPI.html#length","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DataSourceAPI"},{"id":666,"kind":2048,"name":"get","url":"interfaces/TYPES.DataSourceAPI.html#get","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.DataSourceAPI"},{"id":667,"kind":2048,"name":"getField","url":"interfaces/TYPES.DataSourceAPI.html#getField","classes":"tsd-kind-method tsd-parent-kind-interface tsd-has-type-parameter","parent":"TYPES.DataSourceAPI"},{"id":668,"kind":2048,"name":"hasField","url":"interfaces/TYPES.DataSourceAPI.html#hasField","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.DataSourceAPI"},{"id":669,"kind":2048,"name":"setField","url":"interfaces/TYPES.DataSourceAPI.html#setField","classes":"tsd-kind-method tsd-parent-kind-interface tsd-has-type-parameter","parent":"TYPES.DataSourceAPI"},{"id":670,"kind":2048,"name":"sort","url":"interfaces/TYPES.DataSourceAPI.html#sort","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.DataSourceAPI"},{"id":671,"kind":1024,"name":"dataSource","url":"interfaces/TYPES.DataSourceAPI.html#dataSource","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.DataSourceAPI"},{"id":672,"kind":256,"name":"SortState","url":"interfaces/TYPES.SortState.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":673,"kind":1024,"name":"col","url":"interfaces/TYPES.SortState.html#col","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.SortState"},{"id":674,"kind":1024,"name":"row","url":"interfaces/TYPES.SortState.html#row","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.SortState"},{"id":675,"kind":1024,"name":"order","url":"interfaces/TYPES.SortState.html#order","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.SortState"},{"id":676,"kind":4194304,"name":"HeaderValues","url":"modules/TYPES.html#HeaderValues","classes":"tsd-kind-type-alias tsd-parent-kind-namespace","parent":"TYPES"},{"id":677,"kind":256,"name":"ListGridAPI","url":"interfaces/TYPES.ListGridAPI.html","classes":"tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter","parent":"TYPES"},{"id":678,"kind":1024,"name":"records","url":"interfaces/TYPES.ListGridAPI.html#records","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ListGridAPI"},{"id":679,"kind":1024,"name":"dataSource","url":"interfaces/TYPES.ListGridAPI.html#dataSource","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ListGridAPI"},{"id":680,"kind":1024,"name":"theme","url":"interfaces/TYPES.ListGridAPI.html#theme","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ListGridAPI"},{"id":681,"kind":1024,"name":"allowRangePaste","url":"interfaces/TYPES.ListGridAPI.html#allowRangePaste","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ListGridAPI"},{"id":682,"kind":1024,"name":"headerRowHeight","url":"interfaces/TYPES.ListGridAPI.html#headerRowHeight","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ListGridAPI"},{"id":683,"kind":1024,"name":"sortState","url":"interfaces/TYPES.ListGridAPI.html#sortState","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ListGridAPI"},{"id":684,"kind":1024,"name":"headerValues","url":"interfaces/TYPES.ListGridAPI.html#headerValues","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ListGridAPI"},{"id":685,"kind":1024,"name":"recordRowCount","url":"interfaces/TYPES.ListGridAPI.html#recordRowCount","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ListGridAPI"},{"id":686,"kind":1024,"name":"disabled","url":"interfaces/TYPES.ListGridAPI.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ListGridAPI"},{"id":687,"kind":1024,"name":"readOnly","url":"interfaces/TYPES.ListGridAPI.html#readOnly","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ListGridAPI"},{"id":688,"kind":2048,"name":"listen","url":"interfaces/TYPES.ListGridAPI.html#listen","classes":"tsd-kind-method tsd-parent-kind-interface tsd-has-type-parameter tsd-is-overwrite","parent":"TYPES.ListGridAPI"},{"id":689,"kind":2048,"name":"getField","url":"interfaces/TYPES.ListGridAPI.html#getField","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.ListGridAPI"},{"id":690,"kind":2048,"name":"getRowRecord","url":"interfaces/TYPES.ListGridAPI.html#getRowRecord","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.ListGridAPI"},{"id":691,"kind":2048,"name":"getRecordIndexByRow","url":"interfaces/TYPES.ListGridAPI.html#getRecordIndexByRow","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.ListGridAPI"},{"id":692,"kind":2048,"name":"getRecordStartRowByRecordIndex","url":"interfaces/TYPES.ListGridAPI.html#getRecordStartRowByRecordIndex","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.ListGridAPI"},{"id":693,"kind":2048,"name":"getHeaderField","url":"interfaces/TYPES.ListGridAPI.html#getHeaderField","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.ListGridAPI"},{"id":694,"kind":2048,"name":"getHeaderValue","url":"interfaces/TYPES.ListGridAPI.html#getHeaderValue","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.ListGridAPI"},{"id":695,"kind":2048,"name":"setHeaderValue","url":"interfaces/TYPES.ListGridAPI.html#setHeaderValue","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.ListGridAPI"},{"id":696,"kind":2048,"name":"getCellRange","url":"interfaces/TYPES.ListGridAPI.html#getCellRange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.ListGridAPI"},{"id":697,"kind":2048,"name":"getCellRangeByField","url":"interfaces/TYPES.ListGridAPI.html#getCellRangeByField","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.ListGridAPI"},{"id":698,"kind":2048,"name":"focusGridCell","url":"interfaces/TYPES.ListGridAPI.html#focusGridCell","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.ListGridAPI"},{"id":699,"kind":2048,"name":"makeVisibleGridCell","url":"interfaces/TYPES.ListGridAPI.html#makeVisibleGridCell","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.ListGridAPI"},{"id":700,"kind":2048,"name":"getGridCanvasHelper","url":"interfaces/TYPES.ListGridAPI.html#getGridCanvasHelper","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.ListGridAPI"},{"id":701,"kind":2048,"name":"doChangeValue","url":"interfaces/TYPES.ListGridAPI.html#doChangeValue","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.ListGridAPI"},{"id":702,"kind":2048,"name":"doGetCellValue","url":"interfaces/TYPES.ListGridAPI.html#doGetCellValue","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.ListGridAPI"},{"id":703,"kind":2048,"name":"doSetPasteValue","url":"interfaces/TYPES.ListGridAPI.html#doSetPasteValue","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.ListGridAPI"},{"id":704,"kind":2048,"name":"getLayoutCellId","url":"interfaces/TYPES.ListGridAPI.html#getLayoutCellId","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.ListGridAPI"},{"id":705,"kind":2048,"name":"getColumnType","url":"interfaces/TYPES.ListGridAPI.html#getColumnType","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.ListGridAPI"},{"id":706,"kind":2048,"name":"getColumnDefine","url":"interfaces/TYPES.ListGridAPI.html#getColumnDefine","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.ListGridAPI"},{"id":707,"kind":2048,"name":"getColumnAction","url":"interfaces/TYPES.ListGridAPI.html#getColumnAction","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.ListGridAPI"},{"id":708,"kind":2048,"name":"fireListeners","url":"interfaces/TYPES.ListGridAPI.html#fireListeners","classes":"tsd-kind-method tsd-parent-kind-interface tsd-has-type-parameter","parent":"TYPES.ListGridAPI"},{"id":709,"kind":1024,"name":"font","url":"interfaces/TYPES.ListGridAPI.html#font","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":710,"kind":1024,"name":"rowCount","url":"interfaces/TYPES.ListGridAPI.html#rowCount","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":711,"kind":1024,"name":"colCount","url":"interfaces/TYPES.ListGridAPI.html#colCount","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":712,"kind":1024,"name":"frozenRowCount","url":"interfaces/TYPES.ListGridAPI.html#frozenRowCount","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":713,"kind":1024,"name":"frozenColCount","url":"interfaces/TYPES.ListGridAPI.html#frozenColCount","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":714,"kind":1024,"name":"defaultRowHeight","url":"interfaces/TYPES.ListGridAPI.html#defaultRowHeight","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":715,"kind":1024,"name":"defaultColWidth","url":"interfaces/TYPES.ListGridAPI.html#defaultColWidth","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":716,"kind":1024,"name":"underlayBackgroundColor","url":"interfaces/TYPES.ListGridAPI.html#underlayBackgroundColor","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":717,"kind":1024,"name":"trimOnPaste","url":"interfaces/TYPES.ListGridAPI.html#trimOnPaste","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":718,"kind":1024,"name":"keyboardOptions","url":"interfaces/TYPES.ListGridAPI.html#keyboardOptions","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":719,"kind":1024,"name":"selection","url":"interfaces/TYPES.ListGridAPI.html#selection","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":720,"kind":1024,"name":"canvas","url":"interfaces/TYPES.ListGridAPI.html#canvas","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":721,"kind":1024,"name":"visibleRowCount","url":"interfaces/TYPES.ListGridAPI.html#visibleRowCount","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":722,"kind":1024,"name":"visibleColCount","url":"interfaces/TYPES.ListGridAPI.html#visibleColCount","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":723,"kind":1024,"name":"topRow","url":"interfaces/TYPES.ListGridAPI.html#topRow","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":724,"kind":1024,"name":"leftCol","url":"interfaces/TYPES.ListGridAPI.html#leftCol","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":725,"kind":1024,"name":"scrollLeft","url":"interfaces/TYPES.ListGridAPI.html#scrollLeft","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":726,"kind":1024,"name":"scrollTop","url":"interfaces/TYPES.ListGridAPI.html#scrollTop","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":727,"kind":2048,"name":"getElement","url":"interfaces/TYPES.ListGridAPI.html#getElement","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":728,"kind":2048,"name":"focus","url":"interfaces/TYPES.ListGridAPI.html#focus","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":729,"kind":2048,"name":"hasFocusGrid","url":"interfaces/TYPES.ListGridAPI.html#hasFocusGrid","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":730,"kind":2048,"name":"configure","url":"interfaces/TYPES.ListGridAPI.html#configure","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":731,"kind":2048,"name":"updateSize","url":"interfaces/TYPES.ListGridAPI.html#updateSize","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":732,"kind":2048,"name":"updateScroll","url":"interfaces/TYPES.ListGridAPI.html#updateScroll","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":733,"kind":2048,"name":"invalidate","url":"interfaces/TYPES.ListGridAPI.html#invalidate","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":734,"kind":2048,"name":"invalidateCell","url":"interfaces/TYPES.ListGridAPI.html#invalidateCell","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":735,"kind":2048,"name":"invalidateGridRect","url":"interfaces/TYPES.ListGridAPI.html#invalidateGridRect","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":736,"kind":2048,"name":"invalidateCellRange","url":"interfaces/TYPES.ListGridAPI.html#invalidateCellRange","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":737,"kind":2048,"name":"getRowHeight","url":"interfaces/TYPES.ListGridAPI.html#getRowHeight","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":738,"kind":2048,"name":"setRowHeight","url":"interfaces/TYPES.ListGridAPI.html#setRowHeight","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":739,"kind":2048,"name":"getColWidth","url":"interfaces/TYPES.ListGridAPI.html#getColWidth","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":740,"kind":2048,"name":"setColWidth","url":"interfaces/TYPES.ListGridAPI.html#setColWidth","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":741,"kind":2048,"name":"getMaxColWidth","url":"interfaces/TYPES.ListGridAPI.html#getMaxColWidth","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":742,"kind":2048,"name":"setMaxColWidth","url":"interfaces/TYPES.ListGridAPI.html#setMaxColWidth","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":743,"kind":2048,"name":"getMinColWidth","url":"interfaces/TYPES.ListGridAPI.html#getMinColWidth","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":744,"kind":2048,"name":"setMinColWidth","url":"interfaces/TYPES.ListGridAPI.html#setMinColWidth","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":745,"kind":2048,"name":"getCellRect","url":"interfaces/TYPES.ListGridAPI.html#getCellRect","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":746,"kind":2048,"name":"getCellRelativeRect","url":"interfaces/TYPES.ListGridAPI.html#getCellRelativeRect","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":747,"kind":2048,"name":"getCellsRect","url":"interfaces/TYPES.ListGridAPI.html#getCellsRect","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":748,"kind":2048,"name":"getCellRangeRect","url":"interfaces/TYPES.ListGridAPI.html#getCellRangeRect","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":749,"kind":2048,"name":"isFrozenCell","url":"interfaces/TYPES.ListGridAPI.html#isFrozenCell","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":750,"kind":2048,"name":"getRowAt","url":"interfaces/TYPES.ListGridAPI.html#getRowAt","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":751,"kind":2048,"name":"getColAt","url":"interfaces/TYPES.ListGridAPI.html#getColAt","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":752,"kind":2048,"name":"getCellAt","url":"interfaces/TYPES.ListGridAPI.html#getCellAt","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":753,"kind":2048,"name":"makeVisibleCell","url":"interfaces/TYPES.ListGridAPI.html#makeVisibleCell","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":754,"kind":2048,"name":"setFocusCursor","url":"interfaces/TYPES.ListGridAPI.html#setFocusCursor","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":755,"kind":2048,"name":"focusCell","url":"interfaces/TYPES.ListGridAPI.html#focusCell","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":756,"kind":2048,"name":"getCellOverflowText","url":"interfaces/TYPES.ListGridAPI.html#getCellOverflowText","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":757,"kind":2048,"name":"setCellOverflowText","url":"interfaces/TYPES.ListGridAPI.html#setCellOverflowText","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":758,"kind":2048,"name":"getAttachCellsArea","url":"interfaces/TYPES.ListGridAPI.html#getAttachCellsArea","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":759,"kind":2048,"name":"onKeyDownMove","url":"interfaces/TYPES.ListGridAPI.html#onKeyDownMove","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":760,"kind":2048,"name":"dispose","url":"interfaces/TYPES.ListGridAPI.html#dispose","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":761,"kind":2048,"name":"addDisposable","url":"interfaces/TYPES.ListGridAPI.html#addDisposable","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"TYPES.ListGridAPI"},{"id":762,"kind":256,"name":"ColumnTypeAPI","url":"interfaces/TYPES.ColumnTypeAPI.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":763,"kind":256,"name":"ColumnActionAPI","url":"interfaces/TYPES.ColumnActionAPI.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":764,"kind":1024,"name":"editable","url":"interfaces/TYPES.ColumnActionAPI.html#editable","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ColumnActionAPI"},{"id":765,"kind":1024,"name":"disabled","url":"interfaces/TYPES.ColumnActionAPI.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.ColumnActionAPI"},{"id":766,"kind":4194304,"name":"SetPasteValueTestData","url":"modules/TYPES.html#SetPasteValueTestData","classes":"tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter","parent":"TYPES"},{"id":767,"kind":256,"name":"InlineAPI","url":"interfaces/TYPES.InlineAPI.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":768,"kind":2048,"name":"width","url":"interfaces/TYPES.InlineAPI.html#width","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.InlineAPI"},{"id":769,"kind":2048,"name":"font","url":"interfaces/TYPES.InlineAPI.html#font","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.InlineAPI"},{"id":770,"kind":2048,"name":"color","url":"interfaces/TYPES.InlineAPI.html#color","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.InlineAPI"},{"id":771,"kind":2048,"name":"canDraw","url":"interfaces/TYPES.InlineAPI.html#canDraw","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.InlineAPI"},{"id":772,"kind":2048,"name":"onReady","url":"interfaces/TYPES.InlineAPI.html#onReady","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.InlineAPI"},{"id":773,"kind":2048,"name":"draw","url":"interfaces/TYPES.InlineAPI.html#draw","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.InlineAPI"},{"id":774,"kind":2048,"name":"canBreak","url":"interfaces/TYPES.InlineAPI.html#canBreak","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.InlineAPI"},{"id":775,"kind":256,"name":"GridCanvasHelperAPI","url":"interfaces/TYPES.GridCanvasHelperAPI.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":776,"kind":1024,"name":"theme","url":"interfaces/TYPES.GridCanvasHelperAPI.html#theme","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.GridCanvasHelperAPI"},{"id":777,"kind":2048,"name":"text","url":"interfaces/TYPES.GridCanvasHelperAPI.html#text","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.GridCanvasHelperAPI"},{"id":778,"kind":2048,"name":"button","url":"interfaces/TYPES.GridCanvasHelperAPI.html#button","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.GridCanvasHelperAPI"},{"id":779,"kind":2048,"name":"checkbox","url":"interfaces/TYPES.GridCanvasHelperAPI.html#checkbox","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.GridCanvasHelperAPI"},{"id":780,"kind":2048,"name":"radioButton","url":"interfaces/TYPES.GridCanvasHelperAPI.html#radioButton","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.GridCanvasHelperAPI"},{"id":781,"kind":2048,"name":"multilineText","url":"interfaces/TYPES.GridCanvasHelperAPI.html#multilineText","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.GridCanvasHelperAPI"},{"id":782,"kind":2048,"name":"getColor","url":"interfaces/TYPES.GridCanvasHelperAPI.html#getColor","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.GridCanvasHelperAPI"},{"id":783,"kind":2048,"name":"toBoxPixelArray","url":"interfaces/TYPES.GridCanvasHelperAPI.html#toBoxPixelArray","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.GridCanvasHelperAPI"},{"id":784,"kind":2048,"name":"fillRectWithState","url":"interfaces/TYPES.GridCanvasHelperAPI.html#fillRectWithState","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.GridCanvasHelperAPI"},{"id":785,"kind":2048,"name":"drawBorderWithClip","url":"interfaces/TYPES.GridCanvasHelperAPI.html#drawBorderWithClip","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.GridCanvasHelperAPI"},{"id":786,"kind":2048,"name":"drawWithClip","url":"interfaces/TYPES.GridCanvasHelperAPI.html#drawWithClip","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.GridCanvasHelperAPI"},{"id":787,"kind":2048,"name":"testFontLoad","url":"interfaces/TYPES.GridCanvasHelperAPI.html#testFontLoad","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.GridCanvasHelperAPI"},{"id":788,"kind":2048,"name":"buildCheckBoxInline","url":"interfaces/TYPES.GridCanvasHelperAPI.html#buildCheckBoxInline","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.GridCanvasHelperAPI"},{"id":789,"kind":256,"name":"CellContext","url":"interfaces/TYPES.CellContext.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":790,"kind":1024,"name":"col","url":"interfaces/TYPES.CellContext.html#col","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.CellContext"},{"id":791,"kind":1024,"name":"row","url":"interfaces/TYPES.CellContext.html#row","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.CellContext"},{"id":792,"kind":2048,"name":"getContext","url":"interfaces/TYPES.CellContext.html#getContext","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.CellContext"},{"id":793,"kind":2048,"name":"toCurrentContext","url":"interfaces/TYPES.CellContext.html#toCurrentContext","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.CellContext"},{"id":794,"kind":2048,"name":"getDrawRect","url":"interfaces/TYPES.CellContext.html#getDrawRect","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.CellContext"},{"id":795,"kind":2048,"name":"getRect","url":"interfaces/TYPES.CellContext.html#getRect","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.CellContext"},{"id":796,"kind":2048,"name":"getSelection","url":"interfaces/TYPES.CellContext.html#getSelection","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.CellContext"},{"id":797,"kind":2048,"name":"setRectFilter","url":"interfaces/TYPES.CellContext.html#setRectFilter","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"TYPES.CellContext"},{"id":798,"kind":256,"name":"Selection","url":"interfaces/TYPES.Selection.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"TYPES"},{"id":799,"kind":1024,"name":"select","url":"interfaces/TYPES.Selection.html#select","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.Selection"},{"id":800,"kind":1024,"name":"range","url":"interfaces/TYPES.Selection.html#range","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TYPES.Selection"},{"id":801,"kind":4,"name":"core","url":"modules/core.html","classes":"tsd-kind-namespace"},{"id":802,"kind":128,"name":"DrawGrid","url":"classes/core.DrawGrid.html","classes":"tsd-kind-class tsd-parent-kind-namespace","parent":"core"},{"id":803,"kind":262144,"name":"EVENT_TYPE","url":"classes/core.DrawGrid.html#EVENT_TYPE","classes":"tsd-kind-get-signature tsd-parent-kind-class tsd-is-static","parent":"core.DrawGrid"},{"id":804,"kind":512,"name":"constructor","url":"classes/core.DrawGrid.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite","parent":"core.DrawGrid"},{"id":805,"kind":2048,"name":"getElement","url":"classes/core.DrawGrid.html#getElement","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":806,"kind":262144,"name":"canvas","url":"classes/core.DrawGrid.html#canvas","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":807,"kind":2048,"name":"focus","url":"classes/core.DrawGrid.html#focus","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":808,"kind":2048,"name":"hasFocusGrid","url":"classes/core.DrawGrid.html#hasFocusGrid","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":809,"kind":262144,"name":"selection","url":"classes/core.DrawGrid.html#selection","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":810,"kind":262144,"name":"rowCount","url":"classes/core.DrawGrid.html#rowCount","classes":"tsd-kind-accessor tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":811,"kind":262144,"name":"colCount","url":"classes/core.DrawGrid.html#colCount","classes":"tsd-kind-accessor tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":812,"kind":262144,"name":"frozenColCount","url":"classes/core.DrawGrid.html#frozenColCount","classes":"tsd-kind-accessor tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":813,"kind":262144,"name":"frozenRowCount","url":"classes/core.DrawGrid.html#frozenRowCount","classes":"tsd-kind-accessor tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":814,"kind":262144,"name":"defaultRowHeight","url":"classes/core.DrawGrid.html#defaultRowHeight","classes":"tsd-kind-accessor tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":815,"kind":262144,"name":"defaultColWidth","url":"classes/core.DrawGrid.html#defaultColWidth","classes":"tsd-kind-accessor tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":816,"kind":262144,"name":"font","url":"classes/core.DrawGrid.html#font","classes":"tsd-kind-accessor tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":817,"kind":262144,"name":"underlayBackgroundColor","url":"classes/core.DrawGrid.html#underlayBackgroundColor","classes":"tsd-kind-accessor tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":818,"kind":262144,"name":"trimOnPaste","url":"classes/core.DrawGrid.html#trimOnPaste","classes":"tsd-kind-accessor tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":819,"kind":262144,"name":"keyboardOptions","url":"classes/core.DrawGrid.html#keyboardOptions","classes":"tsd-kind-accessor tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":820,"kind":2048,"name":"configure","url":"classes/core.DrawGrid.html#configure","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":821,"kind":2048,"name":"updateSize","url":"classes/core.DrawGrid.html#updateSize","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":822,"kind":2048,"name":"updateScroll","url":"classes/core.DrawGrid.html#updateScroll","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":823,"kind":2048,"name":"getRowHeight","url":"classes/core.DrawGrid.html#getRowHeight","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":824,"kind":2048,"name":"setRowHeight","url":"classes/core.DrawGrid.html#setRowHeight","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":825,"kind":2048,"name":"getColWidth","url":"classes/core.DrawGrid.html#getColWidth","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":826,"kind":2048,"name":"setColWidth","url":"classes/core.DrawGrid.html#setColWidth","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":827,"kind":2048,"name":"getMaxColWidth","url":"classes/core.DrawGrid.html#getMaxColWidth","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":828,"kind":2048,"name":"setMaxColWidth","url":"classes/core.DrawGrid.html#setMaxColWidth","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":829,"kind":2048,"name":"getMinColWidth","url":"classes/core.DrawGrid.html#getMinColWidth","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":830,"kind":2048,"name":"setMinColWidth","url":"classes/core.DrawGrid.html#setMinColWidth","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":831,"kind":2048,"name":"getCellRect","url":"classes/core.DrawGrid.html#getCellRect","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":832,"kind":2048,"name":"getCellRelativeRect","url":"classes/core.DrawGrid.html#getCellRelativeRect","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":833,"kind":2048,"name":"getCellsRect","url":"classes/core.DrawGrid.html#getCellsRect","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":834,"kind":2048,"name":"getCellRangeRect","url":"classes/core.DrawGrid.html#getCellRangeRect","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":835,"kind":2048,"name":"isFrozenCell","url":"classes/core.DrawGrid.html#isFrozenCell","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":836,"kind":2048,"name":"getRowAt","url":"classes/core.DrawGrid.html#getRowAt","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":837,"kind":2048,"name":"getColAt","url":"classes/core.DrawGrid.html#getColAt","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":838,"kind":2048,"name":"getCellAt","url":"classes/core.DrawGrid.html#getCellAt","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":839,"kind":2048,"name":"makeVisibleCell","url":"classes/core.DrawGrid.html#makeVisibleCell","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":840,"kind":2048,"name":"setFocusCursor","url":"classes/core.DrawGrid.html#setFocusCursor","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":841,"kind":2048,"name":"focusCell","url":"classes/core.DrawGrid.html#focusCell","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":842,"kind":2048,"name":"invalidateCell","url":"classes/core.DrawGrid.html#invalidateCell","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":843,"kind":2048,"name":"invalidateGridRect","url":"classes/core.DrawGrid.html#invalidateGridRect","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":844,"kind":2048,"name":"invalidateCellRange","url":"classes/core.DrawGrid.html#invalidateCellRange","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":845,"kind":2048,"name":"invalidate","url":"classes/core.DrawGrid.html#invalidate","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":846,"kind":262144,"name":"visibleRowCount","url":"classes/core.DrawGrid.html#visibleRowCount","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":847,"kind":262144,"name":"visibleColCount","url":"classes/core.DrawGrid.html#visibleColCount","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":848,"kind":262144,"name":"topRow","url":"classes/core.DrawGrid.html#topRow","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":849,"kind":262144,"name":"leftCol","url":"classes/core.DrawGrid.html#leftCol","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":850,"kind":262144,"name":"scrollTop","url":"classes/core.DrawGrid.html#scrollTop","classes":"tsd-kind-accessor tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":851,"kind":262144,"name":"scrollLeft","url":"classes/core.DrawGrid.html#scrollLeft","classes":"tsd-kind-accessor tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":852,"kind":2048,"name":"getCellOverflowText","url":"classes/core.DrawGrid.html#getCellOverflowText","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":853,"kind":2048,"name":"setCellOverflowText","url":"classes/core.DrawGrid.html#setCellOverflowText","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":854,"kind":2048,"name":"addDisposable","url":"classes/core.DrawGrid.html#addDisposable","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":855,"kind":2048,"name":"dispose","url":"classes/core.DrawGrid.html#dispose","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"core.DrawGrid"},{"id":856,"kind":2048,"name":"getAttachCellsArea","url":"classes/core.DrawGrid.html#getAttachCellsArea","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":857,"kind":2048,"name":"onKeyDownMove","url":"classes/core.DrawGrid.html#onKeyDownMove","classes":"tsd-kind-method tsd-parent-kind-class","parent":"core.DrawGrid"},{"id":858,"kind":2048,"name":"fireListeners","url":"classes/core.DrawGrid.html#fireListeners","classes":"tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-overwrite","parent":"core.DrawGrid"},{"id":859,"kind":2048,"name":"listen","url":"classes/core.DrawGrid.html#listen","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"core.DrawGrid"},{"id":860,"kind":2048,"name":"unlisten","url":"classes/core.DrawGrid.html#unlisten","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"core.DrawGrid"},{"id":861,"kind":2048,"name":"addEventListener","url":"classes/core.DrawGrid.html#addEventListener","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"core.DrawGrid"},{"id":862,"kind":2048,"name":"removeEventListener","url":"classes/core.DrawGrid.html#removeEventListener","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"core.DrawGrid"},{"id":863,"kind":2048,"name":"hasListeners","url":"classes/core.DrawGrid.html#hasListeners","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"core.DrawGrid"},{"id":864,"kind":32,"name":"EVENT_TYPE","url":"modules/core.html#EVENT_TYPE","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"core"},{"id":865,"kind":4,"name":"tools","url":"modules/tools.html","classes":"tsd-kind-namespace"},{"id":866,"kind":128,"name":"ListGrid","url":"classes/ListGrid.html","classes":"tsd-kind-class tsd-has-type-parameter"},{"id":867,"kind":262144,"name":"EVENT_TYPE","url":"classes/ListGrid.html#EVENT_TYPE","classes":"tsd-kind-get-signature tsd-parent-kind-class tsd-is-overwrite tsd-is-static","parent":"ListGrid"},{"id":868,"kind":512,"name":"constructor","url":"classes/ListGrid.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-has-type-parameter tsd-is-overwrite","parent":"ListGrid"},{"id":869,"kind":1024,"name":"disabled","url":"classes/ListGrid.html#disabled","classes":"tsd-kind-property tsd-parent-kind-class","parent":"ListGrid"},{"id":870,"kind":1024,"name":"readOnly","url":"classes/ListGrid.html#readOnly","classes":"tsd-kind-property tsd-parent-kind-class","parent":"ListGrid"},{"id":871,"kind":2048,"name":"dispose","url":"classes/ListGrid.html#dispose","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"ListGrid"},{"id":872,"kind":262144,"name":"header","url":"classes/ListGrid.html#header","classes":"tsd-kind-accessor tsd-parent-kind-class","parent":"ListGrid"},{"id":873,"kind":262144,"name":"layout","url":"classes/ListGrid.html#layout","classes":"tsd-kind-accessor tsd-parent-kind-class","parent":"ListGrid"},{"id":874,"kind":262144,"name":"headerRowHeight","url":"classes/ListGrid.html#headerRowHeight","classes":"tsd-kind-accessor tsd-parent-kind-class","parent":"ListGrid"},{"id":875,"kind":262144,"name":"recordRowCount","url":"classes/ListGrid.html#recordRowCount","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"ListGrid"},{"id":876,"kind":262144,"name":"records","url":"classes/ListGrid.html#records","classes":"tsd-kind-accessor tsd-parent-kind-class","parent":"ListGrid"},{"id":877,"kind":262144,"name":"dataSource","url":"classes/ListGrid.html#dataSource","classes":"tsd-kind-accessor tsd-parent-kind-class","parent":"ListGrid"},{"id":878,"kind":262144,"name":"theme","url":"classes/ListGrid.html#theme","classes":"tsd-kind-accessor tsd-parent-kind-class","parent":"ListGrid"},{"id":879,"kind":262144,"name":"allowRangePaste","url":"classes/ListGrid.html#allowRangePaste","classes":"tsd-kind-accessor tsd-parent-kind-class","parent":"ListGrid"},{"id":880,"kind":262144,"name":"font","url":"classes/ListGrid.html#font","classes":"tsd-kind-accessor tsd-parent-kind-class tsd-is-overwrite","parent":"ListGrid"},{"id":881,"kind":262144,"name":"underlayBackgroundColor","url":"classes/ListGrid.html#underlayBackgroundColor","classes":"tsd-kind-accessor tsd-parent-kind-class tsd-is-overwrite","parent":"ListGrid"},{"id":882,"kind":262144,"name":"sortState","url":"classes/ListGrid.html#sortState","classes":"tsd-kind-accessor tsd-parent-kind-class","parent":"ListGrid"},{"id":883,"kind":262144,"name":"headerValues","url":"classes/ListGrid.html#headerValues","classes":"tsd-kind-accessor tsd-parent-kind-class","parent":"ListGrid"},{"id":884,"kind":2048,"name":"getField","url":"classes/ListGrid.html#getField","classes":"tsd-kind-method tsd-parent-kind-class","parent":"ListGrid"},{"id":885,"kind":2048,"name":"getColumnDefine","url":"classes/ListGrid.html#getColumnDefine","classes":"tsd-kind-method tsd-parent-kind-class","parent":"ListGrid"},{"id":886,"kind":2048,"name":"getColumnType","url":"classes/ListGrid.html#getColumnType","classes":"tsd-kind-method tsd-parent-kind-class","parent":"ListGrid"},{"id":887,"kind":2048,"name":"getColumnAction","url":"classes/ListGrid.html#getColumnAction","classes":"tsd-kind-method tsd-parent-kind-class","parent":"ListGrid"},{"id":888,"kind":2048,"name":"getHeaderField","url":"classes/ListGrid.html#getHeaderField","classes":"tsd-kind-method tsd-parent-kind-class","parent":"ListGrid"},{"id":889,"kind":2048,"name":"getHeaderDefine","url":"classes/ListGrid.html#getHeaderDefine","classes":"tsd-kind-method tsd-parent-kind-class","parent":"ListGrid"},{"id":890,"kind":2048,"name":"getRowRecord","url":"classes/ListGrid.html#getRowRecord","classes":"tsd-kind-method tsd-parent-kind-class","parent":"ListGrid"},{"id":891,"kind":2048,"name":"getRecordIndexByRow","url":"classes/ListGrid.html#getRecordIndexByRow","classes":"tsd-kind-method tsd-parent-kind-class","parent":"ListGrid"},{"id":892,"kind":2048,"name":"getRecordStartRowByRecordIndex","url":"classes/ListGrid.html#getRecordStartRowByRecordIndex","classes":"tsd-kind-method tsd-parent-kind-class","parent":"ListGrid"},{"id":893,"kind":2048,"name":"getColumnIndexByField","url":"classes/ListGrid.html#getColumnIndexByField","classes":"tsd-kind-method tsd-parent-kind-class","parent":"ListGrid"},{"id":894,"kind":2048,"name":"getCellRangeByField","url":"classes/ListGrid.html#getCellRangeByField","classes":"tsd-kind-method tsd-parent-kind-class","parent":"ListGrid"},{"id":895,"kind":2048,"name":"focusGridCell","url":"classes/ListGrid.html#focusGridCell","classes":"tsd-kind-method tsd-parent-kind-class","parent":"ListGrid"},{"id":896,"kind":2048,"name":"makeVisibleGridCell","url":"classes/ListGrid.html#makeVisibleGridCell","classes":"tsd-kind-method tsd-parent-kind-class","parent":"ListGrid"},{"id":897,"kind":2048,"name":"getGridCanvasHelper","url":"classes/ListGrid.html#getGridCanvasHelper","classes":"tsd-kind-method tsd-parent-kind-class","parent":"ListGrid"},{"id":898,"kind":2048,"name":"getCellRange","url":"classes/ListGrid.html#getCellRange","classes":"tsd-kind-method tsd-parent-kind-class","parent":"ListGrid"},{"id":899,"kind":2048,"name":"getHeaderCellRange","url":"classes/ListGrid.html#getHeaderCellRange","classes":"tsd-kind-method tsd-parent-kind-class","parent":"ListGrid"},{"id":900,"kind":2048,"name":"doGetCellValue","url":"classes/ListGrid.html#doGetCellValue","classes":"tsd-kind-method tsd-parent-kind-class","parent":"ListGrid"},{"id":901,"kind":2048,"name":"doChangeValue","url":"classes/ListGrid.html#doChangeValue","classes":"tsd-kind-method tsd-parent-kind-class","parent":"ListGrid"},{"id":902,"kind":2048,"name":"doSetPasteValue","url":"classes/ListGrid.html#doSetPasteValue","classes":"tsd-kind-method tsd-parent-kind-class","parent":"ListGrid"},{"id":903,"kind":2048,"name":"getHeaderValue","url":"classes/ListGrid.html#getHeaderValue","classes":"tsd-kind-method tsd-parent-kind-class","parent":"ListGrid"},{"id":904,"kind":2048,"name":"setHeaderValue","url":"classes/ListGrid.html#setHeaderValue","classes":"tsd-kind-method tsd-parent-kind-class","parent":"ListGrid"},{"id":905,"kind":2048,"name":"getLayoutCellId","url":"classes/ListGrid.html#getLayoutCellId","classes":"tsd-kind-method tsd-parent-kind-class","parent":"ListGrid"},{"id":906,"kind":2048,"name":"fireListeners","url":"classes/ListGrid.html#fireListeners","classes":"tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-overwrite","parent":"ListGrid"},{"id":907,"kind":2048,"name":"getElement","url":"classes/ListGrid.html#getElement","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":908,"kind":262144,"name":"canvas","url":"classes/ListGrid.html#canvas","classes":"tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":909,"kind":2048,"name":"focus","url":"classes/ListGrid.html#focus","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":910,"kind":2048,"name":"hasFocusGrid","url":"classes/ListGrid.html#hasFocusGrid","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":911,"kind":262144,"name":"selection","url":"classes/ListGrid.html#selection","classes":"tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":912,"kind":262144,"name":"rowCount","url":"classes/ListGrid.html#rowCount","classes":"tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":913,"kind":262144,"name":"colCount","url":"classes/ListGrid.html#colCount","classes":"tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":914,"kind":262144,"name":"frozenColCount","url":"classes/ListGrid.html#frozenColCount","classes":"tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":915,"kind":262144,"name":"frozenRowCount","url":"classes/ListGrid.html#frozenRowCount","classes":"tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":916,"kind":262144,"name":"defaultRowHeight","url":"classes/ListGrid.html#defaultRowHeight","classes":"tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":917,"kind":262144,"name":"defaultColWidth","url":"classes/ListGrid.html#defaultColWidth","classes":"tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":918,"kind":262144,"name":"trimOnPaste","url":"classes/ListGrid.html#trimOnPaste","classes":"tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":919,"kind":262144,"name":"keyboardOptions","url":"classes/ListGrid.html#keyboardOptions","classes":"tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":920,"kind":2048,"name":"configure","url":"classes/ListGrid.html#configure","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":921,"kind":2048,"name":"updateSize","url":"classes/ListGrid.html#updateSize","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":922,"kind":2048,"name":"updateScroll","url":"classes/ListGrid.html#updateScroll","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":923,"kind":2048,"name":"getRowHeight","url":"classes/ListGrid.html#getRowHeight","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":924,"kind":2048,"name":"setRowHeight","url":"classes/ListGrid.html#setRowHeight","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":925,"kind":2048,"name":"getColWidth","url":"classes/ListGrid.html#getColWidth","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":926,"kind":2048,"name":"setColWidth","url":"classes/ListGrid.html#setColWidth","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":927,"kind":2048,"name":"getMaxColWidth","url":"classes/ListGrid.html#getMaxColWidth","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":928,"kind":2048,"name":"setMaxColWidth","url":"classes/ListGrid.html#setMaxColWidth","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":929,"kind":2048,"name":"getMinColWidth","url":"classes/ListGrid.html#getMinColWidth","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":930,"kind":2048,"name":"setMinColWidth","url":"classes/ListGrid.html#setMinColWidth","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":931,"kind":2048,"name":"getCellRect","url":"classes/ListGrid.html#getCellRect","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":932,"kind":2048,"name":"getCellRelativeRect","url":"classes/ListGrid.html#getCellRelativeRect","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":933,"kind":2048,"name":"getCellsRect","url":"classes/ListGrid.html#getCellsRect","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":934,"kind":2048,"name":"getCellRangeRect","url":"classes/ListGrid.html#getCellRangeRect","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":935,"kind":2048,"name":"isFrozenCell","url":"classes/ListGrid.html#isFrozenCell","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":936,"kind":2048,"name":"getRowAt","url":"classes/ListGrid.html#getRowAt","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":937,"kind":2048,"name":"getColAt","url":"classes/ListGrid.html#getColAt","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":938,"kind":2048,"name":"getCellAt","url":"classes/ListGrid.html#getCellAt","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":939,"kind":2048,"name":"makeVisibleCell","url":"classes/ListGrid.html#makeVisibleCell","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":940,"kind":2048,"name":"setFocusCursor","url":"classes/ListGrid.html#setFocusCursor","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":941,"kind":2048,"name":"focusCell","url":"classes/ListGrid.html#focusCell","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":942,"kind":2048,"name":"invalidateCell","url":"classes/ListGrid.html#invalidateCell","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":943,"kind":2048,"name":"invalidateGridRect","url":"classes/ListGrid.html#invalidateGridRect","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":944,"kind":2048,"name":"invalidateCellRange","url":"classes/ListGrid.html#invalidateCellRange","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":945,"kind":2048,"name":"invalidate","url":"classes/ListGrid.html#invalidate","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":946,"kind":262144,"name":"visibleRowCount","url":"classes/ListGrid.html#visibleRowCount","classes":"tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":947,"kind":262144,"name":"visibleColCount","url":"classes/ListGrid.html#visibleColCount","classes":"tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":948,"kind":262144,"name":"topRow","url":"classes/ListGrid.html#topRow","classes":"tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":949,"kind":262144,"name":"leftCol","url":"classes/ListGrid.html#leftCol","classes":"tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":950,"kind":262144,"name":"scrollTop","url":"classes/ListGrid.html#scrollTop","classes":"tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":951,"kind":262144,"name":"scrollLeft","url":"classes/ListGrid.html#scrollLeft","classes":"tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":952,"kind":2048,"name":"getCellOverflowText","url":"classes/ListGrid.html#getCellOverflowText","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":953,"kind":2048,"name":"setCellOverflowText","url":"classes/ListGrid.html#setCellOverflowText","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":954,"kind":2048,"name":"addDisposable","url":"classes/ListGrid.html#addDisposable","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":955,"kind":2048,"name":"getAttachCellsArea","url":"classes/ListGrid.html#getAttachCellsArea","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":956,"kind":2048,"name":"onKeyDownMove","url":"classes/ListGrid.html#onKeyDownMove","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":957,"kind":2048,"name":"listen","url":"classes/ListGrid.html#listen","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":958,"kind":2048,"name":"unlisten","url":"classes/ListGrid.html#unlisten","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":959,"kind":2048,"name":"addEventListener","url":"classes/ListGrid.html#addEventListener","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":960,"kind":2048,"name":"removeEventListener","url":"classes/ListGrid.html#removeEventListener","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":961,"kind":2048,"name":"hasListeners","url":"classes/ListGrid.html#hasListeners","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ListGrid"},{"id":962,"kind":256,"name":"ListGridConstructorOptions","url":"interfaces/ListGridConstructorOptions.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":963,"kind":1024,"name":"header","url":"interfaces/ListGridConstructorOptions.html#header","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ListGridConstructorOptions"},{"id":964,"kind":1024,"name":"layout","url":"interfaces/ListGridConstructorOptions.html#layout","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ListGridConstructorOptions"},{"id":965,"kind":1024,"name":"headerRowHeight","url":"interfaces/ListGridConstructorOptions.html#headerRowHeight","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ListGridConstructorOptions"},{"id":966,"kind":1024,"name":"dataSource","url":"interfaces/ListGridConstructorOptions.html#dataSource","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ListGridConstructorOptions"},{"id":967,"kind":1024,"name":"records","url":"interfaces/ListGridConstructorOptions.html#records","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ListGridConstructorOptions"},{"id":968,"kind":1024,"name":"theme","url":"interfaces/ListGridConstructorOptions.html#theme","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ListGridConstructorOptions"},{"id":969,"kind":1024,"name":"allowRangePaste","url":"interfaces/ListGridConstructorOptions.html#allowRangePaste","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ListGridConstructorOptions"},{"id":970,"kind":1024,"name":"rowCount","url":"interfaces/ListGridConstructorOptions.html#rowCount","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite","parent":"ListGridConstructorOptions"},{"id":971,"kind":1024,"name":"colCount","url":"interfaces/ListGridConstructorOptions.html#colCount","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite","parent":"ListGridConstructorOptions"},{"id":972,"kind":1024,"name":"frozenRowCount","url":"interfaces/ListGridConstructorOptions.html#frozenRowCount","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite","parent":"ListGridConstructorOptions"},{"id":973,"kind":1024,"name":"frozenColCount","url":"interfaces/ListGridConstructorOptions.html#frozenColCount","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ListGridConstructorOptions"},{"id":974,"kind":1024,"name":"defaultRowHeight","url":"interfaces/ListGridConstructorOptions.html#defaultRowHeight","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ListGridConstructorOptions"},{"id":975,"kind":1024,"name":"defaultColWidth","url":"interfaces/ListGridConstructorOptions.html#defaultColWidth","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ListGridConstructorOptions"},{"id":976,"kind":1024,"name":"font","url":"interfaces/ListGridConstructorOptions.html#font","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ListGridConstructorOptions"},{"id":977,"kind":1024,"name":"underlayBackgroundColor","url":"interfaces/ListGridConstructorOptions.html#underlayBackgroundColor","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ListGridConstructorOptions"},{"id":978,"kind":1024,"name":"keyboardOptions","url":"interfaces/ListGridConstructorOptions.html#keyboardOptions","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ListGridConstructorOptions"},{"id":979,"kind":1024,"name":"parentElement","url":"interfaces/ListGridConstructorOptions.html#parentElement","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ListGridConstructorOptions"},{"id":980,"kind":1024,"name":"disableColumnResize","url":"interfaces/ListGridConstructorOptions.html#disableColumnResize","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ListGridConstructorOptions"},{"id":981,"kind":1024,"name":"trimOnPaste","url":"interfaces/ListGridConstructorOptions.html#trimOnPaste","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ListGridConstructorOptions"},{"id":982,"kind":4194304,"name":"HeadersDefine","url":"modules.html#HeadersDefine","classes":"tsd-kind-type-alias tsd-has-type-parameter"},{"id":983,"kind":256,"name":"ColumnDefine","url":"interfaces/ColumnDefine.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":984,"kind":1024,"name":"field","url":"interfaces/ColumnDefine.html#field","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ColumnDefine"},{"id":985,"kind":1024,"name":"icon","url":"interfaces/ColumnDefine.html#icon","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ColumnDefine"},{"id":986,"kind":1024,"name":"message","url":"interfaces/ColumnDefine.html#message","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ColumnDefine"},{"id":987,"kind":1024,"name":"columnType","url":"interfaces/ColumnDefine.html#columnType","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ColumnDefine"},{"id":988,"kind":1024,"name":"action","url":"interfaces/ColumnDefine.html#action","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ColumnDefine"},{"id":989,"kind":1024,"name":"style","url":"interfaces/ColumnDefine.html#style","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ColumnDefine"},{"id":990,"kind":1024,"name":"caption","url":"interfaces/ColumnDefine.html#caption","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ColumnDefine"},{"id":991,"kind":1024,"name":"width","url":"interfaces/ColumnDefine.html#width","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ColumnDefine"},{"id":992,"kind":1024,"name":"minWidth","url":"interfaces/ColumnDefine.html#minWidth","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ColumnDefine"},{"id":993,"kind":1024,"name":"maxWidth","url":"interfaces/ColumnDefine.html#maxWidth","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ColumnDefine"},{"id":994,"kind":1024,"name":"headerField","url":"interfaces/ColumnDefine.html#headerField","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ColumnDefine"},{"id":995,"kind":1024,"name":"headerIcon","url":"interfaces/ColumnDefine.html#headerIcon","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ColumnDefine"},{"id":996,"kind":1024,"name":"headerStyle","url":"interfaces/ColumnDefine.html#headerStyle","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ColumnDefine"},{"id":997,"kind":1024,"name":"headerType","url":"interfaces/ColumnDefine.html#headerType","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ColumnDefine"},{"id":998,"kind":1024,"name":"headerAction","url":"interfaces/ColumnDefine.html#headerAction","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ColumnDefine"},{"id":999,"kind":1024,"name":"sort","url":"interfaces/ColumnDefine.html#sort","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ColumnDefine"},{"id":1000,"kind":256,"name":"HeaderDefine","url":"interfaces/HeaderDefine.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":1001,"kind":1024,"name":"caption","url":"interfaces/HeaderDefine.html#caption","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"HeaderDefine"},{"id":1002,"kind":1024,"name":"width","url":"interfaces/HeaderDefine.html#width","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"HeaderDefine"},{"id":1003,"kind":1024,"name":"minWidth","url":"interfaces/HeaderDefine.html#minWidth","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"HeaderDefine"},{"id":1004,"kind":1024,"name":"maxWidth","url":"interfaces/HeaderDefine.html#maxWidth","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"HeaderDefine"},{"id":1005,"kind":1024,"name":"headerField","url":"interfaces/HeaderDefine.html#headerField","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"HeaderDefine"},{"id":1006,"kind":1024,"name":"headerIcon","url":"interfaces/HeaderDefine.html#headerIcon","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"HeaderDefine"},{"id":1007,"kind":1024,"name":"headerStyle","url":"interfaces/HeaderDefine.html#headerStyle","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"HeaderDefine"},{"id":1008,"kind":1024,"name":"headerType","url":"interfaces/HeaderDefine.html#headerType","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"HeaderDefine"},{"id":1009,"kind":1024,"name":"headerAction","url":"interfaces/HeaderDefine.html#headerAction","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"HeaderDefine"},{"id":1010,"kind":1024,"name":"sort","url":"interfaces/HeaderDefine.html#sort","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"HeaderDefine"},{"id":1011,"kind":256,"name":"GroupHeaderDefine","url":"interfaces/GroupHeaderDefine.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":1012,"kind":1024,"name":"columns","url":"interfaces/GroupHeaderDefine.html#columns","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"GroupHeaderDefine"},{"id":1013,"kind":1024,"name":"caption","url":"interfaces/GroupHeaderDefine.html#caption","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"GroupHeaderDefine"},{"id":1014,"kind":1024,"name":"width","url":"interfaces/GroupHeaderDefine.html#width","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"GroupHeaderDefine"},{"id":1015,"kind":1024,"name":"minWidth","url":"interfaces/GroupHeaderDefine.html#minWidth","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"GroupHeaderDefine"},{"id":1016,"kind":1024,"name":"maxWidth","url":"interfaces/GroupHeaderDefine.html#maxWidth","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"GroupHeaderDefine"},{"id":1017,"kind":1024,"name":"headerField","url":"interfaces/GroupHeaderDefine.html#headerField","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"GroupHeaderDefine"},{"id":1018,"kind":1024,"name":"headerIcon","url":"interfaces/GroupHeaderDefine.html#headerIcon","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"GroupHeaderDefine"},{"id":1019,"kind":1024,"name":"headerStyle","url":"interfaces/GroupHeaderDefine.html#headerStyle","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"GroupHeaderDefine"},{"id":1020,"kind":1024,"name":"headerType","url":"interfaces/GroupHeaderDefine.html#headerType","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"GroupHeaderDefine"},{"id":1021,"kind":1024,"name":"headerAction","url":"interfaces/GroupHeaderDefine.html#headerAction","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"GroupHeaderDefine"},{"id":1022,"kind":1024,"name":"sort","url":"interfaces/GroupHeaderDefine.html#sort","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"GroupHeaderDefine"},{"id":1023,"kind":4,"name":"columns","url":"modules/columns.html","classes":"tsd-kind-namespace"},{"id":1024,"kind":4,"name":"headers","url":"modules/headers.html","classes":"tsd-kind-namespace"},{"id":1025,"kind":4,"name":"data","url":"modules/data.html","classes":"tsd-kind-namespace"},{"id":1026,"kind":128,"name":"DataSource","url":"classes/data.DataSource.html","classes":"tsd-kind-class tsd-parent-kind-namespace tsd-has-type-parameter","parent":"data"},{"id":1027,"kind":262144,"name":"EVENT_TYPE","url":"classes/data.DataSource.html#EVENT_TYPE","classes":"tsd-kind-get-signature tsd-parent-kind-class tsd-is-static","parent":"data.DataSource"},{"id":1028,"kind":2048,"name":"ofArray","url":"classes/data.DataSource.html#ofArray","classes":"tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-static","parent":"data.DataSource"},{"id":1029,"kind":1024,"name":"EMPTY","url":"classes/data.DataSource.html#EMPTY","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"data.DataSource"},{"id":1030,"kind":512,"name":"constructor","url":"classes/data.DataSource.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-has-type-parameter tsd-is-overwrite","parent":"data.DataSource"},{"id":1031,"kind":262144,"name":"source","url":"classes/data.DataSource.html#source","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"data.DataSource"},{"id":1032,"kind":2048,"name":"get","url":"classes/data.DataSource.html#get","classes":"tsd-kind-method tsd-parent-kind-class","parent":"data.DataSource"},{"id":1033,"kind":2048,"name":"getField","url":"classes/data.DataSource.html#getField","classes":"tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter","parent":"data.DataSource"},{"id":1034,"kind":2048,"name":"hasField","url":"classes/data.DataSource.html#hasField","classes":"tsd-kind-method tsd-parent-kind-class","parent":"data.DataSource"},{"id":1035,"kind":2048,"name":"setField","url":"classes/data.DataSource.html#setField","classes":"tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter","parent":"data.DataSource"},{"id":1036,"kind":2048,"name":"sort","url":"classes/data.DataSource.html#sort","classes":"tsd-kind-method tsd-parent-kind-class","parent":"data.DataSource"},{"id":1037,"kind":262144,"name":"length","url":"classes/data.DataSource.html#length","classes":"tsd-kind-accessor tsd-parent-kind-class","parent":"data.DataSource"},{"id":1038,"kind":262144,"name":"dataSource","url":"classes/data.DataSource.html#dataSource","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"data.DataSource"},{"id":1039,"kind":2048,"name":"dispose","url":"classes/data.DataSource.html#dispose","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"data.DataSource"},{"id":1040,"kind":2048,"name":"listen","url":"classes/data.DataSource.html#listen","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"data.DataSource"},{"id":1041,"kind":2048,"name":"unlisten","url":"classes/data.DataSource.html#unlisten","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"data.DataSource"},{"id":1042,"kind":2048,"name":"addEventListener","url":"classes/data.DataSource.html#addEventListener","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"data.DataSource"},{"id":1043,"kind":2048,"name":"removeEventListener","url":"classes/data.DataSource.html#removeEventListener","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"data.DataSource"},{"id":1044,"kind":2048,"name":"hasListeners","url":"classes/data.DataSource.html#hasListeners","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"data.DataSource"},{"id":1045,"kind":2048,"name":"fireListeners","url":"classes/data.DataSource.html#fireListeners","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"data.DataSource"},{"id":1046,"kind":128,"name":"CachedDataSource","url":"classes/data.CachedDataSource.html","classes":"tsd-kind-class tsd-parent-kind-namespace tsd-has-type-parameter","parent":"data"},{"id":1047,"kind":262144,"name":"EVENT_TYPE","url":"classes/data.CachedDataSource.html#EVENT_TYPE","classes":"tsd-kind-get-signature tsd-parent-kind-class tsd-is-overwrite tsd-is-static","parent":"data.CachedDataSource"},{"id":1048,"kind":2048,"name":"ofArray","url":"classes/data.CachedDataSource.html#ofArray","classes":"tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-overwrite tsd-is-static","parent":"data.CachedDataSource"},{"id":1049,"kind":1024,"name":"EMPTY","url":"classes/data.CachedDataSource.html#EMPTY","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited tsd-is-static","parent":"data.CachedDataSource"},{"id":1050,"kind":512,"name":"constructor","url":"classes/data.CachedDataSource.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-has-type-parameter tsd-is-overwrite","parent":"data.CachedDataSource"},{"id":1051,"kind":2048,"name":"clearCache","url":"classes/data.CachedDataSource.html#clearCache","classes":"tsd-kind-method tsd-parent-kind-class","parent":"data.CachedDataSource"},{"id":1052,"kind":2048,"name":"dispose","url":"classes/data.CachedDataSource.html#dispose","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"data.CachedDataSource"},{"id":1053,"kind":262144,"name":"source","url":"classes/data.CachedDataSource.html#source","classes":"tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited","parent":"data.CachedDataSource"},{"id":1054,"kind":2048,"name":"get","url":"classes/data.CachedDataSource.html#get","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"data.CachedDataSource"},{"id":1055,"kind":2048,"name":"getField","url":"classes/data.CachedDataSource.html#getField","classes":"tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited","parent":"data.CachedDataSource"},{"id":1056,"kind":2048,"name":"hasField","url":"classes/data.CachedDataSource.html#hasField","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"data.CachedDataSource"},{"id":1057,"kind":2048,"name":"setField","url":"classes/data.CachedDataSource.html#setField","classes":"tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited","parent":"data.CachedDataSource"},{"id":1058,"kind":2048,"name":"sort","url":"classes/data.CachedDataSource.html#sort","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"data.CachedDataSource"},{"id":1059,"kind":262144,"name":"length","url":"classes/data.CachedDataSource.html#length","classes":"tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited","parent":"data.CachedDataSource"},{"id":1060,"kind":262144,"name":"dataSource","url":"classes/data.CachedDataSource.html#dataSource","classes":"tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited","parent":"data.CachedDataSource"},{"id":1061,"kind":2048,"name":"listen","url":"classes/data.CachedDataSource.html#listen","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"data.CachedDataSource"},{"id":1062,"kind":2048,"name":"unlisten","url":"classes/data.CachedDataSource.html#unlisten","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"data.CachedDataSource"},{"id":1063,"kind":2048,"name":"addEventListener","url":"classes/data.CachedDataSource.html#addEventListener","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"data.CachedDataSource"},{"id":1064,"kind":2048,"name":"removeEventListener","url":"classes/data.CachedDataSource.html#removeEventListener","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"data.CachedDataSource"},{"id":1065,"kind":2048,"name":"hasListeners","url":"classes/data.CachedDataSource.html#hasListeners","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"data.CachedDataSource"},{"id":1066,"kind":2048,"name":"fireListeners","url":"classes/data.CachedDataSource.html#fireListeners","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"data.CachedDataSource"},{"id":1067,"kind":128,"name":"FilterDataSource","url":"classes/data.FilterDataSource.html","classes":"tsd-kind-class tsd-parent-kind-namespace tsd-has-type-parameter","parent":"data"},{"id":1068,"kind":262144,"name":"EVENT_TYPE","url":"classes/data.FilterDataSource.html#EVENT_TYPE","classes":"tsd-kind-get-signature tsd-parent-kind-class tsd-is-overwrite tsd-is-static","parent":"data.FilterDataSource"},{"id":1069,"kind":2048,"name":"ofArray","url":"classes/data.FilterDataSource.html#ofArray","classes":"tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited tsd-is-static","parent":"data.FilterDataSource"},{"id":1070,"kind":1024,"name":"EMPTY","url":"classes/data.FilterDataSource.html#EMPTY","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited tsd-is-static","parent":"data.FilterDataSource"},{"id":1071,"kind":512,"name":"constructor","url":"classes/data.FilterDataSource.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-has-type-parameter tsd-is-overwrite","parent":"data.FilterDataSource"},{"id":1072,"kind":262144,"name":"filter","url":"classes/data.FilterDataSource.html#filter","classes":"tsd-kind-accessor tsd-parent-kind-class","parent":"data.FilterDataSource"},{"id":1073,"kind":2048,"name":"sort","url":"classes/data.FilterDataSource.html#sort","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"data.FilterDataSource"},{"id":1074,"kind":262144,"name":"source","url":"classes/data.FilterDataSource.html#source","classes":"tsd-kind-get-signature tsd-parent-kind-class tsd-is-overwrite","parent":"data.FilterDataSource"},{"id":1075,"kind":262144,"name":"dataSource","url":"classes/data.FilterDataSource.html#dataSource","classes":"tsd-kind-get-signature tsd-parent-kind-class tsd-is-overwrite","parent":"data.FilterDataSource"},{"id":1076,"kind":2048,"name":"dispose","url":"classes/data.FilterDataSource.html#dispose","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"data.FilterDataSource"},{"id":1077,"kind":2048,"name":"get","url":"classes/data.FilterDataSource.html#get","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"data.FilterDataSource"},{"id":1078,"kind":2048,"name":"getField","url":"classes/data.FilterDataSource.html#getField","classes":"tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited","parent":"data.FilterDataSource"},{"id":1079,"kind":2048,"name":"hasField","url":"classes/data.FilterDataSource.html#hasField","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"data.FilterDataSource"},{"id":1080,"kind":2048,"name":"setField","url":"classes/data.FilterDataSource.html#setField","classes":"tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited","parent":"data.FilterDataSource"},{"id":1081,"kind":262144,"name":"length","url":"classes/data.FilterDataSource.html#length","classes":"tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited","parent":"data.FilterDataSource"},{"id":1082,"kind":2048,"name":"listen","url":"classes/data.FilterDataSource.html#listen","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"data.FilterDataSource"},{"id":1083,"kind":2048,"name":"unlisten","url":"classes/data.FilterDataSource.html#unlisten","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"data.FilterDataSource"},{"id":1084,"kind":2048,"name":"addEventListener","url":"classes/data.FilterDataSource.html#addEventListener","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"data.FilterDataSource"},{"id":1085,"kind":2048,"name":"removeEventListener","url":"classes/data.FilterDataSource.html#removeEventListener","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"data.FilterDataSource"},{"id":1086,"kind":2048,"name":"hasListeners","url":"classes/data.FilterDataSource.html#hasListeners","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"data.FilterDataSource"},{"id":1087,"kind":2048,"name":"fireListeners","url":"classes/data.FilterDataSource.html#fireListeners","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"data.FilterDataSource"},{"id":1088,"kind":256,"name":"DataSourceParam","url":"interfaces/data.DataSourceParam.html","classes":"tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter","parent":"data"},{"id":1089,"kind":2048,"name":"get","url":"interfaces/data.DataSourceParam.html#get","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"data.DataSourceParam"},{"id":1090,"kind":1024,"name":"length","url":"interfaces/data.DataSourceParam.html#length","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"data.DataSourceParam"},{"id":1091,"kind":1024,"name":"source","url":"interfaces/data.DataSourceParam.html#source","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"data.DataSourceParam"}],"index":{"version":"2.3.9","fields":["name","parent"],"fieldVectors":[["name/0",[0,65.912]],["parent/0",[]],["name/1",[1,36.468]],["parent/1",[]],["name/2",[2,54.926]],["parent/2",[1,3.628]],["name/3",[3,60.804]],["parent/3",[1,3.628]],["name/4",[4,24.168]],["parent/4",[1,3.628]],["name/5",[5,57.439]],["parent/5",[1,3.628]],["name/6",[6,60.804]],["parent/6",[1,3.628]],["name/7",[7,65.912]],["parent/7",[1,3.628]],["name/8",[8,51.249]],["parent/8",[1,3.628]],["name/9",[9,65.912]],["parent/9",[1,3.628]],["name/10",[10,65.912]],["parent/10",[1,3.628]],["name/11",[11,65.912]],["parent/11",[1,3.628]],["name/12",[12,20.877]],["parent/12",[]],["name/13",[13,65.912]],["parent/13",[12,2.077]],["name/14",[14,65.912]],["parent/14",[12,2.077]],["name/15",[15,65.912]],["parent/15",[12,2.077]],["name/16",[16,65.912]],["parent/16",[12,2.077]],["name/17",[17,65.912]],["parent/17",[12,2.077]],["name/18",[18,65.912]],["parent/18",[12,2.077]],["name/19",[19,65.912]],["parent/19",[12,2.077]],["name/20",[20,65.912]],["parent/20",[12,2.077]],["name/21",[21,65.912]],["parent/21",[12,2.077]],["name/22",[22,65.912]],["parent/22",[12,2.077]],["name/23",[23,65.912]],["parent/23",[12,2.077]],["name/24",[24,65.912]],["parent/24",[12,2.077]],["name/25",[1,36.468]],["parent/25",[25,6.556]],["name/26",[26,65.912]],["parent/26",[12,2.077]],["name/27",[27,65.912]],["parent/27",[28,5.098]],["name/28",[29,65.912]],["parent/28",[28,5.098]],["name/29",[30,65.912]],["parent/29",[28,5.098]],["name/30",[31,65.912]],["parent/30",[28,5.098]],["name/31",[32,45.543]],["parent/31",[28,5.098]],["name/32",[33,49.818]],["parent/32",[28,5.098]],["name/33",[34,65.912]],["parent/33",[12,2.077]],["name/34",[35,65.912]],["parent/34",[12,2.077]],["name/35",[36,54.926]],["parent/35",[37,6.048]],["name/36",[38,54.926]],["parent/36",[37,6.048]],["name/37",[39,65.912]],["parent/37",[12,2.077]],["name/38",[40,60.804]],["parent/38",[41,6.048]],["name/39",[42,65.912]],["parent/39",[41,6.048]],["name/40",[43,65.912]],["parent/40",[12,2.077]],["name/41",[1,36.468]],["parent/41",[44,6.556]],["name/42",[45,65.912]],["parent/42",[12,2.077]],["name/43",[1,36.468]],["parent/43",[46,6.556]],["name/44",[47,65.912]],["parent/44",[12,2.077]],["name/45",[48,51.249]],["parent/45",[49,6.048]],["name/46",[50,65.912]],["parent/46",[49,6.048]],["name/47",[51,65.912]],["parent/47",[12,2.077]],["name/48",[52,65.912]],["parent/48",[12,2.077]],["name/49",[53,65.912]],["parent/49",[12,2.077]],["name/50",[54,49.818]],["parent/50",[55,6.556]],["name/51",[56,65.912]],["parent/51",[12,2.077]],["name/52",[57,65.912]],["parent/52",[58,6.048]],["name/53",[54,49.818]],["parent/53",[58,6.048]],["name/54",[59,65.912]],["parent/54",[12,2.077]],["name/55",[60,52.919]],["parent/55",[61,6.048]],["name/56",[54,49.818]],["parent/56",[61,6.048]],["name/57",[62,65.912]],["parent/57",[12,2.077]],["name/58",[63,60.804]],["parent/58",[64,6.048]],["name/59",[54,49.818]],["parent/59",[64,6.048]],["name/60",[65,65.912]],["parent/60",[12,2.077]],["name/61",[66,60.804]],["parent/61",[67,5.098]],["name/62",[68,60.804]],["parent/62",[67,5.098]],["name/63",[69,60.804]],["parent/63",[67,5.098]],["name/64",[70,60.804]],["parent/64",[67,5.098]],["name/65",[71,65.912]],["parent/65",[67,5.098]],["name/66",[54,49.818]],["parent/66",[67,5.098]],["name/67",[72,65.912]],["parent/67",[12,2.077]],["name/68",[73,65.912]],["parent/68",[74,5.464]],["name/69",[75,65.912]],["parent/69",[74,5.464]],["name/70",[76,65.912]],["parent/70",[74,5.464]],["name/71",[54,49.818]],["parent/71",[74,5.464]],["name/72",[77,65.912]],["parent/72",[12,2.077]],["name/73",[40,60.804]],["parent/73",[78,5.714]],["name/74",[79,65.912]],["parent/74",[78,5.714]],["name/75",[54,49.818]],["parent/75",[78,5.714]],["name/76",[80,65.912]],["parent/76",[12,2.077]],["name/77",[81,65.912]],["parent/77",[12,2.077]],["name/78",[82,65.912]],["parent/78",[12,2.077]],["name/79",[83,65.912]],["parent/79",[12,2.077]],["name/80",[84,65.912]],["parent/80",[12,2.077]],["name/81",[85,41.345]],["parent/81",[86,4.831]],["name/82",[87,41.345]],["parent/82",[86,4.831]],["name/83",[88,41.933]],["parent/83",[86,4.831]],["name/84",[89,41.933]],["parent/84",[86,4.831]],["name/85",[90,41.933]],["parent/85",[86,4.831]],["name/86",[91,41.933]],["parent/86",[86,4.831]],["name/87",[92,65.912]],["parent/87",[86,4.831]],["name/88",[93,65.912]],["parent/88",[86,4.831]],["name/89",[94,65.912]],["parent/89",[12,2.077]],["name/90",[85,41.345]],["parent/90",[95,5.098]],["name/91",[87,41.345]],["parent/91",[95,5.098]],["name/92",[88,41.933]],["parent/92",[95,5.098]],["name/93",[89,41.933]],["parent/93",[95,5.098]],["name/94",[90,41.933]],["parent/94",[95,5.098]],["name/95",[91,41.933]],["parent/95",[95,5.098]],["name/96",[96,65.912]],["parent/96",[12,2.077]],["name/97",[97,43.94]],["parent/97",[98,4.831]],["name/98",[99,43.94]],["parent/98",[98,4.831]],["name/99",[85,41.345]],["parent/99",[98,4.831]],["name/100",[87,41.345]],["parent/100",[98,4.831]],["name/101",[88,41.933]],["parent/101",[98,4.831]],["name/102",[89,41.933]],["parent/102",[98,4.831]],["name/103",[90,41.933]],["parent/103",[98,4.831]],["name/104",[91,41.933]],["parent/104",[98,4.831]],["name/105",[100,65.912]],["parent/105",[12,2.077]],["name/106",[101,42.558]],["parent/106",[102,4.447]],["name/107",[103,41.345]],["parent/107",[102,4.447]],["name/108",[104,47.454]],["parent/108",[102,4.447]],["name/109",[105,46.453]],["parent/109",[102,4.447]],["name/110",[97,43.94]],["parent/110",[102,4.447]],["name/111",[99,43.94]],["parent/111",[102,4.447]],["name/112",[85,41.345]],["parent/112",[102,4.447]],["name/113",[87,41.345]],["parent/113",[102,4.447]],["name/114",[88,41.933]],["parent/114",[102,4.447]],["name/115",[89,41.933]],["parent/115",[102,4.447]],["name/116",[90,41.933]],["parent/116",[102,4.447]],["name/117",[91,41.933]],["parent/117",[102,4.447]],["name/118",[106,65.912]],["parent/118",[12,2.077]],["name/119",[107,54.926]],["parent/119",[108,4.233]],["name/120",[109,54.926]],["parent/120",[108,4.233]],["name/121",[110,52.919]],["parent/121",[108,4.233]],["name/122",[101,42.558]],["parent/122",[108,4.233]],["name/123",[103,41.345]],["parent/123",[108,4.233]],["name/124",[104,47.454]],["parent/124",[108,4.233]],["name/125",[105,46.453]],["parent/125",[108,4.233]],["name/126",[97,43.94]],["parent/126",[108,4.233]],["name/127",[99,43.94]],["parent/127",[108,4.233]],["name/128",[85,41.345]],["parent/128",[108,4.233]],["name/129",[87,41.345]],["parent/129",[108,4.233]],["name/130",[88,41.933]],["parent/130",[108,4.233]],["name/131",[89,41.933]],["parent/131",[108,4.233]],["name/132",[90,41.933]],["parent/132",[108,4.233]],["name/133",[91,41.933]],["parent/133",[108,4.233]],["name/134",[111,65.912]],["parent/134",[12,2.077]],["name/135",[112,65.912]],["parent/135",[12,2.077]],["name/136",[113,60.804]],["parent/136",[114,4.171]],["name/137",[107,54.926]],["parent/137",[114,4.171]],["name/138",[109,54.926]],["parent/138",[114,4.171]],["name/139",[110,52.919]],["parent/139",[114,4.171]],["name/140",[101,42.558]],["parent/140",[114,4.171]],["name/141",[103,41.345]],["parent/141",[114,4.171]],["name/142",[104,47.454]],["parent/142",[114,4.171]],["name/143",[105,46.453]],["parent/143",[114,4.171]],["name/144",[97,43.94]],["parent/144",[114,4.171]],["name/145",[99,43.94]],["parent/145",[114,4.171]],["name/146",[85,41.345]],["parent/146",[114,4.171]],["name/147",[87,41.345]],["parent/147",[114,4.171]],["name/148",[88,41.933]],["parent/148",[114,4.171]],["name/149",[89,41.933]],["parent/149",[114,4.171]],["name/150",[90,41.933]],["parent/150",[114,4.171]],["name/151",[91,41.933]],["parent/151",[114,4.171]],["name/152",[115,65.912]],["parent/152",[12,2.077]],["name/153",[116,65.912]],["parent/153",[117,4.371]],["name/154",[101,42.558]],["parent/154",[117,4.371]],["name/155",[103,41.345]],["parent/155",[117,4.371]],["name/156",[104,47.454]],["parent/156",[117,4.371]],["name/157",[105,46.453]],["parent/157",[117,4.371]],["name/158",[97,43.94]],["parent/158",[117,4.371]],["name/159",[99,43.94]],["parent/159",[117,4.371]],["name/160",[85,41.345]],["parent/160",[117,4.371]],["name/161",[87,41.345]],["parent/161",[117,4.371]],["name/162",[88,41.933]],["parent/162",[117,4.371]],["name/163",[89,41.933]],["parent/163",[117,4.371]],["name/164",[90,41.933]],["parent/164",[117,4.371]],["name/165",[91,41.933]],["parent/165",[117,4.371]],["name/166",[118,65.912]],["parent/166",[12,2.077]],["name/167",[119,52.919]],["parent/167",[120,4.53]],["name/168",[121,52.919]],["parent/168",[120,4.53]],["name/169",[122,54.926]],["parent/169",[120,4.53]],["name/170",[97,43.94]],["parent/170",[120,4.53]],["name/171",[99,43.94]],["parent/171",[120,4.53]],["name/172",[85,41.345]],["parent/172",[120,4.53]],["name/173",[87,41.345]],["parent/173",[120,4.53]],["name/174",[88,41.933]],["parent/174",[120,4.53]],["name/175",[89,41.933]],["parent/175",[120,4.53]],["name/176",[90,41.933]],["parent/176",[120,4.53]],["name/177",[91,41.933]],["parent/177",[120,4.53]],["name/178",[123,65.912]],["parent/178",[12,2.077]],["name/179",[124,60.804]],["parent/179",[125,4.371]],["name/180",[126,60.804]],["parent/180",[125,4.371]],["name/181",[127,60.804]],["parent/181",[125,4.371]],["name/182",[119,52.919]],["parent/182",[125,4.371]],["name/183",[121,52.919]],["parent/183",[125,4.371]],["name/184",[97,43.94]],["parent/184",[125,4.371]],["name/185",[99,43.94]],["parent/185",[125,4.371]],["name/186",[85,41.345]],["parent/186",[125,4.371]],["name/187",[87,41.345]],["parent/187",[125,4.371]],["name/188",[88,41.933]],["parent/188",[125,4.371]],["name/189",[89,41.933]],["parent/189",[125,4.371]],["name/190",[90,41.933]],["parent/190",[125,4.371]],["name/191",[91,41.933]],["parent/191",[125,4.371]],["name/192",[128,65.912]],["parent/192",[12,2.077]],["name/193",[119,52.919]],["parent/193",[129,4.233]],["name/194",[121,52.919]],["parent/194",[129,4.233]],["name/195",[122,54.926]],["parent/195",[129,4.233]],["name/196",[101,42.558]],["parent/196",[129,4.233]],["name/197",[103,41.345]],["parent/197",[129,4.233]],["name/198",[104,47.454]],["parent/198",[129,4.233]],["name/199",[105,46.453]],["parent/199",[129,4.233]],["name/200",[97,43.94]],["parent/200",[129,4.233]],["name/201",[99,43.94]],["parent/201",[129,4.233]],["name/202",[85,41.345]],["parent/202",[129,4.233]],["name/203",[87,41.345]],["parent/203",[129,4.233]],["name/204",[88,41.933]],["parent/204",[129,4.233]],["name/205",[89,41.933]],["parent/205",[129,4.233]],["name/206",[90,41.933]],["parent/206",[129,4.233]],["name/207",[91,41.933]],["parent/207",[129,4.233]],["name/208",[130,65.912]],["parent/208",[12,2.077]],["name/209",[131,65.912]],["parent/209",[12,2.077]],["name/210",[107,54.926]],["parent/210",[132,4.233]],["name/211",[109,54.926]],["parent/211",[132,4.233]],["name/212",[110,52.919]],["parent/212",[132,4.233]],["name/213",[101,42.558]],["parent/213",[132,4.233]],["name/214",[103,41.345]],["parent/214",[132,4.233]],["name/215",[104,47.454]],["parent/215",[132,4.233]],["name/216",[105,46.453]],["parent/216",[132,4.233]],["name/217",[97,43.94]],["parent/217",[132,4.233]],["name/218",[99,43.94]],["parent/218",[132,4.233]],["name/219",[85,41.345]],["parent/219",[132,4.233]],["name/220",[87,41.345]],["parent/220",[132,4.233]],["name/221",[88,41.933]],["parent/221",[132,4.233]],["name/222",[89,41.933]],["parent/222",[132,4.233]],["name/223",[90,41.933]],["parent/223",[132,4.233]],["name/224",[91,41.933]],["parent/224",[132,4.233]],["name/225",[133,65.912]],["parent/225",[12,2.077]],["name/226",[134,65.912]],["parent/226",[12,2.077]],["name/227",[135,65.912]],["parent/227",[136,4.371]],["name/228",[101,42.558]],["parent/228",[136,4.371]],["name/229",[103,41.345]],["parent/229",[136,4.371]],["name/230",[104,47.454]],["parent/230",[136,4.371]],["name/231",[105,46.453]],["parent/231",[136,4.371]],["name/232",[97,43.94]],["parent/232",[136,4.371]],["name/233",[99,43.94]],["parent/233",[136,4.371]],["name/234",[85,41.345]],["parent/234",[136,4.371]],["name/235",[87,41.345]],["parent/235",[136,4.371]],["name/236",[88,41.933]],["parent/236",[136,4.371]],["name/237",[89,41.933]],["parent/237",[136,4.371]],["name/238",[90,41.933]],["parent/238",[136,4.371]],["name/239",[91,41.933]],["parent/239",[136,4.371]],["name/240",[137,65.912]],["parent/240",[12,2.077]],["name/241",[138,65.912]],["parent/241",[139,4.621]],["name/242",[140,60.804]],["parent/242",[139,4.621]],["name/243",[97,43.94]],["parent/243",[139,4.621]],["name/244",[99,43.94]],["parent/244",[139,4.621]],["name/245",[85,41.345]],["parent/245",[139,4.621]],["name/246",[87,41.345]],["parent/246",[139,4.621]],["name/247",[88,41.933]],["parent/247",[139,4.621]],["name/248",[89,41.933]],["parent/248",[139,4.621]],["name/249",[90,41.933]],["parent/249",[139,4.621]],["name/250",[91,41.933]],["parent/250",[139,4.621]],["name/251",[141,65.912]],["parent/251",[12,2.077]],["name/252",[142,65.912]],["parent/252",[12,2.077]],["name/253",[143,65.912]],["parent/253",[144,4.53]],["name/254",[140,60.804]],["parent/254",[144,4.53]],["name/255",[145,65.912]],["parent/255",[144,4.53]],["name/256",[146,65.912]],["parent/256",[144,4.53]],["name/257",[147,65.912]],["parent/257",[144,4.53]],["name/258",[85,41.345]],["parent/258",[144,4.53]],["name/259",[87,41.345]],["parent/259",[144,4.53]],["name/260",[88,41.933]],["parent/260",[144,4.53]],["name/261",[89,41.933]],["parent/261",[144,4.53]],["name/262",[90,41.933]],["parent/262",[144,4.53]],["name/263",[91,41.933]],["parent/263",[144,4.53]],["name/264",[148,65.912]],["parent/264",[12,2.077]],["name/265",[149,65.912]],["parent/265",[150,4.233]],["name/266",[151,65.912]],["parent/266",[150,4.233]],["name/267",[152,65.912]],["parent/267",[150,4.233]],["name/268",[101,42.558]],["parent/268",[150,4.233]],["name/269",[103,41.345]],["parent/269",[150,4.233]],["name/270",[104,47.454]],["parent/270",[150,4.233]],["name/271",[105,46.453]],["parent/271",[150,4.233]],["name/272",[97,43.94]],["parent/272",[150,4.233]],["name/273",[99,43.94]],["parent/273",[150,4.233]],["name/274",[85,41.345]],["parent/274",[150,4.233]],["name/275",[87,41.345]],["parent/275",[150,4.233]],["name/276",[88,41.933]],["parent/276",[150,4.233]],["name/277",[89,41.933]],["parent/277",[150,4.233]],["name/278",[90,41.933]],["parent/278",[150,4.233]],["name/279",[91,41.933]],["parent/279",[150,4.233]],["name/280",[153,65.912]],["parent/280",[12,2.077]],["name/281",[154,60.804]],["parent/281",[155,4.113]],["name/282",[113,60.804]],["parent/282",[155,4.113]],["name/283",[107,54.926]],["parent/283",[155,4.113]],["name/284",[109,54.926]],["parent/284",[155,4.113]],["name/285",[110,52.919]],["parent/285",[155,4.113]],["name/286",[101,42.558]],["parent/286",[155,4.113]],["name/287",[103,41.345]],["parent/287",[155,4.113]],["name/288",[104,47.454]],["parent/288",[155,4.113]],["name/289",[105,46.453]],["parent/289",[155,4.113]],["name/290",[97,43.94]],["parent/290",[155,4.113]],["name/291",[99,43.94]],["parent/291",[155,4.113]],["name/292",[85,41.345]],["parent/292",[155,4.113]],["name/293",[87,41.345]],["parent/293",[155,4.113]],["name/294",[88,41.933]],["parent/294",[155,4.113]],["name/295",[89,41.933]],["parent/295",[155,4.113]],["name/296",[90,41.933]],["parent/296",[155,4.113]],["name/297",[91,41.933]],["parent/297",[155,4.113]],["name/298",[156,65.912]],["parent/298",[12,2.077]],["name/299",[157,65.912]],["parent/299",[12,2.077]],["name/300",[158,65.912]],["parent/300",[12,2.077]],["name/301",[159,65.912]],["parent/301",[12,2.077]],["name/302",[160,45.543]],["parent/302",[161,6.556]],["name/303",[162,65.912]],["parent/303",[12,2.077]],["name/304",[1,36.468]],["parent/304",[163,6.556]],["name/305",[164,65.912]],["parent/305",[12,2.077]],["name/306",[165,60.804]],["parent/306",[166,6.048]],["name/307",[160,45.543]],["parent/307",[166,6.048]],["name/308",[167,65.912]],["parent/308",[12,2.077]],["name/309",[168,49.818]],["parent/309",[169,6.048]],["name/310",[160,45.543]],["parent/310",[169,6.048]],["name/311",[170,65.912]],["parent/311",[12,2.077]],["name/312",[171,65.912]],["parent/312",[12,2.077]],["name/313",[172,54.926]],["parent/313",[173,5.464]],["name/314",[63,60.804]],["parent/314",[173,5.464]],["name/315",[168,49.818]],["parent/315",[173,5.464]],["name/316",[160,45.543]],["parent/316",[173,5.464]],["name/317",[174,65.912]],["parent/317",[12,2.077]],["name/318",[172,54.926]],["parent/318",[175,5.464]],["name/319",[176,57.439]],["parent/319",[175,5.464]],["name/320",[168,49.818]],["parent/320",[175,5.464]],["name/321",[160,45.543]],["parent/321",[175,5.464]],["name/322",[177,65.912]],["parent/322",[12,2.077]],["name/323",[172,54.926]],["parent/323",[178,4.955]],["name/324",[176,57.439]],["parent/324",[178,4.955]],["name/325",[179,65.912]],["parent/325",[178,4.955]],["name/326",[180,65.912]],["parent/326",[178,4.955]],["name/327",[181,65.912]],["parent/327",[178,4.955]],["name/328",[168,49.818]],["parent/328",[178,4.955]],["name/329",[160,45.543]],["parent/329",[178,4.955]],["name/330",[182,65.912]],["parent/330",[12,2.077]],["name/331",[1,36.468]],["parent/331",[183,6.556]],["name/332",[184,65.912]],["parent/332",[12,2.077]],["name/333",[185,65.912]],["parent/333",[186,5.464]],["name/334",[187,65.912]],["parent/334",[186,5.464]],["name/335",[168,49.818]],["parent/335",[186,5.464]],["name/336",[160,45.543]],["parent/336",[186,5.464]],["name/337",[188,65.912]],["parent/337",[12,2.077]],["name/338",[189,65.912]],["parent/338",[12,2.077]],["name/339",[190,48.566]],["parent/339",[191,6.048]],["name/340",[160,45.543]],["parent/340",[191,6.048]],["name/341",[192,65.912]],["parent/341",[12,2.077]],["name/342",[193,65.912]],["parent/342",[12,2.077]],["name/343",[194,65.912]],["parent/343",[12,2.077]],["name/344",[1,36.468]],["parent/344",[195,6.556]],["name/345",[196,65.912]],["parent/345",[12,2.077]],["name/346",[197,65.912]],["parent/346",[12,2.077]],["name/347",[198,65.912]],["parent/347",[12,2.077]],["name/348",[199,65.912]],["parent/348",[12,2.077]],["name/349",[200,65.912]],["parent/349",[12,2.077]],["name/350",[201,65.912]],["parent/350",[12,2.077]],["name/351",[202,65.912]],["parent/351",[12,2.077]],["name/352",[203,65.912]],["parent/352",[12,2.077]],["name/353",[1,36.468]],["parent/353",[204,6.556]],["name/354",[205,65.912]],["parent/354",[206,5.714]],["name/355",[207,60.804]],["parent/355",[206,5.714]],["name/356",[208,65.912]],["parent/356",[206,5.714]],["name/357",[209,65.912]],["parent/357",[12,2.077]],["name/358",[210,51.249]],["parent/358",[211,5.714]],["name/359",[212,51.249]],["parent/359",[211,5.714]],["name/360",[213,65.912]],["parent/360",[211,5.714]],["name/361",[214,65.912]],["parent/361",[12,2.077]],["name/362",[215,65.912]],["parent/362",[12,2.077]],["name/363",[216,65.912]],["parent/363",[12,2.077]],["name/364",[217,65.912]],["parent/364",[12,2.077]],["name/365",[1,36.468]],["parent/365",[218,6.556]],["name/366",[207,60.804]],["parent/366",[219,6.556]],["name/367",[220,65.912]],["parent/367",[12,2.077]],["name/368",[221,65.912]],["parent/368",[12,2.077]],["name/369",[222,65.912]],["parent/369",[12,2.077]],["name/370",[223,54.926]],["parent/370",[224,3.778]],["name/371",[225,54.926]],["parent/371",[224,3.778]],["name/372",[226,54.926]],["parent/372",[224,3.778]],["name/373",[227,54.926]],["parent/373",[224,3.778]],["name/374",[228,54.926]],["parent/374",[224,3.778]],["name/375",[229,54.926]],["parent/375",[224,3.778]],["name/376",[230,54.926]],["parent/376",[224,3.778]],["name/377",[231,54.926]],["parent/377",[224,3.778]],["name/378",[232,54.926]],["parent/378",[224,3.778]],["name/379",[233,54.926]],["parent/379",[224,3.778]],["name/380",[234,54.926]],["parent/380",[224,3.778]],["name/381",[235,54.926]],["parent/381",[224,3.778]],["name/382",[236,54.926]],["parent/382",[224,3.778]],["name/383",[237,54.926]],["parent/383",[224,3.778]],["name/384",[238,54.926]],["parent/384",[224,3.778]],["name/385",[239,54.926]],["parent/385",[224,3.778]],["name/386",[240,54.926]],["parent/386",[224,3.778]],["name/387",[241,54.926]],["parent/387",[224,3.778]],["name/388",[242,54.926]],["parent/388",[224,3.778]],["name/389",[243,54.926]],["parent/389",[224,3.778]],["name/390",[244,54.926]],["parent/390",[224,3.778]],["name/391",[245,54.926]],["parent/391",[224,3.778]],["name/392",[246,54.926]],["parent/392",[224,3.778]],["name/393",[247,54.926]],["parent/393",[224,3.778]],["name/394",[248,65.912]],["parent/394",[12,2.077]],["name/395",[223,54.926]],["parent/395",[249,3.778]],["name/396",[225,54.926]],["parent/396",[249,3.778]],["name/397",[226,54.926]],["parent/397",[249,3.778]],["name/398",[227,54.926]],["parent/398",[249,3.778]],["name/399",[228,54.926]],["parent/399",[249,3.778]],["name/400",[229,54.926]],["parent/400",[249,3.778]],["name/401",[230,54.926]],["parent/401",[249,3.778]],["name/402",[231,54.926]],["parent/402",[249,3.778]],["name/403",[232,54.926]],["parent/403",[249,3.778]],["name/404",[233,54.926]],["parent/404",[249,3.778]],["name/405",[234,54.926]],["parent/405",[249,3.778]],["name/406",[235,54.926]],["parent/406",[249,3.778]],["name/407",[236,54.926]],["parent/407",[249,3.778]],["name/408",[237,54.926]],["parent/408",[249,3.778]],["name/409",[238,54.926]],["parent/409",[249,3.778]],["name/410",[239,54.926]],["parent/410",[249,3.778]],["name/411",[240,54.926]],["parent/411",[249,3.778]],["name/412",[241,54.926]],["parent/412",[249,3.778]],["name/413",[242,54.926]],["parent/413",[249,3.778]],["name/414",[243,54.926]],["parent/414",[249,3.778]],["name/415",[244,54.926]],["parent/415",[249,3.778]],["name/416",[245,54.926]],["parent/416",[249,3.778]],["name/417",[246,54.926]],["parent/417",[249,3.778]],["name/418",[247,54.926]],["parent/418",[249,3.778]],["name/419",[250,65.912]],["parent/419",[12,2.077]],["name/420",[251,65.912]],["parent/420",[12,2.077]],["name/421",[252,65.912]],["parent/421",[12,2.077]],["name/422",[1,36.468]],["parent/422",[253,6.556]],["name/423",[254,65.912]],["parent/423",[255,6.556]],["name/424",[256,65.912]],["parent/424",[12,2.077]],["name/425",[257,60.804]],["parent/425",[258,3.628]],["name/426",[259,60.804]],["parent/426",[258,3.628]],["name/427",[260,60.804]],["parent/427",[258,3.628]],["name/428",[261,60.804]],["parent/428",[258,3.628]],["name/429",[223,54.926]],["parent/429",[258,3.628]],["name/430",[225,54.926]],["parent/430",[258,3.628]],["name/431",[226,54.926]],["parent/431",[258,3.628]],["name/432",[227,54.926]],["parent/432",[258,3.628]],["name/433",[228,54.926]],["parent/433",[258,3.628]],["name/434",[229,54.926]],["parent/434",[258,3.628]],["name/435",[230,54.926]],["parent/435",[258,3.628]],["name/436",[231,54.926]],["parent/436",[258,3.628]],["name/437",[232,54.926]],["parent/437",[258,3.628]],["name/438",[233,54.926]],["parent/438",[258,3.628]],["name/439",[234,54.926]],["parent/439",[258,3.628]],["name/440",[235,54.926]],["parent/440",[258,3.628]],["name/441",[236,54.926]],["parent/441",[258,3.628]],["name/442",[237,54.926]],["parent/442",[258,3.628]],["name/443",[238,54.926]],["parent/443",[258,3.628]],["name/444",[239,54.926]],["parent/444",[258,3.628]],["name/445",[240,54.926]],["parent/445",[258,3.628]],["name/446",[241,54.926]],["parent/446",[258,3.628]],["name/447",[242,54.926]],["parent/447",[258,3.628]],["name/448",[243,54.926]],["parent/448",[258,3.628]],["name/449",[244,54.926]],["parent/449",[258,3.628]],["name/450",[245,54.926]],["parent/450",[258,3.628]],["name/451",[246,54.926]],["parent/451",[258,3.628]],["name/452",[247,54.926]],["parent/452",[258,3.628]],["name/453",[262,65.912]],["parent/453",[12,2.077]],["name/454",[257,60.804]],["parent/454",[263,3.628]],["name/455",[259,60.804]],["parent/455",[263,3.628]],["name/456",[260,60.804]],["parent/456",[263,3.628]],["name/457",[261,60.804]],["parent/457",[263,3.628]],["name/458",[223,54.926]],["parent/458",[263,3.628]],["name/459",[225,54.926]],["parent/459",[263,3.628]],["name/460",[226,54.926]],["parent/460",[263,3.628]],["name/461",[227,54.926]],["parent/461",[263,3.628]],["name/462",[228,54.926]],["parent/462",[263,3.628]],["name/463",[229,54.926]],["parent/463",[263,3.628]],["name/464",[230,54.926]],["parent/464",[263,3.628]],["name/465",[231,54.926]],["parent/465",[263,3.628]],["name/466",[232,54.926]],["parent/466",[263,3.628]],["name/467",[233,54.926]],["parent/467",[263,3.628]],["name/468",[234,54.926]],["parent/468",[263,3.628]],["name/469",[235,54.926]],["parent/469",[263,3.628]],["name/470",[236,54.926]],["parent/470",[263,3.628]],["name/471",[237,54.926]],["parent/471",[263,3.628]],["name/472",[238,54.926]],["parent/472",[263,3.628]],["name/473",[239,54.926]],["parent/473",[263,3.628]],["name/474",[240,54.926]],["parent/474",[263,3.628]],["name/475",[241,54.926]],["parent/475",[263,3.628]],["name/476",[242,54.926]],["parent/476",[263,3.628]],["name/477",[243,54.926]],["parent/477",[263,3.628]],["name/478",[244,54.926]],["parent/478",[263,3.628]],["name/479",[245,54.926]],["parent/479",[263,3.628]],["name/480",[246,54.926]],["parent/480",[263,3.628]],["name/481",[247,54.926]],["parent/481",[263,3.628]],["name/482",[264,65.912]],["parent/482",[12,2.077]],["name/483",[265,65.912]],["parent/483",[266,5.714]],["name/484",[32,45.543]],["parent/484",[266,5.714]],["name/485",[33,49.818]],["parent/485",[266,5.714]],["name/486",[267,65.912]],["parent/486",[12,2.077]],["name/487",[268,65.912]],["parent/487",[12,2.077]],["name/488",[103,41.345]],["parent/488",[269,3.819]],["name/489",[270,51.249]],["parent/489",[269,3.819]],["name/490",[101,42.558]],["parent/490",[269,3.819]],["name/491",[271,65.912]],["parent/491",[269,3.819]],["name/492",[272,65.912]],["parent/492",[269,3.819]],["name/493",[273,65.912]],["parent/493",[269,3.819]],["name/494",[274,65.912]],["parent/494",[269,3.819]],["name/495",[275,65.912]],["parent/495",[269,3.819]],["name/496",[122,54.926]],["parent/496",[269,3.819]],["name/497",[276,65.912]],["parent/497",[269,3.819]],["name/498",[277,65.912]],["parent/498",[269,3.819]],["name/499",[278,60.804]],["parent/499",[269,3.819]],["name/500",[1,36.468]],["parent/500",[269,3.819]],["name/501",[119,52.919]],["parent/501",[279,3.778]],["name/502",[121,52.919]],["parent/502",[279,3.778]],["name/503",[122,54.926]],["parent/503",[279,3.778]],["name/504",[280,60.804]],["parent/504",[269,3.819]],["name/505",[1,36.468]],["parent/505",[269,3.819]],["name/506",[124,60.804]],["parent/506",[279,3.778]],["name/507",[126,60.804]],["parent/507",[279,3.778]],["name/508",[127,60.804]],["parent/508",[279,3.778]],["name/509",[119,52.919]],["parent/509",[279,3.778]],["name/510",[121,52.919]],["parent/510",[279,3.778]],["name/511",[281,60.804]],["parent/511",[269,3.819]],["name/512",[1,36.468]],["parent/512",[269,3.819]],["name/513",[101,42.558]],["parent/513",[279,3.778]],["name/514",[85,41.345]],["parent/514",[279,3.778]],["name/515",[282,57.439]],["parent/515",[269,3.819]],["name/516",[1,36.468]],["parent/516",[269,3.819]],["name/517",[154,60.804]],["parent/517",[279,3.778]],["name/518",[283,65.912]],["parent/518",[269,3.819]],["name/519",[1,36.468]],["parent/519",[269,3.819]],["name/520",[284,65.912]],["parent/520",[279,3.778]],["name/521",[285,65.912]],["parent/521",[279,3.778]],["name/522",[286,65.912]],["parent/522",[279,3.778]],["name/523",[287,65.912]],["parent/523",[279,3.778]],["name/524",[288,65.912]],["parent/524",[279,3.778]],["name/525",[289,65.912]],["parent/525",[269,3.819]],["name/526",[1,36.468]],["parent/526",[269,3.819]],["name/527",[290,65.912]],["parent/527",[279,3.778]],["name/528",[291,65.912]],["parent/528",[279,3.778]],["name/529",[292,65.912]],["parent/529",[279,3.778]],["name/530",[293,65.912]],["parent/530",[279,3.778]],["name/531",[294,65.912]],["parent/531",[279,3.778]],["name/532",[295,65.912]],["parent/532",[279,3.778]],["name/533",[296,65.912]],["parent/533",[279,3.778]],["name/534",[297,65.912]],["parent/534",[279,3.778]],["name/535",[298,65.912]],["parent/535",[12,2.077]],["name/536",[299,65.912]],["parent/536",[12,2.077]],["name/537",[103,41.345]],["parent/537",[300,4.621]],["name/538",[69,60.804]],["parent/538",[300,4.621]],["name/539",[68,60.804]],["parent/539",[300,4.621]],["name/540",[66,60.804]],["parent/540",[300,4.621]],["name/541",[301,65.912]],["parent/541",[300,4.621]],["name/542",[32,45.543]],["parent/542",[300,4.621]],["name/543",[33,49.818]],["parent/543",[300,4.621]],["name/544",[101,42.558]],["parent/544",[300,4.621]],["name/545",[302,65.912]],["parent/545",[300,4.621]],["name/546",[303,65.912]],["parent/546",[300,4.621]],["name/547",[304,65.912]],["parent/547",[12,2.077]],["name/548",[305,65.912]],["parent/548",[306,5.714]],["name/549",[32,45.543]],["parent/549",[306,5.714]],["name/550",[33,49.818]],["parent/550",[306,5.714]],["name/551",[307,65.912]],["parent/551",[12,2.077]],["name/552",[308,65.912]],["parent/552",[309,5.464]],["name/553",[32,45.543]],["parent/553",[309,5.464]],["name/554",[33,49.818]],["parent/554",[309,5.464]],["name/555",[101,42.558]],["parent/555",[309,5.464]],["name/556",[310,65.912]],["parent/556",[12,2.077]],["name/557",[311,65.912]],["parent/557",[312,5.714]],["name/558",[32,45.543]],["parent/558",[312,5.714]],["name/559",[33,49.818]],["parent/559",[312,5.714]],["name/560",[313,65.912]],["parent/560",[12,2.077]],["name/561",[70,60.804]],["parent/561",[314,5.714]],["name/562",[32,45.543]],["parent/562",[314,5.714]],["name/563",[33,49.818]],["parent/563",[314,5.714]],["name/564",[315,65.912]],["parent/564",[12,2.077]],["name/565",[316,65.912]],["parent/565",[12,2.077]],["name/566",[317,65.912]],["parent/566",[12,2.077]],["name/567",[318,57.439]],["parent/567",[319,5.464]],["name/568",[320,60.804]],["parent/568",[319,5.464]],["name/569",[172,54.926]],["parent/569",[319,5.464]],["name/570",[321,65.912]],["parent/570",[319,5.464]],["name/571",[322,65.912]],["parent/571",[12,2.077]],["name/572",[318,57.439]],["parent/572",[323,6.048]],["name/573",[320,60.804]],["parent/573",[323,6.048]],["name/574",[324,65.912]],["parent/574",[12,2.077]],["name/575",[318,57.439]],["parent/575",[325,6.048]],["name/576",[60,52.919]],["parent/576",[325,6.048]],["name/577",[326,65.912]],["parent/577",[12,2.077]],["name/578",[87,41.345]],["parent/578",[12,2.077]],["name/579",[105,46.453]],["parent/579",[12,2.077]],["name/580",[110,52.919]],["parent/580",[12,2.077]],["name/581",[327,65.912]],["parent/581",[12,2.077]],["name/582",[38,54.926]],["parent/582",[328,5.464]],["name/583",[36,54.926]],["parent/583",[328,5.464]],["name/584",[329,65.912]],["parent/584",[328,5.464]],["name/585",[330,65.912]],["parent/585",[328,5.464]],["name/586",[331,65.912]],["parent/586",[12,2.077]],["name/587",[332,65.912]],["parent/587",[12,2.077]],["name/588",[333,65.912]],["parent/588",[12,2.077]],["name/589",[334,65.912]],["parent/589",[12,2.077]],["name/590",[335,65.912]],["parent/590",[12,2.077]],["name/591",[1,36.468]],["parent/591",[336,6.556]],["name/592",[337,60.804]],["parent/592",[338,5.714]],["name/593",[101,42.558]],["parent/593",[338,5.714]],["name/594",[339,65.912]],["parent/594",[338,5.714]],["name/595",[340,65.912]],["parent/595",[12,2.077]],["name/596",[341,65.912]],["parent/596",[12,2.077]],["name/597",[176,57.439]],["parent/597",[342,5.714]],["name/598",[343,57.439]],["parent/598",[342,5.714]],["name/599",[344,65.912]],["parent/599",[342,5.714]],["name/600",[343,57.439]],["parent/600",[12,2.077]],["name/601",[345,65.912]],["parent/601",[12,2.077]],["name/602",[346,65.912]],["parent/602",[12,2.077]],["name/603",[1,36.468]],["parent/603",[347,6.556]],["name/604",[348,65.912]],["parent/604",[12,2.077]],["name/605",[349,65.912]],["parent/605",[350,5.464]],["name/606",[351,65.912]],["parent/606",[350,5.464]],["name/607",[352,65.912]],["parent/607",[350,5.464]],["name/608",[353,65.912]],["parent/608",[350,5.464]],["name/609",[354,65.912]],["parent/609",[12,2.077]],["name/610",[103,41.345]],["parent/610",[355,2.983]],["name/611",[212,51.249]],["parent/611",[355,2.983]],["name/612",[210,51.249]],["parent/612",[355,2.983]],["name/613",[356,52.919]],["parent/613",[355,2.983]],["name/614",[357,52.919]],["parent/614",[355,2.983]],["name/615",[358,52.919]],["parent/615",[355,2.983]],["name/616",[359,52.919]],["parent/616",[355,2.983]],["name/617",[270,51.249]],["parent/617",[355,2.983]],["name/618",[360,52.919]],["parent/618",[355,2.983]],["name/619",[361,52.919]],["parent/619",[355,2.983]],["name/620",[362,52.919]],["parent/620",[355,2.983]],["name/621",[363,54.926]],["parent/621",[355,2.983]],["name/622",[364,54.926]],["parent/622",[355,2.983]],["name/623",[365,54.926]],["parent/623",[355,2.983]],["name/624",[366,54.926]],["parent/624",[355,2.983]],["name/625",[367,54.926]],["parent/625",[355,2.983]],["name/626",[368,54.926]],["parent/626",[355,2.983]],["name/627",[369,54.926]],["parent/627",[355,2.983]],["name/628",[370,54.926]],["parent/628",[355,2.983]],["name/629",[371,54.926]],["parent/629",[355,2.983]],["name/630",[372,54.926]],["parent/630",[355,2.983]],["name/631",[373,49.818]],["parent/631",[355,2.983]],["name/632",[374,54.926]],["parent/632",[355,2.983]],["name/633",[375,54.926]],["parent/633",[355,2.983]],["name/634",[376,54.926]],["parent/634",[355,2.983]],["name/635",[377,54.926]],["parent/635",[355,2.983]],["name/636",[378,54.926]],["parent/636",[355,2.983]],["name/637",[379,54.926]],["parent/637",[355,2.983]],["name/638",[380,54.926]],["parent/638",[355,2.983]],["name/639",[381,54.926]],["parent/639",[355,2.983]],["name/640",[382,54.926]],["parent/640",[355,2.983]],["name/641",[383,54.926]],["parent/641",[355,2.983]],["name/642",[384,54.926]],["parent/642",[355,2.983]],["name/643",[385,54.926]],["parent/643",[355,2.983]],["name/644",[386,54.926]],["parent/644",[355,2.983]],["name/645",[387,54.926]],["parent/645",[355,2.983]],["name/646",[388,54.926]],["parent/646",[355,2.983]],["name/647",[389,54.926]],["parent/647",[355,2.983]],["name/648",[390,54.926]],["parent/648",[355,2.983]],["name/649",[391,54.926]],["parent/649",[355,2.983]],["name/650",[392,54.926]],["parent/650",[355,2.983]],["name/651",[393,54.926]],["parent/651",[355,2.983]],["name/652",[394,54.926]],["parent/652",[355,2.983]],["name/653",[395,54.926]],["parent/653",[355,2.983]],["name/654",[396,54.926]],["parent/654",[355,2.983]],["name/655",[397,54.926]],["parent/655",[355,2.983]],["name/656",[398,54.926]],["parent/656",[355,2.983]],["name/657",[399,54.926]],["parent/657",[355,2.983]],["name/658",[400,54.926]],["parent/658",[355,2.983]],["name/659",[401,54.926]],["parent/659",[355,2.983]],["name/660",[402,54.926]],["parent/660",[355,2.983]],["name/661",[403,54.926]],["parent/661",[355,2.983]],["name/662",[404,49.818]],["parent/662",[355,2.983]],["name/663",[405,54.926]],["parent/663",[355,2.983]],["name/664",[406,65.912]],["parent/664",[12,2.077]],["name/665",[407,52.919]],["parent/665",[408,4.955]],["name/666",[48,51.249]],["parent/666",[408,4.955]],["name/667",[409,51.249]],["parent/667",[408,4.955]],["name/668",[410,54.926]],["parent/668",[408,4.955]],["name/669",[411,54.926]],["parent/669",[408,4.955]],["name/670",[190,48.566]],["parent/670",[408,4.955]],["name/671",[412,48.566]],["parent/671",[408,4.955]],["name/672",[413,57.439]],["parent/672",[12,2.077]],["name/673",[36,54.926]],["parent/673",[414,5.714]],["name/674",[38,54.926]],["parent/674",[414,5.714]],["name/675",[415,65.912]],["parent/675",[414,5.714]],["name/676",[416,57.439]],["parent/676",[12,2.077]],["name/677",[417,65.912]],["parent/677",[12,2.077]],["name/678",[418,57.439]],["parent/678",[419,2.546]],["name/679",[412,48.566]],["parent/679",[419,2.546]],["name/680",[420,54.926]],["parent/680",[419,2.546]],["name/681",[421,57.439]],["parent/681",[419,2.546]],["name/682",[422,57.439]],["parent/682",[419,2.546]],["name/683",[413,57.439]],["parent/683",[419,2.546]],["name/684",[416,57.439]],["parent/684",[419,2.546]],["name/685",[423,60.804]],["parent/685",[419,2.546]],["name/686",[160,45.543]],["parent/686",[419,2.546]],["name/687",[168,49.818]],["parent/687",[419,2.546]],["name/688",[373,49.818]],["parent/688",[419,2.546]],["name/689",[409,51.249]],["parent/689",[419,2.546]],["name/690",[424,60.804]],["parent/690",[419,2.546]],["name/691",[425,60.804]],["parent/691",[419,2.546]],["name/692",[426,60.804]],["parent/692",[419,2.546]],["name/693",[427,60.804]],["parent/693",[419,2.546]],["name/694",[428,60.804]],["parent/694",[419,2.546]],["name/695",[429,60.804]],["parent/695",[419,2.546]],["name/696",[430,60.804]],["parent/696",[419,2.546]],["name/697",[431,60.804]],["parent/697",[419,2.546]],["name/698",[432,60.804]],["parent/698",[419,2.546]],["name/699",[433,60.804]],["parent/699",[419,2.546]],["name/700",[434,60.804]],["parent/700",[419,2.546]],["name/701",[435,60.804]],["parent/701",[419,2.546]],["name/702",[436,60.804]],["parent/702",[419,2.546]],["name/703",[437,60.804]],["parent/703",[419,2.546]],["name/704",[438,60.804]],["parent/704",[419,2.546]],["name/705",[439,60.804]],["parent/705",[419,2.546]],["name/706",[440,60.804]],["parent/706",[419,2.546]],["name/707",[441,60.804]],["parent/707",[419,2.546]],["name/708",[442,51.249]],["parent/708",[419,2.546]],["name/709",[103,41.345]],["parent/709",[419,2.546]],["name/710",[212,51.249]],["parent/710",[419,2.546]],["name/711",[210,51.249]],["parent/711",[419,2.546]],["name/712",[356,52.919]],["parent/712",[419,2.546]],["name/713",[357,52.919]],["parent/713",[419,2.546]],["name/714",[358,52.919]],["parent/714",[419,2.546]],["name/715",[359,52.919]],["parent/715",[419,2.546]],["name/716",[270,51.249]],["parent/716",[419,2.546]],["name/717",[360,52.919]],["parent/717",[419,2.546]],["name/718",[361,52.919]],["parent/718",[419,2.546]],["name/719",[362,52.919]],["parent/719",[419,2.546]],["name/720",[363,54.926]],["parent/720",[419,2.546]],["name/721",[364,54.926]],["parent/721",[419,2.546]],["name/722",[365,54.926]],["parent/722",[419,2.546]],["name/723",[366,54.926]],["parent/723",[419,2.546]],["name/724",[367,54.926]],["parent/724",[419,2.546]],["name/725",[368,54.926]],["parent/725",[419,2.546]],["name/726",[369,54.926]],["parent/726",[419,2.546]],["name/727",[370,54.926]],["parent/727",[419,2.546]],["name/728",[371,54.926]],["parent/728",[419,2.546]],["name/729",[372,54.926]],["parent/729",[419,2.546]],["name/730",[374,54.926]],["parent/730",[419,2.546]],["name/731",[375,54.926]],["parent/731",[419,2.546]],["name/732",[376,54.926]],["parent/732",[419,2.546]],["name/733",[377,54.926]],["parent/733",[419,2.546]],["name/734",[378,54.926]],["parent/734",[419,2.546]],["name/735",[379,54.926]],["parent/735",[419,2.546]],["name/736",[380,54.926]],["parent/736",[419,2.546]],["name/737",[381,54.926]],["parent/737",[419,2.546]],["name/738",[382,54.926]],["parent/738",[419,2.546]],["name/739",[383,54.926]],["parent/739",[419,2.546]],["name/740",[384,54.926]],["parent/740",[419,2.546]],["name/741",[385,54.926]],["parent/741",[419,2.546]],["name/742",[386,54.926]],["parent/742",[419,2.546]],["name/743",[387,54.926]],["parent/743",[419,2.546]],["name/744",[388,54.926]],["parent/744",[419,2.546]],["name/745",[389,54.926]],["parent/745",[419,2.546]],["name/746",[390,54.926]],["parent/746",[419,2.546]],["name/747",[391,54.926]],["parent/747",[419,2.546]],["name/748",[392,54.926]],["parent/748",[419,2.546]],["name/749",[393,54.926]],["parent/749",[419,2.546]],["name/750",[394,54.926]],["parent/750",[419,2.546]],["name/751",[395,54.926]],["parent/751",[419,2.546]],["name/752",[396,54.926]],["parent/752",[419,2.546]],["name/753",[397,54.926]],["parent/753",[419,2.546]],["name/754",[398,54.926]],["parent/754",[419,2.546]],["name/755",[399,54.926]],["parent/755",[419,2.546]],["name/756",[400,54.926]],["parent/756",[419,2.546]],["name/757",[401,54.926]],["parent/757",[419,2.546]],["name/758",[402,54.926]],["parent/758",[419,2.546]],["name/759",[403,54.926]],["parent/759",[419,2.546]],["name/760",[404,49.818]],["parent/760",[419,2.546]],["name/761",[405,54.926]],["parent/761",[419,2.546]],["name/762",[443,65.912]],["parent/762",[12,2.077]],["name/763",[444,65.912]],["parent/763",[12,2.077]],["name/764",[445,65.912]],["parent/764",[446,6.048]],["name/765",[160,45.543]],["parent/765",[446,6.048]],["name/766",[447,65.912]],["parent/766",[12,2.077]],["name/767",[448,65.912]],["parent/767",[12,2.077]],["name/768",[32,45.543]],["parent/768",[449,4.955]],["name/769",[103,41.345]],["parent/769",[449,4.955]],["name/770",[101,42.558]],["parent/770",[449,4.955]],["name/771",[450,65.912]],["parent/771",[449,4.955]],["name/772",[451,65.912]],["parent/772",[449,4.955]],["name/773",[452,65.912]],["parent/773",[449,4.955]],["name/774",[453,65.912]],["parent/774",[449,4.955]],["name/775",[454,65.912]],["parent/775",[12,2.077]],["name/776",[420,54.926]],["parent/776",[455,4.371]],["name/777",[456,65.912]],["parent/777",[455,4.371]],["name/778",[281,60.804]],["parent/778",[455,4.371]],["name/779",[278,60.804]],["parent/779",[455,4.371]],["name/780",[280,60.804]],["parent/780",[455,4.371]],["name/781",[457,65.912]],["parent/781",[455,4.371]],["name/782",[458,65.912]],["parent/782",[455,4.371]],["name/783",[459,65.912]],["parent/783",[455,4.371]],["name/784",[460,65.912]],["parent/784",[455,4.371]],["name/785",[461,65.912]],["parent/785",[455,4.371]],["name/786",[462,65.912]],["parent/786",[455,4.371]],["name/787",[463,65.912]],["parent/787",[455,4.371]],["name/788",[464,65.912]],["parent/788",[455,4.371]],["name/789",[465,65.912]],["parent/789",[12,2.077]],["name/790",[36,54.926]],["parent/790",[466,4.831]],["name/791",[38,54.926]],["parent/791",[466,4.831]],["name/792",[467,65.912]],["parent/792",[466,4.831]],["name/793",[468,65.912]],["parent/793",[466,4.831]],["name/794",[469,65.912]],["parent/794",[466,4.831]],["name/795",[470,65.912]],["parent/795",[466,4.831]],["name/796",[471,65.912]],["parent/796",[466,4.831]],["name/797",[472,65.912]],["parent/797",[466,4.831]],["name/798",[362,52.919]],["parent/798",[12,2.077]],["name/799",[473,65.912]],["parent/799",[474,6.048]],["name/800",[475,65.912]],["parent/800",[474,6.048]],["name/801",[2,54.926]],["parent/801",[]],["name/802",[476,65.912]],["parent/802",[2,5.464]],["name/803",[477,51.249]],["parent/803",[478,2.862]],["name/804",[479,52.919]],["parent/804",[478,2.862]],["name/805",[370,54.926]],["parent/805",[478,2.862]],["name/806",[363,54.926]],["parent/806",[478,2.862]],["name/807",[371,54.926]],["parent/807",[478,2.862]],["name/808",[372,54.926]],["parent/808",[478,2.862]],["name/809",[362,52.919]],["parent/809",[478,2.862]],["name/810",[212,51.249]],["parent/810",[478,2.862]],["name/811",[210,51.249]],["parent/811",[478,2.862]],["name/812",[357,52.919]],["parent/812",[478,2.862]],["name/813",[356,52.919]],["parent/813",[478,2.862]],["name/814",[358,52.919]],["parent/814",[478,2.862]],["name/815",[359,52.919]],["parent/815",[478,2.862]],["name/816",[103,41.345]],["parent/816",[478,2.862]],["name/817",[270,51.249]],["parent/817",[478,2.862]],["name/818",[360,52.919]],["parent/818",[478,2.862]],["name/819",[361,52.919]],["parent/819",[478,2.862]],["name/820",[374,54.926]],["parent/820",[478,2.862]],["name/821",[375,54.926]],["parent/821",[478,2.862]],["name/822",[376,54.926]],["parent/822",[478,2.862]],["name/823",[381,54.926]],["parent/823",[478,2.862]],["name/824",[382,54.926]],["parent/824",[478,2.862]],["name/825",[383,54.926]],["parent/825",[478,2.862]],["name/826",[384,54.926]],["parent/826",[478,2.862]],["name/827",[385,54.926]],["parent/827",[478,2.862]],["name/828",[386,54.926]],["parent/828",[478,2.862]],["name/829",[387,54.926]],["parent/829",[478,2.862]],["name/830",[388,54.926]],["parent/830",[478,2.862]],["name/831",[389,54.926]],["parent/831",[478,2.862]],["name/832",[390,54.926]],["parent/832",[478,2.862]],["name/833",[391,54.926]],["parent/833",[478,2.862]],["name/834",[392,54.926]],["parent/834",[478,2.862]],["name/835",[393,54.926]],["parent/835",[478,2.862]],["name/836",[394,54.926]],["parent/836",[478,2.862]],["name/837",[395,54.926]],["parent/837",[478,2.862]],["name/838",[396,54.926]],["parent/838",[478,2.862]],["name/839",[397,54.926]],["parent/839",[478,2.862]],["name/840",[398,54.926]],["parent/840",[478,2.862]],["name/841",[399,54.926]],["parent/841",[478,2.862]],["name/842",[378,54.926]],["parent/842",[478,2.862]],["name/843",[379,54.926]],["parent/843",[478,2.862]],["name/844",[380,54.926]],["parent/844",[478,2.862]],["name/845",[377,54.926]],["parent/845",[478,2.862]],["name/846",[364,54.926]],["parent/846",[478,2.862]],["name/847",[365,54.926]],["parent/847",[478,2.862]],["name/848",[366,54.926]],["parent/848",[478,2.862]],["name/849",[367,54.926]],["parent/849",[478,2.862]],["name/850",[369,54.926]],["parent/850",[478,2.862]],["name/851",[368,54.926]],["parent/851",[478,2.862]],["name/852",[400,54.926]],["parent/852",[478,2.862]],["name/853",[401,54.926]],["parent/853",[478,2.862]],["name/854",[405,54.926]],["parent/854",[478,2.862]],["name/855",[404,49.818]],["parent/855",[478,2.862]],["name/856",[402,54.926]],["parent/856",[478,2.862]],["name/857",[403,54.926]],["parent/857",[478,2.862]],["name/858",[442,51.249]],["parent/858",[478,2.862]],["name/859",[373,49.818]],["parent/859",[478,2.862]],["name/860",[480,52.919]],["parent/860",[478,2.862]],["name/861",[481,52.919]],["parent/861",[478,2.862]],["name/862",[482,52.919]],["parent/862",[478,2.862]],["name/863",[483,52.919]],["parent/863",[478,2.862]],["name/864",[477,51.249]],["parent/864",[2,5.464]],["name/865",[3,60.804]],["parent/865",[]],["name/866",[4,24.168]],["parent/866",[]],["name/867",[477,51.249]],["parent/867",[4,2.404]],["name/868",[479,52.919]],["parent/868",[4,2.404]],["name/869",[160,45.543]],["parent/869",[4,2.404]],["name/870",[168,49.818]],["parent/870",[4,2.404]],["name/871",[404,49.818]],["parent/871",[4,2.404]],["name/872",[282,57.439]],["parent/872",[4,2.404]],["name/873",[484,60.804]],["parent/873",[4,2.404]],["name/874",[422,57.439]],["parent/874",[4,2.404]],["name/875",[423,60.804]],["parent/875",[4,2.404]],["name/876",[418,57.439]],["parent/876",[4,2.404]],["name/877",[412,48.566]],["parent/877",[4,2.404]],["name/878",[420,54.926]],["parent/878",[4,2.404]],["name/879",[421,57.439]],["parent/879",[4,2.404]],["name/880",[103,41.345]],["parent/880",[4,2.404]],["name/881",[270,51.249]],["parent/881",[4,2.404]],["name/882",[413,57.439]],["parent/882",[4,2.404]],["name/883",[416,57.439]],["parent/883",[4,2.404]],["name/884",[409,51.249]],["parent/884",[4,2.404]],["name/885",[440,60.804]],["parent/885",[4,2.404]],["name/886",[439,60.804]],["parent/886",[4,2.404]],["name/887",[441,60.804]],["parent/887",[4,2.404]],["name/888",[427,60.804]],["parent/888",[4,2.404]],["name/889",[485,65.912]],["parent/889",[4,2.404]],["name/890",[424,60.804]],["parent/890",[4,2.404]],["name/891",[425,60.804]],["parent/891",[4,2.404]],["name/892",[426,60.804]],["parent/892",[4,2.404]],["name/893",[486,65.912]],["parent/893",[4,2.404]],["name/894",[431,60.804]],["parent/894",[4,2.404]],["name/895",[432,60.804]],["parent/895",[4,2.404]],["name/896",[433,60.804]],["parent/896",[4,2.404]],["name/897",[434,60.804]],["parent/897",[4,2.404]],["name/898",[430,60.804]],["parent/898",[4,2.404]],["name/899",[487,65.912]],["parent/899",[4,2.404]],["name/900",[436,60.804]],["parent/900",[4,2.404]],["name/901",[435,60.804]],["parent/901",[4,2.404]],["name/902",[437,60.804]],["parent/902",[4,2.404]],["name/903",[428,60.804]],["parent/903",[4,2.404]],["name/904",[429,60.804]],["parent/904",[4,2.404]],["name/905",[438,60.804]],["parent/905",[4,2.404]],["name/906",[442,51.249]],["parent/906",[4,2.404]],["name/907",[370,54.926]],["parent/907",[4,2.404]],["name/908",[363,54.926]],["parent/908",[4,2.404]],["name/909",[371,54.926]],["parent/909",[4,2.404]],["name/910",[372,54.926]],["parent/910",[4,2.404]],["name/911",[362,52.919]],["parent/911",[4,2.404]],["name/912",[212,51.249]],["parent/912",[4,2.404]],["name/913",[210,51.249]],["parent/913",[4,2.404]],["name/914",[357,52.919]],["parent/914",[4,2.404]],["name/915",[356,52.919]],["parent/915",[4,2.404]],["name/916",[358,52.919]],["parent/916",[4,2.404]],["name/917",[359,52.919]],["parent/917",[4,2.404]],["name/918",[360,52.919]],["parent/918",[4,2.404]],["name/919",[361,52.919]],["parent/919",[4,2.404]],["name/920",[374,54.926]],["parent/920",[4,2.404]],["name/921",[375,54.926]],["parent/921",[4,2.404]],["name/922",[376,54.926]],["parent/922",[4,2.404]],["name/923",[381,54.926]],["parent/923",[4,2.404]],["name/924",[382,54.926]],["parent/924",[4,2.404]],["name/925",[383,54.926]],["parent/925",[4,2.404]],["name/926",[384,54.926]],["parent/926",[4,2.404]],["name/927",[385,54.926]],["parent/927",[4,2.404]],["name/928",[386,54.926]],["parent/928",[4,2.404]],["name/929",[387,54.926]],["parent/929",[4,2.404]],["name/930",[388,54.926]],["parent/930",[4,2.404]],["name/931",[389,54.926]],["parent/931",[4,2.404]],["name/932",[390,54.926]],["parent/932",[4,2.404]],["name/933",[391,54.926]],["parent/933",[4,2.404]],["name/934",[392,54.926]],["parent/934",[4,2.404]],["name/935",[393,54.926]],["parent/935",[4,2.404]],["name/936",[394,54.926]],["parent/936",[4,2.404]],["name/937",[395,54.926]],["parent/937",[4,2.404]],["name/938",[396,54.926]],["parent/938",[4,2.404]],["name/939",[397,54.926]],["parent/939",[4,2.404]],["name/940",[398,54.926]],["parent/940",[4,2.404]],["name/941",[399,54.926]],["parent/941",[4,2.404]],["name/942",[378,54.926]],["parent/942",[4,2.404]],["name/943",[379,54.926]],["parent/943",[4,2.404]],["name/944",[380,54.926]],["parent/944",[4,2.404]],["name/945",[377,54.926]],["parent/945",[4,2.404]],["name/946",[364,54.926]],["parent/946",[4,2.404]],["name/947",[365,54.926]],["parent/947",[4,2.404]],["name/948",[366,54.926]],["parent/948",[4,2.404]],["name/949",[367,54.926]],["parent/949",[4,2.404]],["name/950",[369,54.926]],["parent/950",[4,2.404]],["name/951",[368,54.926]],["parent/951",[4,2.404]],["name/952",[400,54.926]],["parent/952",[4,2.404]],["name/953",[401,54.926]],["parent/953",[4,2.404]],["name/954",[405,54.926]],["parent/954",[4,2.404]],["name/955",[402,54.926]],["parent/955",[4,2.404]],["name/956",[403,54.926]],["parent/956",[4,2.404]],["name/957",[373,49.818]],["parent/957",[4,2.404]],["name/958",[480,52.919]],["parent/958",[4,2.404]],["name/959",[481,52.919]],["parent/959",[4,2.404]],["name/960",[482,52.919]],["parent/960",[4,2.404]],["name/961",[483,52.919]],["parent/961",[4,2.404]],["name/962",[488,39.763]],["parent/962",[]],["name/963",[282,57.439]],["parent/963",[488,3.955]],["name/964",[484,60.804]],["parent/964",[488,3.955]],["name/965",[422,57.439]],["parent/965",[488,3.955]],["name/966",[412,48.566]],["parent/966",[488,3.955]],["name/967",[418,57.439]],["parent/967",[488,3.955]],["name/968",[420,54.926]],["parent/968",[488,3.955]],["name/969",[421,57.439]],["parent/969",[488,3.955]],["name/970",[212,51.249]],["parent/970",[488,3.955]],["name/971",[210,51.249]],["parent/971",[488,3.955]],["name/972",[356,52.919]],["parent/972",[488,3.955]],["name/973",[357,52.919]],["parent/973",[488,3.955]],["name/974",[358,52.919]],["parent/974",[488,3.955]],["name/975",[359,52.919]],["parent/975",[488,3.955]],["name/976",[103,41.345]],["parent/976",[488,3.955]],["name/977",[270,51.249]],["parent/977",[488,3.955]],["name/978",[361,52.919]],["parent/978",[488,3.955]],["name/979",[489,65.912]],["parent/979",[488,3.955]],["name/980",[490,65.912]],["parent/980",[488,3.955]],["name/981",[360,52.919]],["parent/981",[488,3.955]],["name/982",[491,65.912]],["parent/982",[]],["name/983",[492,41.345]],["parent/983",[]],["name/984",[493,65.912]],["parent/984",[492,4.113]],["name/985",[494,65.912]],["parent/985",[492,4.113]],["name/986",[343,57.439]],["parent/986",[492,4.113]],["name/987",[495,65.912]],["parent/987",[492,4.113]],["name/988",[165,60.804]],["parent/988",[492,4.113]],["name/989",[337,60.804]],["parent/989",[492,4.113]],["name/990",[60,52.919]],["parent/990",[492,4.113]],["name/991",[32,45.543]],["parent/991",[492,4.113]],["name/992",[496,57.439]],["parent/992",[492,4.113]],["name/993",[497,57.439]],["parent/993",[492,4.113]],["name/994",[498,57.439]],["parent/994",[492,4.113]],["name/995",[499,57.439]],["parent/995",[492,4.113]],["name/996",[500,57.439]],["parent/996",[492,4.113]],["name/997",[501,57.439]],["parent/997",[492,4.113]],["name/998",[502,57.439]],["parent/998",[492,4.113]],["name/999",[190,48.566]],["parent/999",[492,4.113]],["name/1000",[503,45.543]],["parent/1000",[]],["name/1001",[60,52.919]],["parent/1001",[503,4.53]],["name/1002",[32,45.543]],["parent/1002",[503,4.53]],["name/1003",[496,57.439]],["parent/1003",[503,4.53]],["name/1004",[497,57.439]],["parent/1004",[503,4.53]],["name/1005",[498,57.439]],["parent/1005",[503,4.53]],["name/1006",[499,57.439]],["parent/1006",[503,4.53]],["name/1007",[500,57.439]],["parent/1007",[503,4.53]],["name/1008",[501,57.439]],["parent/1008",[503,4.53]],["name/1009",[502,57.439]],["parent/1009",[503,4.53]],["name/1010",[190,48.566]],["parent/1010",[503,4.53]],["name/1011",[504,44.71]],["parent/1011",[]],["name/1012",[5,57.439]],["parent/1012",[504,4.447]],["name/1013",[60,52.919]],["parent/1013",[504,4.447]],["name/1014",[32,45.543]],["parent/1014",[504,4.447]],["name/1015",[496,57.439]],["parent/1015",[504,4.447]],["name/1016",[497,57.439]],["parent/1016",[504,4.447]],["name/1017",[498,57.439]],["parent/1017",[504,4.447]],["name/1018",[499,57.439]],["parent/1018",[504,4.447]],["name/1019",[500,57.439]],["parent/1019",[504,4.447]],["name/1020",[501,57.439]],["parent/1020",[504,4.447]],["name/1021",[502,57.439]],["parent/1021",[504,4.447]],["name/1022",[190,48.566]],["parent/1022",[504,4.447]],["name/1023",[5,57.439]],["parent/1023",[]],["name/1024",[6,60.804]],["parent/1024",[]],["name/1025",[8,51.249]],["parent/1025",[]],["name/1026",[412,48.566]],["parent/1026",[8,5.098]],["name/1027",[477,51.249]],["parent/1027",[505,4.005]],["name/1028",[506,57.439]],["parent/1028",[505,4.005]],["name/1029",[507,57.439]],["parent/1029",[505,4.005]],["name/1030",[479,52.919]],["parent/1030",[505,4.005]],["name/1031",[508,54.926]],["parent/1031",[505,4.005]],["name/1032",[48,51.249]],["parent/1032",[505,4.005]],["name/1033",[409,51.249]],["parent/1033",[505,4.005]],["name/1034",[410,54.926]],["parent/1034",[505,4.005]],["name/1035",[411,54.926]],["parent/1035",[505,4.005]],["name/1036",[190,48.566]],["parent/1036",[505,4.005]],["name/1037",[407,52.919]],["parent/1037",[505,4.005]],["name/1038",[412,48.566]],["parent/1038",[505,4.005]],["name/1039",[404,49.818]],["parent/1039",[505,4.005]],["name/1040",[373,49.818]],["parent/1040",[505,4.005]],["name/1041",[480,52.919]],["parent/1041",[505,4.005]],["name/1042",[481,52.919]],["parent/1042",[505,4.005]],["name/1043",[482,52.919]],["parent/1043",[505,4.005]],["name/1044",[483,52.919]],["parent/1044",[505,4.005]],["name/1045",[442,51.249]],["parent/1045",[505,4.005]],["name/1046",[509,65.912]],["parent/1046",[8,5.098]],["name/1047",[477,51.249]],["parent/1047",[510,3.955]],["name/1048",[506,57.439]],["parent/1048",[510,3.955]],["name/1049",[507,57.439]],["parent/1049",[510,3.955]],["name/1050",[479,52.919]],["parent/1050",[510,3.955]],["name/1051",[511,65.912]],["parent/1051",[510,3.955]],["name/1052",[404,49.818]],["parent/1052",[510,3.955]],["name/1053",[508,54.926]],["parent/1053",[510,3.955]],["name/1054",[48,51.249]],["parent/1054",[510,3.955]],["name/1055",[409,51.249]],["parent/1055",[510,3.955]],["name/1056",[410,54.926]],["parent/1056",[510,3.955]],["name/1057",[411,54.926]],["parent/1057",[510,3.955]],["name/1058",[190,48.566]],["parent/1058",[510,3.955]],["name/1059",[407,52.919]],["parent/1059",[510,3.955]],["name/1060",[412,48.566]],["parent/1060",[510,3.955]],["name/1061",[373,49.818]],["parent/1061",[510,3.955]],["name/1062",[480,52.919]],["parent/1062",[510,3.955]],["name/1063",[481,52.919]],["parent/1063",[510,3.955]],["name/1064",[482,52.919]],["parent/1064",[510,3.955]],["name/1065",[483,52.919]],["parent/1065",[510,3.955]],["name/1066",[442,51.249]],["parent/1066",[510,3.955]],["name/1067",[512,65.912]],["parent/1067",[8,5.098]],["name/1068",[477,51.249]],["parent/1068",[513,3.955]],["name/1069",[506,57.439]],["parent/1069",[513,3.955]],["name/1070",[507,57.439]],["parent/1070",[513,3.955]],["name/1071",[479,52.919]],["parent/1071",[513,3.955]],["name/1072",[514,65.912]],["parent/1072",[513,3.955]],["name/1073",[190,48.566]],["parent/1073",[513,3.955]],["name/1074",[508,54.926]],["parent/1074",[513,3.955]],["name/1075",[412,48.566]],["parent/1075",[513,3.955]],["name/1076",[404,49.818]],["parent/1076",[513,3.955]],["name/1077",[48,51.249]],["parent/1077",[513,3.955]],["name/1078",[409,51.249]],["parent/1078",[513,3.955]],["name/1079",[410,54.926]],["parent/1079",[513,3.955]],["name/1080",[411,54.926]],["parent/1080",[513,3.955]],["name/1081",[407,52.919]],["parent/1081",[513,3.955]],["name/1082",[373,49.818]],["parent/1082",[513,3.955]],["name/1083",[480,52.919]],["parent/1083",[513,3.955]],["name/1084",[481,52.919]],["parent/1084",[513,3.955]],["name/1085",[482,52.919]],["parent/1085",[513,3.955]],["name/1086",[483,52.919]],["parent/1086",[513,3.955]],["name/1087",[442,51.249]],["parent/1087",[513,3.955]],["name/1088",[515,65.912]],["parent/1088",[8,5.098]],["name/1089",[48,51.249]],["parent/1089",[516,5.714]],["name/1090",[407,52.919]],["parent/1090",[516,5.714]],["name/1091",[508,54.926]],["parent/1091",[516,5.714]]],"invertedIndex":[["__type",{"_index":1,"name":{"1":{},"25":{},"41":{},"43":{},"304":{},"331":{},"344":{},"353":{},"365":{},"422":{},"500":{},"505":{},"512":{},"516":{},"519":{},"526":{},"591":{},"603":{}},"parent":{"2":{},"3":{},"4":{},"5":{},"6":{},"7":{},"8":{},"9":{},"10":{},"11":{}}}],["action",{"_index":165,"name":{"306":{},"988":{}},"parent":{}}],["actionlistener",{"_index":162,"name":{"303":{}},"parent":{}}],["actionoption",{"_index":164,"name":{"305":{}},"parent":{}}],["adddisposable",{"_index":405,"name":{"663":{},"761":{},"854":{},"954":{}},"parent":{}}],["addeventlistener",{"_index":481,"name":{"861":{},"959":{},"1042":{},"1063":{},"1084":{}},"parent":{}}],["afterselectedcellevent",{"_index":199,"name":{"348":{}},"parent":{}}],["allowrangepaste",{"_index":421,"name":{"681":{},"879":{},"969":{}},"parent":{}}],["anyfunction",{"_index":24,"name":{"24":{}},"parent":{}}],["anylistener",{"_index":196,"name":{"345":{}},"parent":{}}],["appearance",{"_index":135,"name":{"227":{}},"parent":{}}],["autowraptext",{"_index":109,"name":{"120":{},"138":{},"211":{},"284":{}},"parent":{}}],["barbgcolor",{"_index":151,"name":{"266":{}},"parent":{}}],["barcolor",{"_index":149,"name":{"265":{}},"parent":{}}],["barheight",{"_index":152,"name":{"267":{}},"parent":{}}],["baseactionoption",{"_index":159,"name":{"301":{}},"parent":{}}],["basecolumnoption",{"_index":53,"name":{"49":{}},"parent":{}}],["basestyleoption",{"_index":94,"name":{"89":{}},"parent":{}}],["before_change_value",{"_index":257,"name":{"425":{},"454":{}},"parent":{}}],["beforeselectedcellevent",{"_index":198,"name":{"347":{}},"parent":{}}],["bgcolor",{"_index":85,"name":{"81":{},"90":{},"99":{},"112":{},"128":{},"146":{},"160":{},"172":{},"186":{},"202":{},"219":{},"234":{},"245":{},"258":{},"274":{},"292":{},"514":{}},"parent":{}}],["blur_grid",{"_index":245,"name":{"391":{},"416":{},"450":{},"479":{}},"parent":{}}],["bordercolor",{"_index":122,"name":{"169":{},"195":{},"496":{},"503":{}},"parent":{}}],["bottom",{"_index":31,"name":{"30":{}},"parent":{}}],["bottomleftcolor",{"_index":296,"name":{"533":{}},"parent":{}}],["bottomleftsize",{"_index":297,"name":{"534":{}},"parent":{}}],["bottomrightcolor",{"_index":294,"name":{"531":{}},"parent":{}}],["bottomrightsize",{"_index":295,"name":{"532":{}},"parent":{}}],["boxwidth",{"_index":287,"name":{"523":{}},"parent":{}}],["branchcolors",{"_index":143,"name":{"253":{}},"parent":{}}],["branchgraphcolumnoption",{"_index":77,"name":{"72":{}},"parent":{}}],["branchgraphcommand",{"_index":81,"name":{"77":{}},"parent":{}}],["branchgraphstyleoption",{"_index":142,"name":{"252":{}},"parent":{}}],["branchlinewidth",{"_index":146,"name":{"256":{}},"parent":{}}],["buildcheckboxinline",{"_index":464,"name":{"788":{}},"parent":{}}],["button",{"_index":281,"name":{"511":{},"778":{}},"parent":{}}],["buttonactionoption",{"_index":170,"name":{"311":{}},"parent":{}}],["buttonbgcolor",{"_index":116,"name":{"153":{}},"parent":{}}],["buttoncolumnoption",{"_index":59,"name":{"54":{}},"parent":{}}],["buttonstyleoption",{"_index":115,"name":{"152":{}},"parent":{}}],["cache",{"_index":79,"name":{"74":{}},"parent":{}}],["cacheddatasource",{"_index":509,"name":{"1046":{}},"parent":{}}],["canbreak",{"_index":453,"name":{"774":{}},"parent":{}}],["candraw",{"_index":450,"name":{"771":{}},"parent":{}}],["canvas",{"_index":363,"name":{"621":{},"720":{},"806":{},"908":{}},"parent":{}}],["caption",{"_index":60,"name":{"55":{},"576":{},"990":{},"1001":{},"1013":{}},"parent":{}}],["celladdress",{"_index":35,"name":{"34":{}},"parent":{}}],["cellcontext",{"_index":465,"name":{"789":{}},"parent":{}}],["cellrange",{"_index":39,"name":{"37":{}},"parent":{}}],["changed_header_value",{"_index":260,"name":{"427":{},"456":{}},"parent":{}}],["changed_value",{"_index":259,"name":{"426":{},"455":{}},"parent":{}}],["changedheadervaluecellevent",{"_index":251,"name":{"420":{}},"parent":{}}],["changedvaluecellevent",{"_index":250,"name":{"419":{}},"parent":{}}],["checkaction",{"_index":187,"name":{"334":{}},"parent":{}}],["checkbgcolor",{"_index":121,"name":{"168":{},"183":{},"194":{},"502":{},"510":{}},"parent":{}}],["checkbordercolor",{"_index":127,"name":{"181":{},"508":{}},"parent":{}}],["checkbox",{"_index":278,"name":{"499":{},"779":{}},"parent":{}}],["checkcolor",{"_index":124,"name":{"179":{},"506":{}},"parent":{}}],["checkheaderstyleoption",{"_index":128,"name":{"192":{}},"parent":{}}],["checkstyleoption",{"_index":118,"name":{"166":{}},"parent":{}}],["circlesize",{"_index":145,"name":{"255":{}},"parent":{}}],["classlist",{"_index":172,"name":{"313":{},"318":{},"323":{},"569":{}},"parent":{}}],["classname",{"_index":68,"name":{"62":{},"539":{}},"parent":{}}],["clearcache",{"_index":511,"name":{"1051":{}},"parent":{}}],["click_cell",{"_index":225,"name":{"371":{},"396":{},"430":{},"459":{}},"parent":{}}],["clone",{"_index":93,"name":{"88":{}},"parent":{}}],["col",{"_index":36,"name":{"35":{},"583":{},"673":{},"790":{}},"parent":{}}],["colcount",{"_index":210,"name":{"358":{},"612":{},"711":{},"811":{},"913":{},"971":{}},"parent":{}}],["color",{"_index":101,"name":{"106":{},"122":{},"140":{},"154":{},"196":{},"213":{},"228":{},"268":{},"286":{},"490":{},"513":{},"544":{},"555":{},"593":{},"770":{}},"parent":{}}],["colordef",{"_index":34,"name":{"33":{}},"parent":{}}],["colorpropertydefine",{"_index":331,"name":{"586":{}},"parent":{}}],["colorspropertydefine",{"_index":332,"name":{"587":{}},"parent":{}}],["columnactionapi",{"_index":444,"name":{"763":{}},"parent":{}}],["columnactionoption",{"_index":192,"name":{"341":{}},"parent":{}}],["columndefine",{"_index":492,"name":{"983":{}},"parent":{"984":{},"985":{},"986":{},"987":{},"988":{},"989":{},"990":{},"991":{},"992":{},"993":{},"994":{},"995":{},"996":{},"997":{},"998":{},"999":{}}}],["columniconoption",{"_index":315,"name":{"564":{}},"parent":{}}],["columnmenuitemobjectoptions",{"_index":326,"name":{"577":{}},"parent":{}}],["columnmenuitemoption",{"_index":317,"name":{"566":{}},"parent":{}}],["columnmenuitemoptions",{"_index":316,"name":{"565":{}},"parent":{}}],["columns",{"_index":5,"name":{"5":{},"1012":{},"1023":{}},"parent":{}}],["columnstyle",{"_index":84,"name":{"80":{}},"parent":{}}],["columnstyleoption",{"_index":156,"name":{"298":{}},"parent":{}}],["columntype",{"_index":495,"name":{"987":{}},"parent":{}}],["columntypeapi",{"_index":443,"name":{"762":{}},"parent":{}}],["columntypeoption",{"_index":82,"name":{"78":{}},"parent":{}}],["configure",{"_index":374,"name":{"632":{},"730":{},"820":{},"920":{}},"parent":{}}],["constructor",{"_index":479,"name":{"804":{},"868":{},"1030":{},"1050":{},"1071":{}},"parent":{}}],["content",{"_index":69,"name":{"63":{},"538":{}},"parent":{}}],["context",{"_index":330,"name":{"585":{}},"parent":{}}],["contextmenu_cell",{"_index":234,"name":{"380":{},"405":{},"439":{},"468":{}},"parent":{}}],["copydata",{"_index":247,"name":{"393":{},"418":{},"452":{},"481":{}},"parent":{}}],["core",{"_index":2,"name":{"2":{},"801":{}},"parent":{"802":{},"864":{}}}],["core.drawgrid",{"_index":478,"name":{},"parent":{"803":{},"804":{},"805":{},"806":{},"807":{},"808":{},"809":{},"810":{},"811":{},"812":{},"813":{},"814":{},"815":{},"816":{},"817":{},"818":{},"819":{},"820":{},"821":{},"822":{},"823":{},"824":{},"825":{},"826":{},"827":{},"828":{},"829":{},"830":{},"831":{},"832":{},"833":{},"834":{},"835":{},"836":{},"837":{},"838":{},"839":{},"840":{},"841":{},"842":{},"843":{},"844":{},"845":{},"846":{},"847":{},"848":{},"849":{},"850":{},"851":{},"852":{},"853":{},"854":{},"855":{},"856":{},"857":{},"858":{},"859":{},"860":{},"861":{},"862":{},"863":{}}}],["d",{"_index":265,"name":{"483":{}},"parent":{}}],["data",{"_index":8,"name":{"8":{},"1025":{}},"parent":{"1026":{},"1046":{},"1067":{},"1088":{}}}],["data.cacheddatasource",{"_index":510,"name":{},"parent":{"1047":{},"1048":{},"1049":{},"1050":{},"1051":{},"1052":{},"1053":{},"1054":{},"1055":{},"1056":{},"1057":{},"1058":{},"1059":{},"1060":{},"1061":{},"1062":{},"1063":{},"1064":{},"1065":{},"1066":{}}}],["data.datasource",{"_index":505,"name":{},"parent":{"1027":{},"1028":{},"1029":{},"1030":{},"1031":{},"1032":{},"1033":{},"1034":{},"1035":{},"1036":{},"1037":{},"1038":{},"1039":{},"1040":{},"1041":{},"1042":{},"1043":{},"1044":{},"1045":{}}}],["data.datasourceparam",{"_index":516,"name":{},"parent":{"1089":{},"1090":{},"1091":{}}}],["data.filterdatasource",{"_index":513,"name":{},"parent":{"1068":{},"1069":{},"1070":{},"1071":{},"1072":{},"1073":{},"1074":{},"1075":{},"1076":{},"1077":{},"1078":{},"1079":{},"1080":{},"1081":{},"1082":{},"1083":{},"1084":{},"1085":{},"1086":{},"1087":{}}}],["datasource",{"_index":412,"name":{"671":{},"679":{},"877":{},"966":{},"1026":{},"1038":{},"1060":{},"1075":{}},"parent":{}}],["datasourceapi",{"_index":406,"name":{"664":{}},"parent":{}}],["datasourceparam",{"_index":515,"name":{"1088":{}},"parent":{}}],["dblclick_cell",{"_index":226,"name":{"372":{},"397":{},"431":{},"460":{}},"parent":{}}],["dbltap_cell",{"_index":236,"name":{"382":{},"407":{},"441":{},"470":{}},"parent":{}}],["default",{"_index":0,"name":{"0":{}},"parent":{}}],["defaultbgcolor",{"_index":272,"name":{"492":{}},"parent":{}}],["defaultcolwidth",{"_index":359,"name":{"616":{},"715":{},"815":{},"917":{},"975":{}},"parent":{}}],["defaultrowheight",{"_index":358,"name":{"615":{},"714":{},"814":{},"916":{},"974":{}},"parent":{}}],["delete_cell",{"_index":240,"name":{"386":{},"411":{},"445":{},"474":{}},"parent":{}}],["deletecellevent",{"_index":216,"name":{"363":{}},"parent":{}}],["deletecellvalueondel",{"_index":352,"name":{"607":{}},"parent":{}}],["detail",{"_index":254,"name":{"423":{}},"parent":{}}],["disablecolumnresize",{"_index":490,"name":{"980":{}},"parent":{}}],["disabled",{"_index":160,"name":{"302":{},"307":{},"310":{},"316":{},"321":{},"329":{},"336":{},"340":{},"686":{},"765":{},"869":{}},"parent":{}}],["dispose",{"_index":404,"name":{"662":{},"760":{},"855":{},"871":{},"1039":{},"1052":{},"1076":{}},"parent":{}}],["dochangestyle",{"_index":92,"name":{"87":{}},"parent":{}}],["dochangevalue",{"_index":435,"name":{"701":{},"901":{}},"parent":{}}],["dogetcellvalue",{"_index":436,"name":{"702":{},"900":{}},"parent":{}}],["dosetpastevalue",{"_index":437,"name":{"703":{},"902":{}},"parent":{}}],["draw",{"_index":452,"name":{"773":{}},"parent":{}}],["drawborderwithclip",{"_index":461,"name":{"785":{}},"parent":{}}],["drawgrid",{"_index":476,"name":{"802":{}},"parent":{}}],["drawgridapi",{"_index":354,"name":{"609":{}},"parent":{}}],["drawgrideventhandlerseventmap",{"_index":222,"name":{"369":{}},"parent":{}}],["drawgrideventhandlersreturnmap",{"_index":248,"name":{"394":{}},"parent":{}}],["drawgridkeyboardmovecellfunction",{"_index":346,"name":{"602":{}},"parent":{}}],["drawgridkeyboardoptions",{"_index":348,"name":{"604":{}},"parent":{}}],["drawwithclip",{"_index":462,"name":{"786":{}},"parent":{}}],["editable",{"_index":445,"name":{"764":{}},"parent":{}}],["editableinput_cell",{"_index":242,"name":{"388":{},"413":{},"447":{},"476":{}},"parent":{}}],["editoroption",{"_index":167,"name":{"308":{}},"parent":{}}],["empty",{"_index":507,"name":{"1029":{},"1049":{},"1070":{}},"parent":{}}],["end",{"_index":42,"name":{"39":{}},"parent":{}}],["errorbgcolor",{"_index":285,"name":{"521":{}},"parent":{}}],["event",{"_index":207,"name":{"355":{},"366":{}},"parent":{}}],["event_type",{"_index":477,"name":{"803":{},"864":{},"867":{},"1027":{},"1047":{},"1068":{}},"parent":{}}],["eventlistenerid",{"_index":197,"name":{"346":{}},"parent":{}}],["fadeinwhencallbackinpromise",{"_index":54,"name":{"50":{},"53":{},"56":{},"59":{},"66":{},"71":{},"75":{}},"parent":{}}],["field",{"_index":493,"name":{"984":{}},"parent":{}}],["fieldassessor",{"_index":47,"name":{"44":{}},"parent":{}}],["fielddata",{"_index":52,"name":{"48":{}},"parent":{}}],["fielddef",{"_index":51,"name":{"47":{}},"parent":{}}],["fieldgetter",{"_index":43,"name":{"40":{}},"parent":{}}],["fieldsetter",{"_index":45,"name":{"42":{}},"parent":{}}],["fillrectwithstate",{"_index":460,"name":{"784":{}},"parent":{}}],["filter",{"_index":514,"name":{"1072":{}},"parent":{}}],["filterdatasource",{"_index":512,"name":{"1067":{}},"parent":{}}],["firelisteners",{"_index":442,"name":{"708":{},"858":{},"906":{},"1045":{},"1066":{},"1087":{}},"parent":{}}],["focus",{"_index":371,"name":{"629":{},"728":{},"807":{},"909":{}},"parent":{}}],["focus_grid",{"_index":244,"name":{"390":{},"415":{},"449":{},"478":{}},"parent":{}}],["focuscell",{"_index":399,"name":{"657":{},"755":{},"841":{},"941":{}},"parent":{}}],["focusgridcell",{"_index":432,"name":{"698":{},"895":{}},"parent":{}}],["font",{"_index":103,"name":{"107":{},"123":{},"141":{},"155":{},"197":{},"214":{},"229":{},"269":{},"287":{},"488":{},"537":{},"610":{},"709":{},"769":{},"816":{},"880":{},"976":{}},"parent":{}}],["fonticon",{"_index":299,"name":{"536":{}},"parent":{}}],["fontpropertydefine",{"_index":333,"name":{"588":{}},"parent":{}}],["format",{"_index":57,"name":{"52":{}},"parent":{}}],["formatter",{"_index":76,"name":{"70":{}},"parent":{}}],["frozencolcount",{"_index":357,"name":{"614":{},"713":{},"812":{},"914":{},"973":{}},"parent":{}}],["frozenrowcount",{"_index":356,"name":{"613":{},"712":{},"813":{},"915":{},"972":{}},"parent":{}}],["frozenrowsbgcolor",{"_index":273,"name":{"493":{}},"parent":{}}],["frozenrowsbordercolor",{"_index":276,"name":{"497":{}},"parent":{}}],["frozenrowscolor",{"_index":271,"name":{"491":{}},"parent":{}}],["get",{"_index":48,"name":{"45":{},"666":{},"1032":{},"1054":{},"1077":{},"1089":{}},"parent":{}}],["getattachcellsarea",{"_index":402,"name":{"660":{},"758":{},"856":{},"955":{}},"parent":{}}],["getcellat",{"_index":396,"name":{"654":{},"752":{},"838":{},"938":{}},"parent":{}}],["getcelloverflowtext",{"_index":400,"name":{"658":{},"756":{},"852":{},"952":{}},"parent":{}}],["getcellrange",{"_index":430,"name":{"696":{},"898":{}},"parent":{}}],["getcellrangebyfield",{"_index":431,"name":{"697":{},"894":{}},"parent":{}}],["getcellrangerect",{"_index":392,"name":{"650":{},"748":{},"834":{},"934":{}},"parent":{}}],["getcellrect",{"_index":389,"name":{"647":{},"745":{},"831":{},"931":{}},"parent":{}}],["getcellrelativerect",{"_index":390,"name":{"648":{},"746":{},"832":{},"932":{}},"parent":{}}],["getcellsrect",{"_index":391,"name":{"649":{},"747":{},"833":{},"933":{}},"parent":{}}],["getcellvalue",{"_index":213,"name":{"360":{}},"parent":{}}],["getcolat",{"_index":395,"name":{"653":{},"751":{},"837":{},"937":{}},"parent":{}}],["getcolor",{"_index":458,"name":{"782":{}},"parent":{}}],["getcolumnaction",{"_index":441,"name":{"707":{},"887":{}},"parent":{}}],["getcolumndefine",{"_index":440,"name":{"706":{},"885":{}},"parent":{}}],["getcolumnindexbyfield",{"_index":486,"name":{"893":{}},"parent":{}}],["getcolumntype",{"_index":439,"name":{"705":{},"886":{}},"parent":{}}],["getcolwidth",{"_index":383,"name":{"641":{},"739":{},"825":{},"925":{}},"parent":{}}],["getcontext",{"_index":467,"name":{"792":{}},"parent":{}}],["getdrawrect",{"_index":469,"name":{"794":{}},"parent":{}}],["getelement",{"_index":370,"name":{"628":{},"727":{},"805":{},"907":{}},"parent":{}}],["getfield",{"_index":409,"name":{"667":{},"689":{},"884":{},"1033":{},"1055":{},"1078":{}},"parent":{}}],["getgridcanvashelper",{"_index":434,"name":{"700":{},"897":{}},"parent":{}}],["getheadercellrange",{"_index":487,"name":{"899":{}},"parent":{}}],["getheaderdefine",{"_index":485,"name":{"889":{}},"parent":{}}],["getheaderfield",{"_index":427,"name":{"693":{},"888":{}},"parent":{}}],["getheadervalue",{"_index":428,"name":{"694":{},"903":{}},"parent":{}}],["getlayoutcellid",{"_index":438,"name":{"704":{},"905":{}},"parent":{}}],["getmaxcolwidth",{"_index":385,"name":{"643":{},"741":{},"827":{},"927":{}},"parent":{}}],["getmincolwidth",{"_index":387,"name":{"645":{},"743":{},"829":{},"929":{}},"parent":{}}],["getradioeditorgroup",{"_index":182,"name":{"330":{}},"parent":{}}],["getrecordindexbyrow",{"_index":425,"name":{"691":{},"891":{}},"parent":{}}],["getrecordstartrowbyrecordindex",{"_index":426,"name":{"692":{},"892":{}},"parent":{}}],["getrect",{"_index":470,"name":{"795":{}},"parent":{}}],["getrowat",{"_index":394,"name":{"652":{},"750":{},"836":{},"936":{}},"parent":{}}],["getrowheight",{"_index":381,"name":{"639":{},"737":{},"823":{},"923":{}},"parent":{}}],["getrowrecord",{"_index":424,"name":{"690":{},"890":{}},"parent":{}}],["getselection",{"_index":471,"name":{"796":{}},"parent":{}}],["grid",{"_index":329,"name":{"584":{}},"parent":{}}],["gridcanvashelper",{"_index":9,"name":{"9":{}},"parent":{}}],["gridcanvashelperapi",{"_index":454,"name":{"775":{}},"parent":{}}],["group",{"_index":185,"name":{"333":{}},"parent":{}}],["groupheaderdefine",{"_index":504,"name":{"1011":{}},"parent":{"1012":{},"1013":{},"1014":{},"1015":{},"1016":{},"1017":{},"1018":{},"1019":{},"1020":{},"1021":{},"1022":{}}}],["hasfield",{"_index":410,"name":{"668":{},"1034":{},"1056":{},"1079":{}},"parent":{}}],["hasfocusgrid",{"_index":372,"name":{"630":{},"729":{},"808":{},"910":{}},"parent":{}}],["haslisteners",{"_index":483,"name":{"863":{},"961":{},"1044":{},"1065":{},"1086":{}},"parent":{}}],["header",{"_index":282,"name":{"515":{},"872":{},"963":{}},"parent":{}}],["headeraction",{"_index":502,"name":{"998":{},"1009":{},"1021":{}},"parent":{}}],["headeractionoption",{"_index":193,"name":{"342":{}},"parent":{}}],["headerdefine",{"_index":503,"name":{"1000":{}},"parent":{"1001":{},"1002":{},"1003":{},"1004":{},"1005":{},"1006":{},"1007":{},"1008":{},"1009":{},"1010":{}}}],["headerfield",{"_index":498,"name":{"994":{},"1005":{},"1017":{}},"parent":{}}],["headericon",{"_index":499,"name":{"995":{},"1006":{},"1018":{}},"parent":{}}],["headerrowheight",{"_index":422,"name":{"682":{},"874":{},"965":{}},"parent":{}}],["headers",{"_index":6,"name":{"6":{},"1024":{}},"parent":{}}],["headersdefine",{"_index":491,"name":{"982":{}},"parent":{}}],["headerstdstyleoption",{"_index":112,"name":{"135":{}},"parent":{}}],["headerstyle",{"_index":500,"name":{"996":{},"1007":{},"1019":{}},"parent":{}}],["headerstyleoption",{"_index":157,"name":{"299":{}},"parent":{}}],["headertype",{"_index":501,"name":{"997":{},"1008":{},"1020":{}},"parent":{}}],["headertypeoption",{"_index":83,"name":{"79":{}},"parent":{}}],["headervalues",{"_index":416,"name":{"676":{},"684":{},"883":{}},"parent":{}}],["height",{"_index":33,"name":{"32":{},"485":{},"543":{},"550":{},"554":{},"559":{},"563":{}},"parent":{}}],["helpertext",{"_index":179,"name":{"325":{}},"parent":{}}],["highlightbgcolor",{"_index":275,"name":{"495":{}},"parent":{}}],["highlightbordercolor",{"_index":277,"name":{"498":{}},"parent":{}}],["html",{"_index":321,"name":{"570":{}},"parent":{}}],["icon",{"_index":494,"name":{"985":{}},"parent":{}}],["iconcolumnoption",{"_index":65,"name":{"60":{}},"parent":{}}],["icondefine",{"_index":264,"name":{"482":{}},"parent":{}}],["icons",{"_index":11,"name":{"11":{}},"parent":{}}],["iconstyleoption",{"_index":141,"name":{"251":{}},"parent":{}}],["iconwidth",{"_index":71,"name":{"65":{}},"parent":{}}],["imageicon",{"_index":304,"name":{"547":{}},"parent":{}}],["imagesizing",{"_index":138,"name":{"241":{}},"parent":{}}],["imagestyleoption",{"_index":137,"name":{"240":{}},"parent":{}}],["indicatorbottomleft",{"_index":91,"name":{"86":{},"95":{},"104":{},"117":{},"133":{},"151":{},"165":{},"177":{},"191":{},"207":{},"224":{},"239":{},"250":{},"263":{},"279":{},"297":{}},"parent":{}}],["indicatorbottomright",{"_index":90,"name":{"85":{},"94":{},"103":{},"116":{},"132":{},"150":{},"164":{},"176":{},"190":{},"206":{},"223":{},"238":{},"249":{},"262":{},"278":{},"296":{}},"parent":{}}],["indicatordefine",{"_index":340,"name":{"595":{}},"parent":{}}],["indicatorobject",{"_index":335,"name":{"590":{}},"parent":{}}],["indicators",{"_index":289,"name":{"525":{}},"parent":{}}],["indicatorstyle",{"_index":334,"name":{"589":{}},"parent":{}}],["indicatortopleft",{"_index":88,"name":{"83":{},"92":{},"101":{},"114":{},"130":{},"148":{},"162":{},"174":{},"188":{},"204":{},"221":{},"236":{},"247":{},"260":{},"276":{},"294":{}},"parent":{}}],["indicatortopright",{"_index":89,"name":{"84":{},"93":{},"102":{},"115":{},"131":{},"149":{},"163":{},"175":{},"189":{},"205":{},"222":{},"237":{},"248":{},"261":{},"277":{},"295":{}},"parent":{}}],["infobgcolor",{"_index":284,"name":{"520":{}},"parent":{}}],["inlineapi",{"_index":448,"name":{"767":{}},"parent":{}}],["inlineinputeditoroption",{"_index":174,"name":{"317":{}},"parent":{}}],["inlinemenueditoroption",{"_index":171,"name":{"312":{}},"parent":{}}],["input_cell",{"_index":239,"name":{"385":{},"410":{},"444":{},"473":{}},"parent":{}}],["inputcellevent",{"_index":215,"name":{"362":{}},"parent":{}}],["inputvalidator",{"_index":180,"name":{"326":{}},"parent":{}}],["invalidate",{"_index":377,"name":{"635":{},"733":{},"845":{},"945":{}},"parent":{}}],["invalidatecell",{"_index":378,"name":{"636":{},"734":{},"842":{},"942":{}},"parent":{}}],["invalidatecellrange",{"_index":380,"name":{"638":{},"736":{},"844":{},"944":{}},"parent":{}}],["invalidategridrect",{"_index":379,"name":{"637":{},"735":{},"843":{},"943":{}},"parent":{}}],["isfrozencell",{"_index":393,"name":{"651":{},"749":{},"835":{},"935":{}},"parent":{}}],["isliga",{"_index":301,"name":{"541":{}},"parent":{}}],["keyboardeventlistener",{"_index":194,"name":{"343":{}},"parent":{}}],["keyboardoptions",{"_index":361,"name":{"619":{},"718":{},"819":{},"919":{},"978":{}},"parent":{}}],["keycode",{"_index":205,"name":{"354":{}},"parent":{}}],["keydown",{"_index":237,"name":{"383":{},"408":{},"442":{},"471":{}},"parent":{}}],["keydownevent",{"_index":203,"name":{"352":{}},"parent":{}}],["label",{"_index":320,"name":{"568":{},"573":{}},"parent":{}}],["layout",{"_index":484,"name":{"873":{},"964":{}},"parent":{}}],["layoutobjectid",{"_index":345,"name":{"601":{}},"parent":{}}],["left",{"_index":27,"name":{"27":{}},"parent":{}}],["leftcol",{"_index":367,"name":{"625":{},"724":{},"849":{},"949":{}},"parent":{}}],["length",{"_index":407,"name":{"665":{},"1037":{},"1059":{},"1081":{},"1090":{}},"parent":{}}],["lineclamp",{"_index":110,"name":{"121":{},"139":{},"212":{},"285":{},"580":{}},"parent":{}}],["lineheight",{"_index":107,"name":{"119":{},"137":{},"210":{},"283":{}},"parent":{}}],["listen",{"_index":373,"name":{"631":{},"688":{},"859":{},"957":{},"1040":{},"1061":{},"1082":{}},"parent":{}}],["listgrid",{"_index":4,"name":{"4":{},"866":{}},"parent":{"867":{},"868":{},"869":{},"870":{},"871":{},"872":{},"873":{},"874":{},"875":{},"876":{},"877":{},"878":{},"879":{},"880":{},"881":{},"882":{},"883":{},"884":{},"885":{},"886":{},"887":{},"888":{},"889":{},"890":{},"891":{},"892":{},"893":{},"894":{},"895":{},"896":{},"897":{},"898":{},"899":{},"900":{},"901":{},"902":{},"903":{},"904":{},"905":{},"906":{},"907":{},"908":{},"909":{},"910":{},"911":{},"912":{},"913":{},"914":{},"915":{},"916":{},"917":{},"918":{},"919":{},"920":{},"921":{},"922":{},"923":{},"924":{},"925":{},"926":{},"927":{},"928":{},"929":{},"930":{},"931":{},"932":{},"933":{},"934":{},"935":{},"936":{},"937":{},"938":{},"939":{},"940":{},"941":{},"942":{},"943":{},"944":{},"945":{},"946":{},"947":{},"948":{},"949":{},"950":{},"951":{},"952":{},"953":{},"954":{},"955":{},"956":{},"957":{},"958":{},"959":{},"960":{},"961":{}}}],["listgridapi",{"_index":417,"name":{"677":{}},"parent":{}}],["listgridconstructoroptions",{"_index":488,"name":{"962":{}},"parent":{"963":{},"964":{},"965":{},"966":{},"967":{},"968":{},"969":{},"970":{},"971":{},"972":{},"973":{},"974":{},"975":{},"976":{},"977":{},"978":{},"979":{},"980":{},"981":{}}}],["listgrideventhandlerseventmap",{"_index":256,"name":{"424":{}},"parent":{}}],["listgrideventhandlersreturnmap",{"_index":262,"name":{"453":{}},"parent":{}}],["makevisiblecell",{"_index":397,"name":{"655":{},"753":{},"839":{},"939":{}},"parent":{}}],["makevisiblegridcell",{"_index":433,"name":{"699":{},"896":{}},"parent":{}}],["margin",{"_index":140,"name":{"242":{},"254":{}},"parent":{}}],["markheight",{"_index":288,"name":{"524":{}},"parent":{}}],["max",{"_index":75,"name":{"69":{}},"parent":{}}],["maxwidth",{"_index":497,"name":{"993":{},"1004":{},"1016":{}},"parent":{}}],["maybecall",{"_index":17,"name":{"17":{}},"parent":{}}],["maybecallorundef",{"_index":20,"name":{"20":{}},"parent":{}}],["maybepromise",{"_index":16,"name":{"16":{}},"parent":{}}],["maybepromiseorcall",{"_index":18,"name":{"18":{}},"parent":{}}],["maybepromiseorcallorundef",{"_index":21,"name":{"21":{}},"parent":{}}],["maybepromiseorundef",{"_index":19,"name":{"19":{}},"parent":{}}],["maybeundef",{"_index":13,"name":{"13":{}},"parent":{}}],["menucolumnoption",{"_index":62,"name":{"57":{}},"parent":{}}],["menustyleoption",{"_index":134,"name":{"226":{}},"parent":{}}],["mergestyle",{"_index":147,"name":{"257":{}},"parent":{}}],["message",{"_index":343,"name":{"598":{},"600":{},"986":{}},"parent":{}}],["messageobject",{"_index":341,"name":{"596":{}},"parent":{}}],["messages",{"_index":283,"name":{"518":{}},"parent":{}}],["min",{"_index":73,"name":{"68":{}},"parent":{}}],["minwidth",{"_index":496,"name":{"992":{},"1003":{},"1015":{}},"parent":{}}],["modify_status_editableinput_cell",{"_index":243,"name":{"389":{},"414":{},"448":{},"477":{}},"parent":{}}],["modifystatuseditableinputcellevent",{"_index":220,"name":{"367":{}},"parent":{}}],["mousecellevent",{"_index":201,"name":{"350":{}},"parent":{}}],["mousedown_cell",{"_index":232,"name":{"378":{},"403":{},"437":{},"466":{}},"parent":{}}],["mouseenter_cell",{"_index":227,"name":{"373":{},"398":{},"432":{},"461":{}},"parent":{}}],["mouseleave_cell",{"_index":228,"name":{"374":{},"399":{},"433":{},"462":{}},"parent":{}}],["mousemove_cell",{"_index":231,"name":{"377":{},"402":{},"436":{},"465":{}},"parent":{}}],["mouseout_cell",{"_index":230,"name":{"376":{},"401":{},"435":{},"464":{}},"parent":{}}],["mouseover_cell",{"_index":229,"name":{"375":{},"400":{},"434":{},"463":{}},"parent":{}}],["mousepointercellevent",{"_index":221,"name":{"368":{}},"parent":{}}],["mouseup_cell",{"_index":233,"name":{"379":{},"404":{},"438":{},"467":{}},"parent":{}}],["movecellonenter",{"_index":351,"name":{"606":{}},"parent":{}}],["movecellontab",{"_index":349,"name":{"605":{}},"parent":{}}],["multiline",{"_index":113,"name":{"136":{},"282":{}},"parent":{}}],["multilinetext",{"_index":457,"name":{"781":{}},"parent":{}}],["multilinetextheaderstyleoption",{"_index":133,"name":{"225":{}},"parent":{}}],["multilinetextstyleoption",{"_index":131,"name":{"209":{}},"parent":{}}],["name",{"_index":70,"name":{"64":{},"561":{}},"parent":{}}],["namedicon",{"_index":313,"name":{"560":{}},"parent":{}}],["numbercolumnoption",{"_index":56,"name":{"51":{}},"parent":{}}],["numberstyleoption",{"_index":130,"name":{"208":{}},"parent":{}}],["ofarray",{"_index":506,"name":{"1028":{},"1048":{},"1069":{}},"parent":{}}],["offsetleft",{"_index":303,"name":{"546":{}},"parent":{}}],["offsettop",{"_index":302,"name":{"545":{}},"parent":{}}],["oldsimplecolumnmenuitemoption",{"_index":324,"name":{"574":{}},"parent":{}}],["onkeydownmove",{"_index":403,"name":{"661":{},"759":{},"857":{},"956":{}},"parent":{}}],["onready",{"_index":451,"name":{"772":{}},"parent":{}}],["options",{"_index":63,"name":{"58":{},"314":{}},"parent":{}}],["order",{"_index":415,"name":{"675":{}},"parent":{}}],["original",{"_index":344,"name":{"599":{}},"parent":{}}],["padding",{"_index":104,"name":{"108":{},"124":{},"142":{},"156":{},"198":{},"215":{},"230":{},"270":{},"288":{}},"parent":{}}],["parentelement",{"_index":489,"name":{"979":{}},"parent":{}}],["partialthemedefine",{"_index":267,"name":{"486":{}},"parent":{}}],["paste_cell",{"_index":238,"name":{"384":{},"409":{},"443":{},"472":{}},"parent":{}}],["pastecellevent",{"_index":214,"name":{"361":{}},"parent":{}}],["pasterangeboxvalues",{"_index":209,"name":{"357":{}},"parent":{}}],["pasterejectedvaluesevent",{"_index":252,"name":{"421":{}},"parent":{}}],["path",{"_index":308,"name":{"552":{}},"parent":{}}],["pathicon",{"_index":307,"name":{"551":{}},"parent":{}}],["percentcompletebarcolumnoption",{"_index":72,"name":{"67":{}},"parent":{}}],["percentcompletebarstyleoption",{"_index":148,"name":{"264":{}},"parent":{}}],["promisemaybecallorundef",{"_index":23,"name":{"23":{}},"parent":{}}],["promisemaybeundef",{"_index":15,"name":{"15":{}},"parent":{}}],["promisemaybeundeforcall",{"_index":22,"name":{"22":{}},"parent":{}}],["promiseorundef",{"_index":14,"name":{"14":{}},"parent":{}}],["radiobutton",{"_index":280,"name":{"504":{},"780":{}},"parent":{}}],["radioeditoroption",{"_index":184,"name":{"332":{}},"parent":{}}],["radiostyleoption",{"_index":123,"name":{"178":{}},"parent":{}}],["range",{"_index":475,"name":{"800":{}},"parent":{}}],["readonly",{"_index":168,"name":{"309":{},"315":{},"320":{},"328":{},"335":{},"687":{},"870":{}},"parent":{}}],["recordboolean",{"_index":158,"name":{"300":{}},"parent":{}}],["recordrowcount",{"_index":423,"name":{"685":{},"875":{}},"parent":{}}],["records",{"_index":418,"name":{"678":{},"876":{},"967":{}},"parent":{}}],["rectprops",{"_index":26,"name":{"26":{}},"parent":{}}],["register",{"_index":10,"name":{"10":{}},"parent":{}}],["rejected_paste_values",{"_index":261,"name":{"428":{},"457":{}},"parent":{}}],["removeeventlistener",{"_index":482,"name":{"862":{},"960":{},"1043":{},"1064":{},"1085":{}},"parent":{}}],["requiredthemedefine",{"_index":298,"name":{"535":{}},"parent":{}}],["resize_column",{"_index":246,"name":{"392":{},"417":{},"451":{},"480":{}},"parent":{}}],["right",{"_index":29,"name":{"28":{}},"parent":{}}],["row",{"_index":38,"name":{"36":{},"582":{},"674":{},"791":{}},"parent":{}}],["rowcount",{"_index":212,"name":{"359":{},"611":{},"710":{},"810":{},"912":{},"970":{}},"parent":{}}],["scroll",{"_index":241,"name":{"387":{},"412":{},"446":{},"475":{}},"parent":{}}],["scrollevent",{"_index":217,"name":{"364":{}},"parent":{}}],["scrollleft",{"_index":368,"name":{"626":{},"725":{},"851":{},"951":{}},"parent":{}}],["scrolltop",{"_index":369,"name":{"627":{},"726":{},"850":{},"950":{}},"parent":{}}],["select",{"_index":473,"name":{"799":{}},"parent":{}}],["selectallonctrla",{"_index":353,"name":{"608":{}},"parent":{}}],["selected_cell",{"_index":223,"name":{"370":{},"395":{},"429":{},"458":{}},"parent":{}}],["selectedcellevent",{"_index":200,"name":{"349":{}},"parent":{}}],["selection",{"_index":362,"name":{"620":{},"719":{},"798":{},"809":{},"911":{}},"parent":{}}],["selectionbgcolor",{"_index":274,"name":{"494":{}},"parent":{}}],["set",{"_index":50,"name":{"46":{}},"parent":{}}],["setcelloverflowtext",{"_index":401,"name":{"659":{},"757":{},"853":{},"953":{}},"parent":{}}],["setcolwidth",{"_index":384,"name":{"642":{},"740":{},"826":{},"926":{}},"parent":{}}],["setfield",{"_index":411,"name":{"669":{},"1035":{},"1057":{},"1080":{}},"parent":{}}],["setfocuscursor",{"_index":398,"name":{"656":{},"754":{},"840":{},"940":{}},"parent":{}}],["setheadervalue",{"_index":429,"name":{"695":{},"904":{}},"parent":{}}],["setmaxcolwidth",{"_index":386,"name":{"644":{},"742":{},"828":{},"928":{}},"parent":{}}],["setmincolwidth",{"_index":388,"name":{"646":{},"744":{},"830":{},"930":{}},"parent":{}}],["setpastevaluetestdata",{"_index":447,"name":{"766":{}},"parent":{}}],["setrectfilter",{"_index":472,"name":{"797":{}},"parent":{}}],["setrowheight",{"_index":382,"name":{"640":{},"738":{},"824":{},"924":{}},"parent":{}}],["simplebranchgraphcommand",{"_index":80,"name":{"76":{}},"parent":{}}],["simplecolumnmenuitemoption",{"_index":322,"name":{"571":{}},"parent":{}}],["size",{"_index":339,"name":{"594":{}},"parent":{}}],["smalldialoginputeditoroption",{"_index":177,"name":{"322":{}},"parent":{}}],["sort",{"_index":190,"name":{"339":{},"670":{},"999":{},"1010":{},"1022":{},"1036":{},"1058":{},"1073":{}},"parent":{}}],["sortarrowcolor",{"_index":154,"name":{"281":{},"517":{}},"parent":{}}],["sortheaderactionoption",{"_index":189,"name":{"338":{}},"parent":{}}],["sortheaderstyleoption",{"_index":153,"name":{"280":{}},"parent":{}}],["sortoption",{"_index":188,"name":{"337":{}},"parent":{}}],["sortstate",{"_index":413,"name":{"672":{},"683":{},"882":{}},"parent":{}}],["source",{"_index":508,"name":{"1031":{},"1053":{},"1074":{},"1091":{}},"parent":{}}],["src",{"_index":305,"name":{"548":{}},"parent":{}}],["start",{"_index":40,"name":{"38":{},"73":{}},"parent":{}}],["stdbasestyleoption",{"_index":96,"name":{"96":{}},"parent":{}}],["stdmultilinetextbasestyleoption",{"_index":106,"name":{"118":{}},"parent":{}}],["stdtextbasestyleoption",{"_index":100,"name":{"105":{}},"parent":{}}],["stopcellmoving",{"_index":208,"name":{"356":{}},"parent":{}}],["style",{"_index":337,"name":{"592":{},"989":{}},"parent":{}}],["styleoption",{"_index":111,"name":{"134":{}},"parent":{}}],["stylepropertyfunctionarg",{"_index":327,"name":{"581":{}},"parent":{}}],["svg",{"_index":311,"name":{"557":{}},"parent":{}}],["svgicon",{"_index":310,"name":{"556":{}},"parent":{}}],["tagname",{"_index":66,"name":{"61":{},"540":{}},"parent":{}}],["testfontload",{"_index":463,"name":{"787":{}},"parent":{}}],["text",{"_index":456,"name":{"777":{}},"parent":{}}],["textalign",{"_index":97,"name":{"97":{},"110":{},"126":{},"144":{},"158":{},"170":{},"184":{},"200":{},"217":{},"232":{},"243":{},"272":{},"290":{}},"parent":{}}],["textbaseline",{"_index":99,"name":{"98":{},"111":{},"127":{},"145":{},"159":{},"171":{},"185":{},"201":{},"218":{},"233":{},"244":{},"273":{},"291":{}},"parent":{}}],["textoverflow",{"_index":105,"name":{"109":{},"125":{},"143":{},"157":{},"199":{},"216":{},"231":{},"271":{},"289":{},"579":{}},"parent":{}}],["theme",{"_index":420,"name":{"680":{},"776":{},"878":{},"968":{}},"parent":{}}],["themedefine",{"_index":268,"name":{"487":{}},"parent":{}}],["themes",{"_index":7,"name":{"7":{}},"parent":{}}],["toboxpixelarray",{"_index":459,"name":{"783":{}},"parent":{}}],["tocurrentcontext",{"_index":468,"name":{"793":{}},"parent":{}}],["tools",{"_index":3,"name":{"3":{},"865":{}},"parent":{}}],["top",{"_index":30,"name":{"29":{}},"parent":{}}],["topleftcolor",{"_index":290,"name":{"527":{}},"parent":{}}],["topleftsize",{"_index":291,"name":{"528":{}},"parent":{}}],["toprightcolor",{"_index":292,"name":{"529":{}},"parent":{}}],["toprightsize",{"_index":293,"name":{"530":{}},"parent":{}}],["toprow",{"_index":366,"name":{"624":{},"723":{},"848":{},"948":{}},"parent":{}}],["touchcellevent",{"_index":202,"name":{"351":{}},"parent":{}}],["touchstart_cell",{"_index":235,"name":{"381":{},"406":{},"440":{},"469":{}},"parent":{}}],["trimonpaste",{"_index":360,"name":{"618":{},"717":{},"818":{},"918":{},"981":{}},"parent":{}}],["type",{"_index":176,"name":{"319":{},"324":{},"597":{}},"parent":{}}],["types",{"_index":12,"name":{"12":{}},"parent":{"13":{},"14":{},"15":{},"16":{},"17":{},"18":{},"19":{},"20":{},"21":{},"22":{},"23":{},"24":{},"26":{},"33":{},"34":{},"37":{},"40":{},"42":{},"44":{},"47":{},"48":{},"49":{},"51":{},"54":{},"57":{},"60":{},"67":{},"72":{},"76":{},"77":{},"78":{},"79":{},"80":{},"89":{},"96":{},"105":{},"118":{},"134":{},"135":{},"152":{},"166":{},"178":{},"192":{},"208":{},"209":{},"225":{},"226":{},"240":{},"251":{},"252":{},"264":{},"280":{},"298":{},"299":{},"300":{},"301":{},"303":{},"305":{},"308":{},"311":{},"312":{},"317":{},"322":{},"330":{},"332":{},"337":{},"338":{},"341":{},"342":{},"343":{},"345":{},"346":{},"347":{},"348":{},"349":{},"350":{},"351":{},"352":{},"357":{},"361":{},"362":{},"363":{},"364":{},"367":{},"368":{},"369":{},"394":{},"419":{},"420":{},"421":{},"424":{},"453":{},"482":{},"486":{},"487":{},"535":{},"536":{},"547":{},"551":{},"556":{},"560":{},"564":{},"565":{},"566":{},"571":{},"574":{},"577":{},"578":{},"579":{},"580":{},"581":{},"586":{},"587":{},"588":{},"589":{},"590":{},"595":{},"596":{},"600":{},"601":{},"602":{},"604":{},"609":{},"664":{},"672":{},"676":{},"677":{},"762":{},"763":{},"766":{},"767":{},"775":{},"789":{},"798":{}}}],["types.actionlistener",{"_index":163,"name":{},"parent":{"304":{}}}],["types.actionoption",{"_index":166,"name":{},"parent":{"306":{},"307":{}}}],["types.anyfunction",{"_index":25,"name":{},"parent":{"25":{}}}],["types.baseactionoption",{"_index":161,"name":{},"parent":{"302":{}}}],["types.basecolumnoption",{"_index":55,"name":{},"parent":{"50":{}}}],["types.basestyleoption",{"_index":95,"name":{},"parent":{"90":{},"91":{},"92":{},"93":{},"94":{},"95":{}}}],["types.branchgraphcolumnoption",{"_index":78,"name":{},"parent":{"73":{},"74":{},"75":{}}}],["types.branchgraphstyleoption",{"_index":144,"name":{},"parent":{"253":{},"254":{},"255":{},"256":{},"257":{},"258":{},"259":{},"260":{},"261":{},"262":{},"263":{}}}],["types.buttoncolumnoption",{"_index":61,"name":{},"parent":{"55":{},"56":{}}}],["types.buttonstyleoption",{"_index":117,"name":{},"parent":{"153":{},"154":{},"155":{},"156":{},"157":{},"158":{},"159":{},"160":{},"161":{},"162":{},"163":{},"164":{},"165":{}}}],["types.celladdress",{"_index":37,"name":{},"parent":{"35":{},"36":{}}}],["types.cellcontext",{"_index":466,"name":{},"parent":{"790":{},"791":{},"792":{},"793":{},"794":{},"795":{},"796":{},"797":{}}}],["types.cellrange",{"_index":41,"name":{},"parent":{"38":{},"39":{}}}],["types.checkheaderstyleoption",{"_index":129,"name":{},"parent":{"193":{},"194":{},"195":{},"196":{},"197":{},"198":{},"199":{},"200":{},"201":{},"202":{},"203":{},"204":{},"205":{},"206":{},"207":{}}}],["types.checkstyleoption",{"_index":120,"name":{},"parent":{"167":{},"168":{},"169":{},"170":{},"171":{},"172":{},"173":{},"174":{},"175":{},"176":{},"177":{}}}],["types.columnactionapi",{"_index":446,"name":{},"parent":{"764":{},"765":{}}}],["types.columnmenuitemoption",{"_index":319,"name":{},"parent":{"567":{},"568":{},"569":{},"570":{}}}],["types.columnstyle",{"_index":86,"name":{},"parent":{"81":{},"82":{},"83":{},"84":{},"85":{},"86":{},"87":{},"88":{}}}],["types.datasourceapi",{"_index":408,"name":{},"parent":{"665":{},"666":{},"667":{},"668":{},"669":{},"670":{},"671":{}}}],["types.drawgridapi",{"_index":355,"name":{},"parent":{"610":{},"611":{},"612":{},"613":{},"614":{},"615":{},"616":{},"617":{},"618":{},"619":{},"620":{},"621":{},"622":{},"623":{},"624":{},"625":{},"626":{},"627":{},"628":{},"629":{},"630":{},"631":{},"632":{},"633":{},"634":{},"635":{},"636":{},"637":{},"638":{},"639":{},"640":{},"641":{},"642":{},"643":{},"644":{},"645":{},"646":{},"647":{},"648":{},"649":{},"650":{},"651":{},"652":{},"653":{},"654":{},"655":{},"656":{},"657":{},"658":{},"659":{},"660":{},"661":{},"662":{},"663":{}}}],["types.drawgrideventhandlerseventmap",{"_index":224,"name":{},"parent":{"370":{},"371":{},"372":{},"373":{},"374":{},"375":{},"376":{},"377":{},"378":{},"379":{},"380":{},"381":{},"382":{},"383":{},"384":{},"385":{},"386":{},"387":{},"388":{},"389":{},"390":{},"391":{},"392":{},"393":{}}}],["types.drawgrideventhandlersreturnmap",{"_index":249,"name":{},"parent":{"395":{},"396":{},"397":{},"398":{},"399":{},"400":{},"401":{},"402":{},"403":{},"404":{},"405":{},"406":{},"407":{},"408":{},"409":{},"410":{},"411":{},"412":{},"413":{},"414":{},"415":{},"416":{},"417":{},"418":{}}}],["types.drawgridkeyboardmovecellfunction",{"_index":347,"name":{},"parent":{"603":{}}}],["types.drawgridkeyboardoptions",{"_index":350,"name":{},"parent":{"605":{},"606":{},"607":{},"608":{}}}],["types.editoroption",{"_index":169,"name":{},"parent":{"309":{},"310":{}}}],["types.fieldassessor",{"_index":49,"name":{},"parent":{"45":{},"46":{}}}],["types.fieldgetter",{"_index":44,"name":{},"parent":{"41":{}}}],["types.fieldsetter",{"_index":46,"name":{},"parent":{"43":{}}}],["types.fonticon",{"_index":300,"name":{},"parent":{"537":{},"538":{},"539":{},"540":{},"541":{},"542":{},"543":{},"544":{},"545":{},"546":{}}}],["types.getradioeditorgroup",{"_index":183,"name":{},"parent":{"331":{}}}],["types.gridcanvashelperapi",{"_index":455,"name":{},"parent":{"776":{},"777":{},"778":{},"779":{},"780":{},"781":{},"782":{},"783":{},"784":{},"785":{},"786":{},"787":{},"788":{}}}],["types.headerstdstyleoption",{"_index":114,"name":{},"parent":{"136":{},"137":{},"138":{},"139":{},"140":{},"141":{},"142":{},"143":{},"144":{},"145":{},"146":{},"147":{},"148":{},"149":{},"150":{},"151":{}}}],["types.iconcolumnoption",{"_index":67,"name":{},"parent":{"61":{},"62":{},"63":{},"64":{},"65":{},"66":{}}}],["types.icondefine",{"_index":266,"name":{},"parent":{"483":{},"484":{},"485":{}}}],["types.imageicon",{"_index":306,"name":{},"parent":{"548":{},"549":{},"550":{}}}],["types.imagestyleoption",{"_index":139,"name":{},"parent":{"241":{},"242":{},"243":{},"244":{},"245":{},"246":{},"247":{},"248":{},"249":{},"250":{}}}],["types.indicatorobject",{"_index":336,"name":{},"parent":{"591":{}}}],["types.indicatorobject.__type",{"_index":338,"name":{},"parent":{"592":{},"593":{},"594":{}}}],["types.inlineapi",{"_index":449,"name":{},"parent":{"768":{},"769":{},"770":{},"771":{},"772":{},"773":{},"774":{}}}],["types.inlineinputeditoroption",{"_index":175,"name":{},"parent":{"318":{},"319":{},"320":{},"321":{}}}],["types.inlinemenueditoroption",{"_index":173,"name":{},"parent":{"313":{},"314":{},"315":{},"316":{}}}],["types.keyboardeventlistener",{"_index":195,"name":{},"parent":{"344":{}}}],["types.keydownevent",{"_index":204,"name":{},"parent":{"353":{}}}],["types.keydownevent.__type",{"_index":206,"name":{},"parent":{"354":{},"355":{},"356":{}}}],["types.listgridapi",{"_index":419,"name":{},"parent":{"678":{},"679":{},"680":{},"681":{},"682":{},"683":{},"684":{},"685":{},"686":{},"687":{},"688":{},"689":{},"690":{},"691":{},"692":{},"693":{},"694":{},"695":{},"696":{},"697":{},"698":{},"699":{},"700":{},"701":{},"702":{},"703":{},"704":{},"705":{},"706":{},"707":{},"708":{},"709":{},"710":{},"711":{},"712":{},"713":{},"714":{},"715":{},"716":{},"717":{},"718":{},"719":{},"720":{},"721":{},"722":{},"723":{},"724":{},"725":{},"726":{},"727":{},"728":{},"729":{},"730":{},"731":{},"732":{},"733":{},"734":{},"735":{},"736":{},"737":{},"738":{},"739":{},"740":{},"741":{},"742":{},"743":{},"744":{},"745":{},"746":{},"747":{},"748":{},"749":{},"750":{},"751":{},"752":{},"753":{},"754":{},"755":{},"756":{},"757":{},"758":{},"759":{},"760":{},"761":{}}}],["types.listgrideventhandlerseventmap",{"_index":258,"name":{},"parent":{"425":{},"426":{},"427":{},"428":{},"429":{},"430":{},"431":{},"432":{},"433":{},"434":{},"435":{},"436":{},"437":{},"438":{},"439":{},"440":{},"441":{},"442":{},"443":{},"444":{},"445":{},"446":{},"447":{},"448":{},"449":{},"450":{},"451":{},"452":{}}}],["types.listgrideventhandlersreturnmap",{"_index":263,"name":{},"parent":{"454":{},"455":{},"456":{},"457":{},"458":{},"459":{},"460":{},"461":{},"462":{},"463":{},"464":{},"465":{},"466":{},"467":{},"468":{},"469":{},"470":{},"471":{},"472":{},"473":{},"474":{},"475":{},"476":{},"477":{},"478":{},"479":{},"480":{},"481":{}}}],["types.menucolumnoption",{"_index":64,"name":{},"parent":{"58":{},"59":{}}}],["types.menustyleoption",{"_index":136,"name":{},"parent":{"227":{},"228":{},"229":{},"230":{},"231":{},"232":{},"233":{},"234":{},"235":{},"236":{},"237":{},"238":{},"239":{}}}],["types.messageobject",{"_index":342,"name":{},"parent":{"597":{},"598":{},"599":{}}}],["types.multilinetextstyleoption",{"_index":132,"name":{},"parent":{"210":{},"211":{},"212":{},"213":{},"214":{},"215":{},"216":{},"217":{},"218":{},"219":{},"220":{},"221":{},"222":{},"223":{},"224":{}}}],["types.namedicon",{"_index":314,"name":{},"parent":{"561":{},"562":{},"563":{}}}],["types.numbercolumnoption",{"_index":58,"name":{},"parent":{"52":{},"53":{}}}],["types.oldsimplecolumnmenuitemoption",{"_index":325,"name":{},"parent":{"575":{},"576":{}}}],["types.pasterangeboxvalues",{"_index":211,"name":{},"parent":{"358":{},"359":{},"360":{}}}],["types.pasterejectedvaluesevent",{"_index":253,"name":{},"parent":{"422":{}}}],["types.pasterejectedvaluesevent.__type",{"_index":255,"name":{},"parent":{"423":{}}}],["types.pathicon",{"_index":309,"name":{},"parent":{"552":{},"553":{},"554":{},"555":{}}}],["types.percentcompletebarcolumnoption",{"_index":74,"name":{},"parent":{"68":{},"69":{},"70":{},"71":{}}}],["types.percentcompletebarstyleoption",{"_index":150,"name":{},"parent":{"265":{},"266":{},"267":{},"268":{},"269":{},"270":{},"271":{},"272":{},"273":{},"274":{},"275":{},"276":{},"277":{},"278":{},"279":{}}}],["types.radioeditoroption",{"_index":186,"name":{},"parent":{"333":{},"334":{},"335":{},"336":{}}}],["types.radiostyleoption",{"_index":125,"name":{},"parent":{"179":{},"180":{},"181":{},"182":{},"183":{},"184":{},"185":{},"186":{},"187":{},"188":{},"189":{},"190":{},"191":{}}}],["types.rectprops",{"_index":28,"name":{},"parent":{"27":{},"28":{},"29":{},"30":{},"31":{},"32":{}}}],["types.scrollevent",{"_index":218,"name":{},"parent":{"365":{}}}],["types.scrollevent.__type",{"_index":219,"name":{},"parent":{"366":{}}}],["types.selection",{"_index":474,"name":{},"parent":{"799":{},"800":{}}}],["types.simplecolumnmenuitemoption",{"_index":323,"name":{},"parent":{"572":{},"573":{}}}],["types.smalldialoginputeditoroption",{"_index":178,"name":{},"parent":{"323":{},"324":{},"325":{},"326":{},"327":{},"328":{},"329":{}}}],["types.sortheaderactionoption",{"_index":191,"name":{},"parent":{"339":{},"340":{}}}],["types.sortheaderstyleoption",{"_index":155,"name":{},"parent":{"281":{},"282":{},"283":{},"284":{},"285":{},"286":{},"287":{},"288":{},"289":{},"290":{},"291":{},"292":{},"293":{},"294":{},"295":{},"296":{},"297":{}}}],["types.sortstate",{"_index":414,"name":{},"parent":{"673":{},"674":{},"675":{}}}],["types.stdbasestyleoption",{"_index":98,"name":{},"parent":{"97":{},"98":{},"99":{},"100":{},"101":{},"102":{},"103":{},"104":{}}}],["types.stdmultilinetextbasestyleoption",{"_index":108,"name":{},"parent":{"119":{},"120":{},"121":{},"122":{},"123":{},"124":{},"125":{},"126":{},"127":{},"128":{},"129":{},"130":{},"131":{},"132":{},"133":{}}}],["types.stdtextbasestyleoption",{"_index":102,"name":{},"parent":{"106":{},"107":{},"108":{},"109":{},"110":{},"111":{},"112":{},"113":{},"114":{},"115":{},"116":{},"117":{}}}],["types.stylepropertyfunctionarg",{"_index":328,"name":{},"parent":{"582":{},"583":{},"584":{},"585":{}}}],["types.svgicon",{"_index":312,"name":{},"parent":{"557":{},"558":{},"559":{}}}],["types.themedefine",{"_index":269,"name":{},"parent":{"488":{},"489":{},"490":{},"491":{},"492":{},"493":{},"494":{},"495":{},"496":{},"497":{},"498":{},"499":{},"500":{},"504":{},"505":{},"511":{},"512":{},"515":{},"516":{},"518":{},"519":{},"525":{},"526":{}}}],["types.themedefine.__type",{"_index":279,"name":{},"parent":{"501":{},"502":{},"503":{},"506":{},"507":{},"508":{},"509":{},"510":{},"513":{},"514":{},"517":{},"520":{},"521":{},"522":{},"523":{},"524":{},"527":{},"528":{},"529":{},"530":{},"531":{},"532":{},"533":{},"534":{}}}],["uncheckbgcolor",{"_index":119,"name":{"167":{},"182":{},"193":{},"501":{},"509":{}},"parent":{}}],["uncheckbordercolor",{"_index":126,"name":{"180":{},"507":{}},"parent":{}}],["underlaybackgroundcolor",{"_index":270,"name":{"489":{},"617":{},"716":{},"817":{},"881":{},"977":{}},"parent":{}}],["unlisten",{"_index":480,"name":{"860":{},"958":{},"1041":{},"1062":{},"1083":{}},"parent":{}}],["updatescroll",{"_index":376,"name":{"634":{},"732":{},"822":{},"922":{}},"parent":{}}],["updatesize",{"_index":375,"name":{"633":{},"731":{},"821":{},"921":{}},"parent":{}}],["validator",{"_index":181,"name":{"327":{}},"parent":{}}],["value",{"_index":318,"name":{"567":{},"572":{},"575":{}},"parent":{}}],["visibility",{"_index":87,"name":{"82":{},"91":{},"100":{},"113":{},"129":{},"147":{},"161":{},"173":{},"187":{},"203":{},"220":{},"235":{},"246":{},"259":{},"275":{},"293":{},"578":{}},"parent":{}}],["visiblecolcount",{"_index":365,"name":{"623":{},"722":{},"847":{},"947":{}},"parent":{}}],["visiblerowcount",{"_index":364,"name":{"622":{},"721":{},"846":{},"946":{}},"parent":{}}],["warnbgcolor",{"_index":286,"name":{"522":{}},"parent":{}}],["width",{"_index":32,"name":{"31":{},"484":{},"542":{},"549":{},"553":{},"558":{},"562":{},"768":{},"991":{},"1002":{},"1014":{}},"parent":{}}]],"pipeline":[]}} \ No newline at end of file diff --git a/documents/tsdoc/assets/style.css b/documents/tsdoc/assets/style.css new file mode 100644 index 000000000..28f90b673 --- /dev/null +++ b/documents/tsdoc/assets/style.css @@ -0,0 +1,1388 @@ +@import url("./icons.css"); + +:root { + /* Light */ + --light-color-background: #fcfcfc; + --light-color-secondary-background: #fff; + --light-color-text: #222; + --light-color-text-aside: #707070; + --light-color-link: #4da6ff; + --light-color-menu-divider: #eee; + --light-color-menu-divider-focus: #000; + --light-color-menu-label: #707070; + --light-color-panel: var(--light-color-secondary-background); + --light-color-panel-divider: #eee; + --light-color-comment-tag: #707070; + --light-color-comment-tag-text: #fff; + --light-color-ts: #9600ff; + --light-color-ts-interface: #647f1b; + --light-color-ts-enum: #937210; + --light-color-ts-class: #0672de; + --light-color-ts-private: #707070; + --light-color-toolbar: #fff; + --light-color-toolbar-text: #333; + --light-icon-filter: invert(0); + --light-external-icon: url("data:image/svg+xml;utf8,"); + + /* Dark */ + --dark-color-background: #36393f; + --dark-color-secondary-background: #2f3136; + --dark-color-text: #ffffff; + --dark-color-text-aside: #e6e4e4; + --dark-color-link: #00aff4; + --dark-color-menu-divider: #eee; + --dark-color-menu-divider-focus: #000; + --dark-color-menu-label: #707070; + --dark-color-panel: var(--dark-color-secondary-background); + --dark-color-panel-divider: #818181; + --dark-color-comment-tag: #dcddde; + --dark-color-comment-tag-text: #2f3136; + --dark-color-ts: #c97dff; + --dark-color-ts-interface: #9cbe3c; + --dark-color-ts-enum: #d6ab29; + --dark-color-ts-class: #3695f3; + --dark-color-ts-private: #e2e2e2; + --dark-color-toolbar: #34373c; + --dark-color-toolbar-text: #ffffff; + --dark-icon-filter: invert(1); + --dark-external-icon: url("data:image/svg+xml;utf8,"); +} + +@media (prefers-color-scheme: light) { + :root { + --color-background: var(--light-color-background); + --color-secondary-background: var(--light-color-secondary-background); + --color-text: var(--light-color-text); + --color-text-aside: var(--light-color-text-aside); + --color-link: var(--light-color-link); + --color-menu-divider: var(--light-color-menu-divider); + --color-menu-divider-focus: var(--light-color-menu-divider-focus); + --color-menu-label: var(--light-color-menu-label); + --color-panel: var(--light-color-panel); + --color-panel-divider: var(--light-color-panel-divider); + --color-comment-tag: var(--light-color-comment-tag); + --color-comment-tag-text: var(--light-color-comment-tag-text); + --color-ts: var(--light-color-ts); + --color-ts-interface: var(--light-color-ts-interface); + --color-ts-enum: var(--light-color-ts-enum); + --color-ts-class: var(--light-color-ts-class); + --color-ts-private: var(--light-color-ts-private); + --color-toolbar: var(--light-color-toolbar); + --color-toolbar-text: var(--light-color-toolbar-text); + --icon-filter: var(--light-icon-filter); + --external-icon: var(--light-external-icon); + } +} + +@media (prefers-color-scheme: dark) { + :root { + --color-background: var(--dark-color-background); + --color-secondary-background: var(--dark-color-secondary-background); + --color-text: var(--dark-color-text); + --color-text-aside: var(--dark-color-text-aside); + --color-link: var(--dark-color-link); + --color-menu-divider: var(--dark-color-menu-divider); + --color-menu-divider-focus: var(--dark-color-menu-divider-focus); + --color-menu-label: var(--dark-color-menu-label); + --color-panel: var(--dark-color-panel); + --color-panel-divider: var(--dark-color-panel-divider); + --color-comment-tag: var(--dark-color-comment-tag); + --color-comment-tag-text: var(--dark-color-comment-tag-text); + --color-ts: var(--dark-color-ts); + --color-ts-interface: var(--dark-color-ts-interface); + --color-ts-enum: var(--dark-color-ts-enum); + --color-ts-class: var(--dark-color-ts-class); + --color-ts-private: var(--dark-color-ts-private); + --color-toolbar: var(--dark-color-toolbar); + --color-toolbar-text: var(--dark-color-toolbar-text); + --icon-filter: var(--dark-icon-filter); + --external-icon: var(--dark-external-icon); + } +} + +body { + margin: 0; +} + +body.light { + --color-background: var(--light-color-background); + --color-secondary-background: var(--light-color-secondary-background); + --color-text: var(--light-color-text); + --color-text-aside: var(--light-color-text-aside); + --color-link: var(--light-color-link); + --color-menu-divider: var(--light-color-menu-divider); + --color-menu-divider-focus: var(--light-color-menu-divider-focus); + --color-menu-label: var(--light-color-menu-label); + --color-panel: var(--light-color-panel); + --color-panel-divider: var(--light-color-panel-divider); + --color-comment-tag: var(--light-color-comment-tag); + --color-comment-tag-text: var(--light-color-comment-tag-text); + --color-ts: var(--light-color-ts); + --color-ts-interface: var(--light-color-ts-interface); + --color-ts-enum: var(--light-color-ts-enum); + --color-ts-class: var(--light-color-ts-class); + --color-ts-private: var(--light-color-ts-private); + --color-toolbar: var(--light-color-toolbar); + --color-toolbar-text: var(--light-color-toolbar-text); + --icon-filter: var(--light-icon-filter); + --external-icon: var(--light-external-icon); +} + +body.dark { + --color-background: var(--dark-color-background); + --color-secondary-background: var(--dark-color-secondary-background); + --color-text: var(--dark-color-text); + --color-text-aside: var(--dark-color-text-aside); + --color-link: var(--dark-color-link); + --color-menu-divider: var(--dark-color-menu-divider); + --color-menu-divider-focus: var(--dark-color-menu-divider-focus); + --color-menu-label: var(--dark-color-menu-label); + --color-panel: var(--dark-color-panel); + --color-panel-divider: var(--dark-color-panel-divider); + --color-comment-tag: var(--dark-color-comment-tag); + --color-comment-tag-text: var(--dark-color-comment-tag-text); + --color-ts: var(--dark-color-ts); + --color-ts-interface: var(--dark-color-ts-interface); + --color-ts-enum: var(--dark-color-ts-enum); + --color-ts-class: var(--dark-color-ts-class); + --color-ts-private: var(--dark-color-ts-private); + --color-toolbar: var(--dark-color-toolbar); + --color-toolbar-text: var(--dark-color-toolbar-text); + --icon-filter: var(--dark-icon-filter); + --external-icon: var(--dark-external-icon); +} + +h1 { + font-size: 2em; + margin: 0.67em 0; +} + +h2 { + font-size: 1.5em; + margin: 0.83em 0; +} + +h3 { + font-size: 1.17em; + margin: 1em 0; +} + +h4, +.tsd-index-panel h3 { + font-size: 1em; + margin: 1.33em 0; +} + +h5 { + font-size: 0.83em; + margin: 1.67em 0; +} + +h6 { + font-size: 0.67em; + margin: 2.33em 0; +} + +pre { + white-space: pre; + white-space: pre-wrap; + word-wrap: break-word; +} + +dl, +menu, +ol, +ul { + margin: 1em 0; +} + +dd { + margin: 0 0 0 40px; +} + +.container { + max-width: 1200px; + margin: 0 auto; + padding: 0 40px; +} +@media (max-width: 640px) { + .container { + padding: 0 20px; + } +} + +.container-main { + padding-bottom: 200px; +} + +.row { + display: flex; + position: relative; + margin: 0 -10px; +} +.row:after { + visibility: hidden; + display: block; + content: ""; + clear: both; + height: 0; +} + +.col-4, +.col-8 { + box-sizing: border-box; + float: left; + padding: 0 10px; +} + +.col-4 { + width: 33.3333333333%; +} +.col-8 { + width: 66.6666666667%; +} + +ul.tsd-descriptions > li > :first-child, +.tsd-panel > :first-child, +.col-8 > :first-child, +.col-4 > :first-child, +ul.tsd-descriptions > li > :first-child > :first-child, +.tsd-panel > :first-child > :first-child, +.col-8 > :first-child > :first-child, +.col-4 > :first-child > :first-child, +ul.tsd-descriptions > li > :first-child > :first-child > :first-child, +.tsd-panel > :first-child > :first-child > :first-child, +.col-8 > :first-child > :first-child > :first-child, +.col-4 > :first-child > :first-child > :first-child { + margin-top: 0; +} +ul.tsd-descriptions > li > :last-child, +.tsd-panel > :last-child, +.col-8 > :last-child, +.col-4 > :last-child, +ul.tsd-descriptions > li > :last-child > :last-child, +.tsd-panel > :last-child > :last-child, +.col-8 > :last-child > :last-child, +.col-4 > :last-child > :last-child, +ul.tsd-descriptions > li > :last-child > :last-child > :last-child, +.tsd-panel > :last-child > :last-child > :last-child, +.col-8 > :last-child > :last-child > :last-child, +.col-4 > :last-child > :last-child > :last-child { + margin-bottom: 0; +} + +@keyframes fade-in { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@keyframes fade-out { + from { + opacity: 1; + visibility: visible; + } + to { + opacity: 0; + } +} +@keyframes fade-in-delayed { + 0% { + opacity: 0; + } + 33% { + opacity: 0; + } + 100% { + opacity: 1; + } +} +@keyframes fade-out-delayed { + 0% { + opacity: 1; + visibility: visible; + } + 66% { + opacity: 0; + } + 100% { + opacity: 0; + } +} +@keyframes shift-to-left { + from { + transform: translate(0, 0); + } + to { + transform: translate(-25%, 0); + } +} +@keyframes unshift-to-left { + from { + transform: translate(-25%, 0); + } + to { + transform: translate(0, 0); + } +} +@keyframes pop-in-from-right { + from { + transform: translate(100%, 0); + } + to { + transform: translate(0, 0); + } +} +@keyframes pop-out-to-right { + from { + transform: translate(0, 0); + visibility: visible; + } + to { + transform: translate(100%, 0); + } +} +body { + background: var(--color-background); + font-family: "Segoe UI", sans-serif; + font-size: 16px; + color: var(--color-text); +} + +a { + color: var(--color-link); + text-decoration: none; +} +a:hover { + text-decoration: underline; +} +a.external[target="_blank"] { + background-image: var(--external-icon); + background-position: top 3px right; + background-repeat: no-repeat; + padding-right: 13px; +} + +code, +pre { + font-family: Menlo, Monaco, Consolas, "Courier New", monospace; + padding: 0.2em; + margin: 0; + font-size: 14px; +} + +pre { + padding: 10px; +} +pre code { + padding: 0; + font-size: 100%; +} + +blockquote { + margin: 1em 0; + padding-left: 1em; + border-left: 4px solid gray; +} + +.tsd-typography { + line-height: 1.333em; +} +.tsd-typography ul { + list-style: square; + padding: 0 0 0 20px; + margin: 0; +} +.tsd-typography h4, +.tsd-typography .tsd-index-panel h3, +.tsd-index-panel .tsd-typography h3, +.tsd-typography h5, +.tsd-typography h6 { + font-size: 1em; + margin: 0; +} +.tsd-typography h5, +.tsd-typography h6 { + font-weight: normal; +} +.tsd-typography p, +.tsd-typography ul, +.tsd-typography ol { + margin: 1em 0; +} + +@media (min-width: 901px) and (max-width: 1024px) { + html .col-content { + width: 72%; + } + html .col-menu { + width: 28%; + } + html .tsd-navigation { + padding-left: 10px; + } +} +@media (max-width: 900px) { + html .col-content { + float: none; + width: 100%; + } + html .col-menu { + position: fixed !important; + overflow: auto; + -webkit-overflow-scrolling: touch; + z-index: 1024; + top: 0 !important; + bottom: 0 !important; + left: auto !important; + right: 0 !important; + width: 100%; + padding: 20px 20px 0 0; + max-width: 450px; + visibility: hidden; + background-color: var(--color-panel); + transform: translate(100%, 0); + } + html .col-menu > *:last-child { + padding-bottom: 20px; + } + html .overlay { + content: ""; + display: block; + position: fixed; + z-index: 1023; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: rgba(0, 0, 0, 0.75); + visibility: hidden; + } + + .to-has-menu .overlay { + animation: fade-in 0.4s; + } + + .to-has-menu :is(header, footer, .col-content) { + animation: shift-to-left 0.4s; + } + + .to-has-menu .col-menu { + animation: pop-in-from-right 0.4s; + } + + .from-has-menu .overlay { + animation: fade-out 0.4s; + } + + .from-has-menu :is(header, footer, .col-content) { + animation: unshift-to-left 0.4s; + } + + .from-has-menu .col-menu { + animation: pop-out-to-right 0.4s; + } + + .has-menu body { + overflow: hidden; + } + .has-menu .overlay { + visibility: visible; + } + .has-menu :is(header, footer, .col-content) { + transform: translate(-25%, 0); + } + .has-menu .col-menu { + visibility: visible; + transform: translate(0, 0); + display: grid; + grid-template-rows: auto 1fr; + max-height: 100vh; + } + .has-menu .tsd-navigation { + max-height: 100%; + } +} + +.tsd-page-title { + padding: 70px 0 20px 0; + margin: 0 0 40px 0; + background: var(--color-panel); + box-shadow: 0 0 5px rgba(0, 0, 0, 0.35); +} +.tsd-page-title h1 { + margin: 0; +} + +.tsd-breadcrumb { + margin: 0; + padding: 0; + color: var(--color-text-aside); +} +.tsd-breadcrumb a { + color: var(--color-text-aside); + text-decoration: none; +} +.tsd-breadcrumb a:hover { + text-decoration: underline; +} +.tsd-breadcrumb li { + display: inline; +} +.tsd-breadcrumb li:after { + content: " / "; +} + +dl.tsd-comment-tags { + overflow: hidden; +} +dl.tsd-comment-tags dt { + float: left; + padding: 1px 5px; + margin: 0 10px 0 0; + border-radius: 4px; + border: 1px solid var(--color-comment-tag); + color: var(--color-comment-tag); + font-size: 0.8em; + font-weight: normal; +} +dl.tsd-comment-tags dd { + margin: 0 0 10px 0; +} +dl.tsd-comment-tags dd:before, +dl.tsd-comment-tags dd:after { + display: table; + content: " "; +} +dl.tsd-comment-tags dd pre, +dl.tsd-comment-tags dd:after { + clear: both; +} +dl.tsd-comment-tags p { + margin: 0; +} + +.tsd-panel.tsd-comment .lead { + font-size: 1.1em; + line-height: 1.333em; + margin-bottom: 2em; +} +.tsd-panel.tsd-comment .lead:last-child { + margin-bottom: 0; +} + +.toggle-protected .tsd-is-private { + display: none; +} + +.toggle-public .tsd-is-private, +.toggle-public .tsd-is-protected, +.toggle-public .tsd-is-private-protected { + display: none; +} + +.toggle-inherited .tsd-is-inherited { + display: none; +} + +.toggle-externals .tsd-is-external { + display: none; +} + +#tsd-filter { + position: relative; + display: inline-block; + height: 40px; + vertical-align: bottom; +} +.no-filter #tsd-filter { + display: none; +} +#tsd-filter .tsd-filter-group { + display: inline-block; + height: 40px; + vertical-align: bottom; + white-space: nowrap; +} +#tsd-filter input { + display: none; +} +@media (max-width: 900px) { + #tsd-filter .tsd-filter-group { + display: block; + position: absolute; + top: 40px; + right: 20px; + height: auto; + background-color: var(--color-panel); + visibility: hidden; + transform: translate(50%, 0); + box-shadow: 0 0 4px rgba(0, 0, 0, 0.25); + } + .has-options #tsd-filter .tsd-filter-group { + visibility: visible; + } + .to-has-options #tsd-filter .tsd-filter-group { + animation: fade-in 0.2s; + } + .from-has-options #tsd-filter .tsd-filter-group { + animation: fade-out 0.2s; + } + #tsd-filter label, + #tsd-filter .tsd-select { + display: block; + padding-right: 20px; + } +} + +footer { + border-top: 1px solid var(--color-panel-divider); + background-color: var(--color-panel); +} +footer:after { + content: ""; + display: table; +} +footer.with-border-bottom { + border-bottom: 1px solid var(--color-panel-divider); +} +footer .tsd-legend-group { + font-size: 0; +} +footer .tsd-legend { + display: inline-block; + width: 25%; + padding: 0; + font-size: 16px; + list-style: none; + line-height: 1.333em; + vertical-align: top; +} +@media (max-width: 900px) { + footer .tsd-legend { + width: 50%; + } +} + +.tsd-hierarchy { + list-style: square; + padding: 0 0 0 20px; + margin: 0; +} +.tsd-hierarchy .target { + font-weight: bold; +} + +.tsd-index-panel .tsd-index-content { + margin-bottom: -30px !important; +} +.tsd-index-panel .tsd-index-section { + margin-bottom: 30px !important; +} +.tsd-index-panel h3 { + margin: 0 -20px 10px -20px; + padding: 0 20px 10px 20px; + border-bottom: 1px solid var(--color-panel-divider); +} +.tsd-index-panel ul.tsd-index-list { + -webkit-column-count: 3; + -moz-column-count: 3; + -ms-column-count: 3; + -o-column-count: 3; + column-count: 3; + -webkit-column-gap: 20px; + -moz-column-gap: 20px; + -ms-column-gap: 20px; + -o-column-gap: 20px; + column-gap: 20px; + padding: 0; + list-style: none; + line-height: 1.333em; +} +@media (max-width: 900px) { + .tsd-index-panel ul.tsd-index-list { + -webkit-column-count: 1; + -moz-column-count: 1; + -ms-column-count: 1; + -o-column-count: 1; + column-count: 1; + } +} +@media (min-width: 901px) and (max-width: 1024px) { + .tsd-index-panel ul.tsd-index-list { + -webkit-column-count: 2; + -moz-column-count: 2; + -ms-column-count: 2; + -o-column-count: 2; + column-count: 2; + } +} +.tsd-index-panel ul.tsd-index-list li { + -webkit-page-break-inside: avoid; + -moz-page-break-inside: avoid; + -ms-page-break-inside: avoid; + -o-page-break-inside: avoid; + page-break-inside: avoid; +} +.tsd-index-panel a, +.tsd-index-panel .tsd-parent-kind-module a { + color: var(--color-ts); +} +.tsd-index-panel .tsd-parent-kind-interface a { + color: var(--color-ts-interface); +} +.tsd-index-panel .tsd-parent-kind-enum a { + color: var(--color-ts-enum); +} +.tsd-index-panel .tsd-parent-kind-class a { + color: var(--color-ts-class); +} +.tsd-index-panel .tsd-kind-module a { + color: var(--color-ts); +} +.tsd-index-panel .tsd-kind-interface a { + color: var(--color-ts-interface); +} +.tsd-index-panel .tsd-kind-enum a { + color: var(--color-ts-enum); +} +.tsd-index-panel .tsd-kind-class a { + color: var(--color-ts-class); +} +.tsd-index-panel .tsd-is-private a { + color: var(--color-ts-private); +} + +.tsd-flag { + display: inline-block; + padding: 1px 5px; + border-radius: 4px; + color: var(--color-comment-tag-text); + background-color: var(--color-comment-tag); + text-indent: 0; + font-size: 14px; + font-weight: normal; +} + +.tsd-anchor { + position: absolute; + top: -100px; +} + +.tsd-member { + position: relative; +} +.tsd-member .tsd-anchor + h3 { + margin-top: 0; + margin-bottom: 0; + border-bottom: none; +} +.tsd-member [data-tsd-kind] { + color: var(--color-ts); +} +.tsd-member [data-tsd-kind="Interface"] { + color: var(--color-ts-interface); +} +.tsd-member [data-tsd-kind="Enum"] { + color: var(--color-ts-enum); +} +.tsd-member [data-tsd-kind="Class"] { + color: var(--color-ts-class); +} +.tsd-member [data-tsd-kind="Private"] { + color: var(--color-ts-private); +} + +.tsd-navigation { + margin: 0 0 0 40px; +} +.tsd-navigation a { + display: block; + padding-top: 2px; + padding-bottom: 2px; + border-left: 2px solid transparent; + color: var(--color-text); + text-decoration: none; + transition: border-left-color 0.1s; +} +.tsd-navigation a:hover { + text-decoration: underline; +} +.tsd-navigation ul { + margin: 0; + padding: 0; + list-style: none; +} +.tsd-navigation li { + padding: 0; +} + +.tsd-navigation.primary { + padding-bottom: 40px; +} +.tsd-navigation.primary a { + display: block; + padding-top: 6px; + padding-bottom: 6px; +} +.tsd-navigation.primary ul li a { + padding-left: 5px; +} +.tsd-navigation.primary ul li li a { + padding-left: 25px; +} +.tsd-navigation.primary ul li li li a { + padding-left: 45px; +} +.tsd-navigation.primary ul li li li li a { + padding-left: 65px; +} +.tsd-navigation.primary ul li li li li li a { + padding-left: 85px; +} +.tsd-navigation.primary ul li li li li li li a { + padding-left: 105px; +} +.tsd-navigation.primary > ul { + border-bottom: 1px solid var(--color-panel-divider); +} +.tsd-navigation.primary li { + border-top: 1px solid var(--color-panel-divider); +} +.tsd-navigation.primary li.current > a { + font-weight: bold; +} +.tsd-navigation.primary li.label span { + display: block; + padding: 20px 0 6px 5px; + color: var(--color-menu-label); +} +.tsd-navigation.primary li.globals + li > span, +.tsd-navigation.primary li.globals + li > a { + padding-top: 20px; +} + +.tsd-navigation.secondary { + max-height: calc(100vh - 1rem - 40px); + overflow: auto; + position: sticky; + top: calc(0.5rem + 40px); + transition: 0.3s; +} +.tsd-navigation.secondary.tsd-navigation--toolbar-hide { + max-height: calc(100vh - 1rem); + top: 0.5rem; +} +.tsd-navigation.secondary ul { + transition: opacity 0.2s; +} +.tsd-navigation.secondary ul li a { + padding-left: 25px; +} +.tsd-navigation.secondary ul li li a { + padding-left: 45px; +} +.tsd-navigation.secondary ul li li li a { + padding-left: 65px; +} +.tsd-navigation.secondary ul li li li li a { + padding-left: 85px; +} +.tsd-navigation.secondary ul li li li li li a { + padding-left: 105px; +} +.tsd-navigation.secondary ul li li li li li li a { + padding-left: 125px; +} +.tsd-navigation.secondary ul.current a { + border-left-color: var(--color-panel-divider); +} +.tsd-navigation.secondary li.focus > a, +.tsd-navigation.secondary ul.current li.focus > a { + border-left-color: var(--color-menu-divider-focus); +} +.tsd-navigation.secondary li.current { + margin-top: 20px; + margin-bottom: 20px; + border-left-color: var(--color-panel-divider); +} +.tsd-navigation.secondary li.current > a { + font-weight: bold; +} + +@media (min-width: 901px) { + .menu-sticky-wrap { + position: static; + } +} + +.tsd-panel { + margin: 20px 0; + padding: 20px; + background-color: var(--color-panel); + box-shadow: 0 0 4px rgba(0, 0, 0, 0.25); +} +.tsd-panel:empty { + display: none; +} +.tsd-panel > h1, +.tsd-panel > h2, +.tsd-panel > h3 { + margin: 1.5em -20px 10px -20px; + padding: 0 20px 10px 20px; + border-bottom: 1px solid var(--color-panel-divider); +} +.tsd-panel > h1.tsd-before-signature, +.tsd-panel > h2.tsd-before-signature, +.tsd-panel > h3.tsd-before-signature { + margin-bottom: 0; + border-bottom: 0; +} +.tsd-panel table { + display: block; + width: 100%; + overflow: auto; + margin-top: 10px; + word-break: normal; + word-break: keep-all; + border-collapse: collapse; +} +.tsd-panel table th { + font-weight: bold; +} +.tsd-panel table th, +.tsd-panel table td { + padding: 6px 13px; + border: 1px solid var(--color-panel-divider); +} +.tsd-panel table tr { + background: var(--color-background); +} +.tsd-panel table tr:nth-child(even) { + background: var(--color-secondary-background); +} + +.tsd-panel-group { + margin: 60px 0; +} +.tsd-panel-group > h1, +.tsd-panel-group > h2, +.tsd-panel-group > h3 { + padding-left: 20px; + padding-right: 20px; +} + +#tsd-search { + transition: background-color 0.2s; +} +#tsd-search .title { + position: relative; + z-index: 2; +} +#tsd-search .field { + position: absolute; + left: 0; + top: 0; + right: 40px; + height: 40px; +} +#tsd-search .field input { + box-sizing: border-box; + position: relative; + top: -50px; + z-index: 1; + width: 100%; + padding: 0 10px; + opacity: 0; + outline: 0; + border: 0; + background: transparent; + color: var(--color-text); +} +#tsd-search .field label { + position: absolute; + overflow: hidden; + right: -40px; +} +#tsd-search .field input, +#tsd-search .title { + transition: opacity 0.2s; +} +#tsd-search .results { + position: absolute; + visibility: hidden; + top: 40px; + width: 100%; + margin: 0; + padding: 0; + list-style: none; + box-shadow: 0 0 4px rgba(0, 0, 0, 0.25); +} +#tsd-search .results li { + padding: 0 10px; + background-color: var(--color-background); +} +#tsd-search .results li:nth-child(even) { + background-color: var(--color-panel); +} +#tsd-search .results li.state { + display: none; +} +#tsd-search .results li.current, +#tsd-search .results li:hover { + background-color: var(--color-panel-divider); +} +#tsd-search .results a { + display: block; +} +#tsd-search .results a:before { + top: 10px; +} +#tsd-search .results span.parent { + color: var(--color-text-aside); + font-weight: normal; +} +#tsd-search.has-focus { + background-color: var(--color-panel-divider); +} +#tsd-search.has-focus .field input { + top: 0; + opacity: 1; +} +#tsd-search.has-focus .title { + z-index: 0; + opacity: 0; +} +#tsd-search.has-focus .results { + visibility: visible; +} +#tsd-search.loading .results li.state.loading { + display: block; +} +#tsd-search.failure .results li.state.failure { + display: block; +} + +.tsd-signature { + margin: 0 0 1em 0; + padding: 10px; + border: 1px solid var(--color-panel-divider); + font-family: Menlo, Monaco, Consolas, "Courier New", monospace; + font-size: 14px; + overflow-x: auto; +} +.tsd-signature.tsd-kind-icon { + padding-left: 30px; +} +.tsd-signature.tsd-kind-icon:before { + top: 10px; + left: 10px; +} +.tsd-panel > .tsd-signature { + margin-left: -20px; + margin-right: -20px; + border-width: 1px 0; +} +.tsd-panel > .tsd-signature.tsd-kind-icon { + padding-left: 40px; +} +.tsd-panel > .tsd-signature.tsd-kind-icon:before { + left: 20px; +} + +.tsd-signature-symbol { + color: var(--color-text-aside); + font-weight: normal; +} + +.tsd-signature-type { + font-style: italic; + font-weight: normal; +} + +.tsd-signatures { + padding: 0; + margin: 0 0 1em 0; + border: 1px solid var(--color-panel-divider); +} +.tsd-signatures .tsd-signature { + margin: 0; + border-width: 1px 0 0 0; + transition: background-color 0.1s; +} +.tsd-signatures .tsd-signature:first-child { + border-top-width: 0; +} +.tsd-signatures .tsd-signature.current { + background-color: var(--color-panel-divider); +} +.tsd-signatures.active > .tsd-signature { + cursor: pointer; +} +.tsd-panel > .tsd-signatures { + margin-left: -20px; + margin-right: -20px; + border-width: 1px 0; +} +.tsd-panel > .tsd-signatures .tsd-signature.tsd-kind-icon { + padding-left: 40px; +} +.tsd-panel > .tsd-signatures .tsd-signature.tsd-kind-icon:before { + left: 20px; +} +.tsd-panel > a.anchor + .tsd-signatures { + border-top-width: 0; + margin-top: -20px; +} + +ul.tsd-descriptions { + position: relative; + overflow: hidden; + padding: 0; + list-style: none; +} +ul.tsd-descriptions.active > .tsd-description { + display: none; +} +ul.tsd-descriptions.active > .tsd-description.current { + display: block; +} +ul.tsd-descriptions.active > .tsd-description.fade-in { + animation: fade-in-delayed 0.3s; +} +ul.tsd-descriptions.active > .tsd-description.fade-out { + animation: fade-out-delayed 0.3s; + position: absolute; + display: block; + top: 0; + left: 0; + right: 0; + opacity: 0; + visibility: hidden; +} +ul.tsd-descriptions h4, +ul.tsd-descriptions .tsd-index-panel h3, +.tsd-index-panel ul.tsd-descriptions h3 { + font-size: 16px; + margin: 1em 0 0.5em 0; +} + +ul.tsd-parameters, +ul.tsd-type-parameters { + list-style: square; + margin: 0; + padding-left: 20px; +} +ul.tsd-parameters > li.tsd-parameter-signature, +ul.tsd-type-parameters > li.tsd-parameter-signature { + list-style: none; + margin-left: -20px; +} +ul.tsd-parameters h5, +ul.tsd-type-parameters h5 { + font-size: 16px; + margin: 1em 0 0.5em 0; +} +ul.tsd-parameters .tsd-comment, +ul.tsd-type-parameters .tsd-comment { + margin-top: -0.5em; +} + +.tsd-sources { + font-size: 14px; + color: var(--color-text-aside); + margin: 0 0 1em 0; +} +.tsd-sources a { + color: var(--color-text-aside); + text-decoration: underline; +} +.tsd-sources ul, +.tsd-sources p { + margin: 0 !important; +} +.tsd-sources ul { + list-style: none; + padding: 0; +} + +.tsd-page-toolbar { + position: fixed; + z-index: 1; + top: 0; + left: 0; + width: 100%; + height: 40px; + color: var(--color-toolbar-text); + background: var(--color-toolbar); + border-bottom: 1px solid var(--color-panel-divider); + transition: transform 0.3s linear; +} +.tsd-page-toolbar a { + color: var(--color-toolbar-text); + text-decoration: none; +} +.tsd-page-toolbar a.title { + font-weight: bold; +} +.tsd-page-toolbar a.title:hover { + text-decoration: underline; +} +.tsd-page-toolbar .table-wrap { + display: table; + width: 100%; + height: 40px; +} +.tsd-page-toolbar .table-cell { + display: table-cell; + position: relative; + white-space: nowrap; + line-height: 40px; +} +.tsd-page-toolbar .table-cell:first-child { + width: 100%; +} + +.tsd-page-toolbar--hide { + transform: translateY(-100%); +} + +.tsd-select .tsd-select-list li:before, +.tsd-select .tsd-select-label:before, +.tsd-widget:before { + content: ""; + display: inline-block; + width: 40px; + height: 40px; + margin: 0 -8px 0 0; + background-image: url(./widgets.png); + background-repeat: no-repeat; + text-indent: -1024px; + vertical-align: bottom; + filter: var(--icon-filter); +} +@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { + .tsd-select .tsd-select-list li:before, + .tsd-select .tsd-select-label:before, + .tsd-widget:before { + background-image: url(./widgets@2x.png); + background-size: 320px 40px; + } +} + +.tsd-widget { + display: inline-block; + overflow: hidden; + opacity: 0.8; + height: 40px; + transition: opacity 0.1s, background-color 0.2s; + vertical-align: bottom; + cursor: pointer; +} +.tsd-widget:hover { + opacity: 0.9; +} +.tsd-widget.active { + opacity: 1; + background-color: var(--color-panel-divider); +} +.tsd-widget.no-caption { + width: 40px; +} +.tsd-widget.no-caption:before { + margin: 0; +} +.tsd-widget.search:before { + background-position: 0 0; +} +.tsd-widget.menu:before { + background-position: -40px 0; +} +.tsd-widget.options:before { + background-position: -80px 0; +} +.tsd-widget.options, +.tsd-widget.menu { + display: none; +} +@media (max-width: 900px) { + .tsd-widget.options, + .tsd-widget.menu { + display: inline-block; + } +} +input[type="checkbox"] + .tsd-widget:before { + background-position: -120px 0; +} +input[type="checkbox"]:checked + .tsd-widget:before { + background-position: -160px 0; +} + +.tsd-select { + position: relative; + display: inline-block; + height: 40px; + transition: opacity 0.1s, background-color 0.2s; + vertical-align: bottom; + cursor: pointer; +} +.tsd-select .tsd-select-label { + opacity: 0.6; + transition: opacity 0.2s; +} +.tsd-select .tsd-select-label:before { + background-position: -240px 0; +} +.tsd-select.active .tsd-select-label { + opacity: 0.8; +} +.tsd-select.active .tsd-select-list { + visibility: visible; + opacity: 1; + transition-delay: 0s; +} +.tsd-select .tsd-select-list { + position: absolute; + visibility: hidden; + top: 40px; + left: 0; + margin: 0; + padding: 0; + opacity: 0; + list-style: none; + box-shadow: 0 0 4px rgba(0, 0, 0, 0.25); + transition: visibility 0s 0.2s, opacity 0.2s; +} +.tsd-select .tsd-select-list li { + padding: 0 20px 0 0; + background-color: var(--color-background); +} +.tsd-select .tsd-select-list li:before { + background-position: 40px 0; +} +.tsd-select .tsd-select-list li:nth-child(even) { + background-color: var(--color-panel); +} +.tsd-select .tsd-select-list li:hover { + background-color: var(--color-panel-divider); +} +.tsd-select .tsd-select-list li.selected:before { + background-position: -200px 0; +} +@media (max-width: 900px) { + .tsd-select .tsd-select-list { + top: 0; + left: auto; + right: 100%; + margin-right: -5px; + } + .tsd-select .tsd-select-label:before { + background-position: -280px 0; + } +} + +img { + max-width: 100%; +} diff --git a/documents/tsdoc/assets/widgets.png b/documents/tsdoc/assets/widgets.png new file mode 100644 index 000000000..c7380532a Binary files /dev/null and b/documents/tsdoc/assets/widgets.png differ diff --git a/documents/tsdoc/assets/widgets@2x.png b/documents/tsdoc/assets/widgets@2x.png new file mode 100644 index 000000000..4bbbd5727 Binary files /dev/null and b/documents/tsdoc/assets/widgets@2x.png differ diff --git a/documents/tsdoc/classes/ListGrid.html b/documents/tsdoc/classes/ListGrid.html new file mode 100644 index 000000000..19aca49cb --- /dev/null +++ b/documents/tsdoc/classes/ListGrid.html @@ -0,0 +1,354 @@ +ListGrid | cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

Class ListGrid<T>

+

Cheetah Grid

+
namespace

cheetahGrid

+

Type parameters

  • T

Hierarchy

Implements

Index

Constructors

Properties

Accessors

Methods

Constructors

constructor

Properties

disabled

disabled: boolean = false

readOnly

readOnly: boolean = false

Accessors

allowRangePaste

  • get allowRangePaste(): boolean
  • set allowRangePaste(allowRangePaste: boolean): void

canvas

  • get canvas(): HTMLCanvasElement
  • +

    Get canvas element.

    +

    Returns HTMLCanvasElement

colCount

  • get colCount(): number
  • set colCount(colCount: number): void
  • +

    Get the number of columns.

    +

    Returns number

  • +

    Set the number of columns.

    +

    Parameters

    • colCount: number

    Returns void

dataSource

defaultColWidth

  • get defaultColWidth(): string | number
  • set defaultColWidth(defaultColWidth: string | number): void
  • +

    Get the default column width.

    +

    Returns string | number

  • +

    Set the default column width.

    +

    Parameters

    • defaultColWidth: string | number

    Returns void

defaultRowHeight

  • get defaultRowHeight(): number
  • set defaultRowHeight(defaultRowHeight: number): void
  • +

    Get the default row height.

    +

    Returns number

  • +

    Set the default row height.

    +

    Parameters

    • defaultRowHeight: number

    Returns void

font

  • get font(): string
  • set font(font: string): void
  • +

    Get the font definition as a string.

    +
    override

    Returns string

  • +

    Set the font definition with the given string.

    +
    override

    Parameters

    • font: string

    Returns void

frozenColCount

  • get frozenColCount(): number
  • set frozenColCount(frozenColCount: number): void
  • +

    Get the number of frozen columns.

    +

    Returns number

  • +

    Set the number of frozen columns.

    +

    Parameters

    • frozenColCount: number

    Returns void

frozenRowCount

  • get frozenRowCount(): number
  • set frozenRowCount(frozenRowCount: number): void
  • +

    Get the number of frozen rows.

    +

    Returns number

  • +

    Set the number of frozen rows.

    +

    Parameters

    • frozenRowCount: number

    Returns void

header

  • +

    Gets the define of the header.

    +

    Returns HeadersDefine<T>

  • +

    Sets the define of the header with the given data.

    +
    +column options
+-----
+caption: header caption
+field: field name
+width: column width
+minWidth: column min width
+maxWidth: column max width
+icon: icon definition
+message: message key name
+columnType: column type
+action: column action
+style: column style
+headerType: header type
+headerStyle: header style
+headerAction: header action
+headerField: header field name
+headerIcon: header icon definition
+sort: define sort setting
+-----
    + +

    multiline header

    +     +

    caption: header caption +columns: columns define

    +
    +

    +

    Parameters

    Returns void

headerRowHeight

  • get headerRowHeight(): number | number[]
  • set headerRowHeight(headerRowHeight: number | number[]): void
  • +

    Gets the define of the headerRowHeight.

    +

    Returns number | number[]

  • +

    Sets the define of the headerRowHeight with the given data.

    +

    Parameters

    • headerRowHeight: number | number[]

    Returns void

headerValues

keyboardOptions

layout

  • get layout(): LayoutDefine<T>
  • set layout(layout: LayoutDefine<T>): void
  • +

    Gets the define of the layout.

    +

    Returns LayoutDefine<T>

  • +

    Sets the define of the layout with the given data.

    +

    Parameters

    • layout: LayoutDefine<T>

    Returns void

leftCol

  • get leftCol(): number
  • +

    Get the index of the first column in the scrollable region that is visible.

    +

    Returns number

recordRowCount

  • get recordRowCount(): number

records

  • get records(): null | T[]
  • set records(records: null | T[]): void
  • +

    Get the records.

    +

    Returns null | T[]

  • +

    Set the records from given

    +

    Parameters

    • records: null | T[]

    Returns void

rowCount

  • get rowCount(): number
  • set rowCount(rowCount: number): void
  • +

    Get the number of rows.

    +

    Returns number

  • +

    Set the number of rows.

    +

    Parameters

    • rowCount: number

    Returns void

scrollLeft

  • get scrollLeft(): number
  • set scrollLeft(scrollLeft: number): void
  • +

    gets or sets the number of pixels that an element's content is scrolled from its left edge

    +

    Returns number

  • +

    gets or sets the number of pixels that an element's content is scrolled from its left edge

    +

    Parameters

    • scrollLeft: number

    Returns void

scrollTop

  • get scrollTop(): number
  • set scrollTop(scrollTop: number): void
  • +

    gets or sets the number of pixels that an element's content is scrolled vertically

    +

    Returns number

  • +

    gets or sets the number of pixels that an element's content is scrolled vertically

    +

    Parameters

    • scrollTop: number

    Returns void

selection

  • get selection(): Selection
  • +

    Get the selection instance.

    +

    Returns Selection

sortState

theme

  • get theme(): null | Theme
  • set theme(theme: null | Theme): void
  • +

    Get the theme.

    +

    Returns null | Theme

  • +

    Set the theme from given

    +

    Parameters

    • theme: null | Theme

    Returns void

topRow

  • get topRow(): number
  • +

    Get the index of the first row in the scrollable region that is visible.

    +

    Returns number

trimOnPaste

  • get trimOnPaste(): boolean
  • set trimOnPaste(trimOnPaste: boolean): void
  • +

    If set to true, trim the pasted text on pasting.

    +

    Returns boolean

  • +

    If set to true, trim the pasted text on pasting.

    +

    Parameters

    • trimOnPaste: boolean

    Returns void

underlayBackgroundColor

  • get underlayBackgroundColor(): string
  • set underlayBackgroundColor(underlayBackgroundColor: string): void
  • +

    Get the background color of the underlay.

    +
    override

    Returns string

  • +

    Set the background color of the underlay.

    +
    override

    Parameters

    • underlayBackgroundColor: string

    Returns void

visibleColCount

  • get visibleColCount(): number
  • +

    Get the number of scrollable columns fully visible in the grid. visibleColCount does not include the frozen columns counted by the frozenColCount property. It does not include any partially visible columns on the right of the grid.

    +

    Returns number

visibleRowCount

  • get visibleRowCount(): number
  • +

    Get the number of scrollable rows fully visible in the grid. visibleRowCount does not include the frozen rows counted by the frozenRowCount property. It does not include any partially visible rows on the bottom of the grid.

    +

    Returns number

Static EVENT_TYPE

  • get EVENT_TYPE(): ListGridEvents

  • Returns ListGridEvents

Methods

addDisposable

  • addDisposable(disposable: { dispose: any }): void

addEventListener

  • addEventListener(type: string, listener: AnyFunction): void

configure

  • configure(name: "fadeinWhenCallbackInPromise", value?: boolean): boolean

dispose

  • dispose(): void

doChangeValue

  • doChangeValue(col: number, row: number, changeValueCallback: (before: any) => any): MaybePromise<boolean>

  • Parameters

    • col: number
    • row: number
    • changeValueCallback: (before: any) => any
        • (before: any): any

        • Parameters

          • before: any

          Returns any

    Returns MaybePromise<boolean>

doGetCellValue

  • doGetCellValue(col: number, row: number, valueCallback: (value: any) => void): boolean

  • Parameters

    • col: number
    • row: number
    • valueCallback: (value: any) => void
        • (value: any): void

        • Parameters

          • value: any

          Returns void

    Returns boolean

doSetPasteValue

fireListeners

focus

  • focus(): void

focusCell

  • focusCell(col: number, row: number): void

focusGridCell

  • focusGridCell(field: FieldDef<T>, index: number): void

getAttachCellsArea

  • getAttachCellsArea(range: CellRange): { element: HTMLElement; rect: Rect }

getCellAt

  • getCellAt(absoluteX: number, absoluteY: number): CellAddress

getCellOverflowText

  • getCellOverflowText(col: number, row: number): null | string
  • +

    Get the overflowed text in the cell rectangle, from the given cell.

    +

    Parameters

    • col: number
      +

      The column index.

      +
    • row: number
      +

      The row index

      +

    Returns null | string

    The text overflowing the cell rect.

    +

getCellRange

  • getCellRange(col: number, row: number): CellRange
  • +

    Get cell range information for a given cell.

    +

    Parameters

    • col: number
      +

      column index of the cell

      +
    • row: number
      +

      row index of the cell

      +

    Returns CellRange

    cell range info

    +

getCellRangeByField

getCellRangeRect

getCellRect

  • getCellRect(col: number, row: number): Rect
  • +

    Get the rect of the cell.

    +

    Parameters

    • col: number
      +

      index of column, of the cell

      +
    • row: number
      +

      index of row, of the cell

      +

    Returns Rect

    the rect of the cell.

    +

getCellRelativeRect

  • getCellRelativeRect(col: number, row: number): Rect

getCellsRect

  • getCellsRect(startCol: number, startRow: number, endCol: number, endRow: number): Rect
  • +

    Get the rectangle of the cells area.

    +

    Parameters

    • startCol: number
      +

      index of the starting column, of the cell

      +
    • startRow: number
      +

      index of the starting row, of the cell

      +
    • endCol: number
      +

      index of the ending column, of the cell

      +
    • endRow: number
      +

      index of the ending row, of the cell

      +

    Returns Rect

    the rect of the cells.

    +

getColAt

  • getColAt(absoluteX: number): number

getColWidth

  • getColWidth(col: number): number

getColumnAction

getColumnDefine

  • +

    Get the column define of the given column index.

    +

    Parameters

    • col: number
      +

      The column index.

      +
    • row: number
      +

      The row index.

      +

    Returns ColumnDefine<T>

    The column define object.

    +

getColumnIndexByField

  • getColumnIndexByField(field: FieldDef<T>): null | number
  • +

    Get the column index of the given field.

    +
    deprecated

    use getCellRangeByField instead

    +

    Parameters

    Returns null | number

    The column index.

    +

getColumnType

getElement

  • getElement(): HTMLElement

getField

  • getField(col: number, row: number): undefined | FieldDef<T>
  • +

    Get the field of the given column index.

    +

    Parameters

    • col: number
      +

      The column index.

      +
    • row: number
      +

      The row index.

      +

    Returns undefined | FieldDef<T>

    The field object.

    +

getGridCanvasHelper

  • getGridCanvasHelper(): GridCanvasHelper<T>

getHeaderCellRange

  • getHeaderCellRange(col: number, row: number): CellRange
  • +

    Get header range information for a given cell.

    +
    deprecated

    use getCellRange instead

    +

    Parameters

    • col: number
      +

      column index of the cell

      +
    • row: number
      +

      row index of the cell

      +

    Returns CellRange

    cell range info

    +

getHeaderDefine

  • +

    Get the header define of the given header cell.

    +

    Parameters

    • col: number
      +

      The column index.

      +
    • row: number
      +

      The header row index.

      +

    Returns HeaderDefine<T>

    The header define object.

    +

getHeaderField

  • getHeaderField(col: number, row: number): any
  • +

    Get the header field of the given header cell.

    +

    Parameters

    • col: number
      +

      The column index.

      +
    • row: number
      +

      The header row index.

      +

    Returns any

    The field object.

    +

getHeaderValue

  • getHeaderValue(col: number, row: number): any

getLayoutCellId

getMaxColWidth

  • getMaxColWidth(col: number): undefined | string | number
  • +

    Get the column max width of the given the column index.

    +

    Parameters

    • col: number
      +

      The column index

      +

    Returns undefined | string | number

    The column max width

    +

getMinColWidth

  • getMinColWidth(col: number): undefined | string | number
  • +

    Get the column min width of the given the column index.

    +

    Parameters

    • col: number
      +

      The column index

      +

    Returns undefined | string | number

    The column min width

    +

getRecordIndexByRow

  • getRecordIndexByRow(row: number): number
  • +

    Get the record index of the given row index.

    +

    Parameters

    • row: number
      +

      The row index.

      +

    Returns number

getRecordStartRowByRecordIndex

  • getRecordStartRowByRecordIndex(index: number): number

getRowAt

  • getRowAt(absoluteY: number): number

getRowHeight

  • getRowHeight(row: number): number

getRowRecord

hasFocusGrid

  • hasFocusGrid(): boolean

hasListeners

  • hasListeners(type: string): boolean

invalidate

  • invalidate(): void

invalidateCell

  • invalidateCell(col: number, row: number): void

invalidateCellRange

invalidateGridRect

  • invalidateGridRect(startCol: number, startRow: number, endCol?: number, endRow?: number): void
  • +

    Redraws the range of the given cells.

    +

    Parameters

    • startCol: number
      +

      index of the starting column, of the cell

      +
    • startRow: number
      +

      index of the starting row, of the cell

      +
    • endCol: number = startCol
      +

      index of the ending column, of the cell

      +
    • endRow: number = startRow
      +

      index of the ending row, of the cell

      +

    Returns void

isFrozenCell

  • isFrozenCell(col: number, row: number): null | { col: boolean; row: boolean }

listen

  • +

    Adds an event listener.

    +

    Parameters

    • type: string
      +

      The event type id.

      +
    • listener: AnyFunction
      +

      Callback method.

      +

    Returns number

    unique id for the listener.

    +

makeVisibleCell

  • makeVisibleCell(col: number, row: number): void

makeVisibleGridCell

  • makeVisibleGridCell(field: FieldDef<T>, index: number): void

onKeyDownMove

  • onKeyDownMove(evt: KeyboardEvent): void

removeEventListener

  • removeEventListener(type: string, listener: AnyFunction): void

setCellOverflowText

  • setCellOverflowText(col: number, row: number, overflowText: string | false): void
  • +

    Set the overflowed text in the cell rectangle, to the given cell.

    +

    Parameters

    • col: number
      +

      The column index.

      +
    • row: number
      +

      The row index

      +
    • overflowText: string | false
      +

      The overflowed text in the cell rectangle.

      +

    Returns void

setColWidth

  • setColWidth(col: number, width: null | string | number): void
  • +

    Set the column width of the given the column index.

    +

    Parameters

    • col: number
      +

      The column index

      +
    • width: null | string | number
      +

      The column width

      +

    Returns void

setFocusCursor

  • setFocusCursor(col: number, row: number): void

setHeaderValue

  • setHeaderValue(col: number, row: number, newValue: any): void

setMaxColWidth

  • setMaxColWidth(col: number, maxwidth: null | string | number): void
  • +

    Set the column max width of the given the column index.

    +

    Parameters

    • col: number
      +

      The column index

      +
    • maxwidth: null | string | number
      +

      The column max width

      +

    Returns void

setMinColWidth

  • setMinColWidth(col: number, minwidth: null | string | number): void
  • +

    Set the column min width of the given the column index.

    +

    Parameters

    • col: number
      +

      The column index

      +
    • minwidth: null | string | number
      +

      The column min width

      +

    Returns void

setRowHeight

  • setRowHeight(row: number, height: null | number): void
  • +

    Set the row height of the given the row index.

    +

    Parameters

    • row: number
      +

      The row index

      +
    • height: null | number
      +

      The row height

      +

    Returns void

unlisten

  • unlisten(id: number): void
  • +

    Removes an event listener which was added with listen() by the id returned by listen().

    +

    Parameters

    • id: number
      +

      the id returned by listen().

      +

    Returns void

updateScroll

  • updateScroll(): boolean

updateSize

  • updateSize(): void

Legend

  • Property
  • Method
  • Accessor
  • Inherited method
  • Inherited accessor
  • Property

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/documents/tsdoc/classes/core.DrawGrid.html b/documents/tsdoc/classes/core.DrawGrid.html new file mode 100644 index 000000000..b1ce98c98 --- /dev/null +++ b/documents/tsdoc/classes/core.DrawGrid.html @@ -0,0 +1,204 @@ +DrawGrid | cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

Class DrawGrid

+

DrawGrid

+
classdesc

cheetahGrid.core.DrawGrid

+
memberof

cheetahGrid.core

+

Hierarchy

Implements

Index

Constructors

Accessors

Methods

Constructors

constructor

  • new DrawGrid(options?: DrawGridConstructorOptions): DrawGrid

  • Parameters

    • options: DrawGridConstructorOptions = {}

    Returns DrawGrid

Accessors

canvas

  • get canvas(): HTMLCanvasElement

colCount

  • get colCount(): number
  • set colCount(colCount: number): void

defaultColWidth

  • get defaultColWidth(): string | number
  • set defaultColWidth(defaultColWidth: string | number): void

defaultRowHeight

  • get defaultRowHeight(): number
  • set defaultRowHeight(defaultRowHeight: number): void

font

  • get font(): undefined | string
  • set font(font: undefined | string): void
  • +

    Get the font definition as a string.

    +

    Returns undefined | string

  • +

    Set the font definition with the given string.

    +

    Parameters

    • font: undefined | string

    Returns void

frozenColCount

  • get frozenColCount(): number
  • set frozenColCount(frozenColCount: number): void

frozenRowCount

  • get frozenRowCount(): number
  • set frozenRowCount(frozenRowCount: number): void

keyboardOptions

leftCol

  • get leftCol(): number
  • +

    Get the index of the first column in the scrollable region that is visible.

    +

    Returns number

rowCount

  • get rowCount(): number
  • set rowCount(rowCount: number): void

scrollLeft

  • get scrollLeft(): number
  • set scrollLeft(scrollLeft: number): void
  • +

    gets or sets the number of pixels that an element's content is scrolled from its left edge

    +

    Returns number

  • +

    gets or sets the number of pixels that an element's content is scrolled from its left edge

    +

    Parameters

    • scrollLeft: number

    Returns void

scrollTop

  • get scrollTop(): number
  • set scrollTop(scrollTop: number): void
  • +

    gets or sets the number of pixels that an element's content is scrolled vertically

    +

    Returns number

  • +

    gets or sets the number of pixels that an element's content is scrolled vertically

    +

    Parameters

    • scrollTop: number

    Returns void

selection

  • get selection(): Selection

topRow

  • get topRow(): number
  • +

    Get the index of the first row in the scrollable region that is visible.

    +

    Returns number

trimOnPaste

  • get trimOnPaste(): boolean
  • set trimOnPaste(trimOnPaste: boolean): void
  • +

    If set to true, trim the pasted text on pasting.

    +

    Returns boolean

  • +

    If set to true, trim the pasted text on pasting.

    +

    Parameters

    • trimOnPaste: boolean

    Returns void

underlayBackgroundColor

  • get underlayBackgroundColor(): undefined | string
  • set underlayBackgroundColor(underlayBackgroundColor: undefined | string): void

visibleColCount

  • get visibleColCount(): number
  • +

    Get the number of scrollable columns fully visible in the grid. visibleColCount does not include the frozen columns counted by the frozenColCount property. It does not include any partially visible columns on the right of the grid.

    +

    Returns number

visibleRowCount

  • get visibleRowCount(): number
  • +

    Get the number of scrollable rows fully visible in the grid. visibleRowCount does not include the frozen rows counted by the frozenRowCount property. It does not include any partially visible rows on the bottom of the grid.

    +

    Returns number

Static EVENT_TYPE

  • get EVENT_TYPE(): DrawGridEvents

  • Returns DrawGridEvents

Methods

addDisposable

  • addDisposable(disposable: { dispose: any }): void

  • Parameters

    • disposable: { dispose: any }
      • dispose:function
        • dispose(): void

        • Returns void

    Returns void

addEventListener

  • addEventListener(type: string, listener: AnyFunction): void

  • Parameters

    Returns void

configure

  • configure(name: "fadeinWhenCallbackInPromise", value?: boolean): boolean

  • Parameters

    • name: "fadeinWhenCallbackInPromise"
    • Optional value: boolean

    Returns boolean

dispose

  • dispose(): void
  • +

    Dispose the grid instance.

    +

    Returns void

fireListeners

focus

  • focus(): void

focusCell

  • focusCell(col: number, row: number): void
  • +

    Focus the cell.

    +

    Parameters

    • col: number
      +

      The column index.

      +
    • row: number
      +

      The row index

      +

    Returns void

getAttachCellsArea

  • getAttachCellsArea(range: CellRange): { element: HTMLElement; rect: Rect }

getCellAt

  • getCellAt(absoluteX: number, absoluteY: number): CellAddress

getCellOverflowText

  • getCellOverflowText(col: number, row: number): null | string
  • +

    Get the overflowed text in the cell rectangle, from the given cell.

    +

    Parameters

    • col: number
      +

      The column index.

      +
    • row: number
      +

      The row index

      +

    Returns null | string

    The text overflowing the cell rect.

    +

getCellRangeRect

getCellRect

  • getCellRect(col: number, row: number): Rect
  • +

    Get the rect of the cell.

    +

    Parameters

    • col: number
      +

      index of column, of the cell

      +
    • row: number
      +

      index of row, of the cell

      +

    Returns Rect

    the rect of the cell.

    +

getCellRelativeRect

  • getCellRelativeRect(col: number, row: number): Rect
  • +

    Get the relative rectangle of the cell.

    +

    Parameters

    • col: number
      +

      index of column, of the cell

      +
    • row: number
      +

      index of row, of the cell

      +

    Returns Rect

    the rect of the cell.

    +

getCellsRect

  • getCellsRect(startCol: number, startRow: number, endCol: number, endRow: number): Rect
  • +

    Get the rectangle of the cells area.

    +

    Parameters

    • startCol: number
      +

      index of the starting column, of the cell

      +
    • startRow: number
      +

      index of the starting row, of the cell

      +
    • endCol: number
      +

      index of the ending column, of the cell

      +
    • endRow: number
      +

      index of the ending row, of the cell

      +

    Returns Rect

    the rect of the cells.

    +

getColAt

  • getColAt(absoluteX: number): number

getColWidth

  • getColWidth(col: number): number
  • +

    Get the column width of the given the column index.

    +

    Parameters

    • col: number
      +

      The column index

      +

    Returns number

    The column width

    +

getElement

  • getElement(): HTMLElement

getMaxColWidth

  • getMaxColWidth(col: number): undefined | string | number
  • +

    Get the column max width of the given the column index.

    +

    Parameters

    • col: number
      +

      The column index

      +

    Returns undefined | string | number

    The column max width

    +

getMinColWidth

  • getMinColWidth(col: number): undefined | string | number
  • +

    Get the column min width of the given the column index.

    +

    Parameters

    • col: number
      +

      The column index

      +

    Returns undefined | string | number

    The column min width

    +

getRowAt

  • getRowAt(absoluteY: number): number

getRowHeight

  • getRowHeight(row: number): number
  • +

    Get the row height of the given the row index.

    +

    Parameters

    • row: number
      +

      The row index

      +

    Returns number

    The row height

    +

hasFocusGrid

  • hasFocusGrid(): boolean

hasListeners

  • hasListeners(type: string): boolean

  • Parameters

    • type: string

    Returns boolean

invalidate

  • invalidate(): void

invalidateCell

  • invalidateCell(col: number, row: number): void
  • +

    Redraws the range of the given cell.

    +

    Parameters

    • col: number
      +

      The column index of cell.

      +
    • row: number
      +

      The row index of cell.

      +

    Returns void

invalidateCellRange

invalidateGridRect

  • invalidateGridRect(startCol: number, startRow: number, endCol?: number, endRow?: number): void
  • +

    Redraws the range of the given cells.

    +

    Parameters

    • startCol: number
      +

      index of the starting column, of the cell

      +
    • startRow: number
      +

      index of the starting row, of the cell

      +
    • endCol: number = startCol
      +

      index of the ending column, of the cell

      +
    • endRow: number = startRow
      +

      index of the ending row, of the cell

      +

    Returns void

isFrozenCell

  • isFrozenCell(col: number, row: number): null | { col: boolean; row: boolean }

  • Parameters

    • col: number
    • row: number

    Returns null | { col: boolean; row: boolean }

listen

  • +

    Adds an event listener.

    +

    Parameters

    • type: string
      +

      The event type id.

      +
    • listener: AnyFunction
      +

      Callback method.

      +

    Returns number

    unique id for the listener.

    +

makeVisibleCell

  • makeVisibleCell(col: number, row: number): void
  • +

    Scroll to where cell is visible.

    +

    Parameters

    • col: number
      +

      The column index.

      +
    • row: number
      +

      The row index

      +

    Returns void

onKeyDownMove

  • onKeyDownMove(evt: KeyboardEvent): void

removeEventListener

  • removeEventListener(type: string, listener: AnyFunction): void

  • Parameters

    Returns void

setCellOverflowText

  • setCellOverflowText(col: number, row: number, overflowText: string | false): void
  • +

    Set the overflowed text in the cell rectangle, to the given cell.

    +

    Parameters

    • col: number
      +

      The column index.

      +
    • row: number
      +

      The row index

      +
    • overflowText: string | false
      +

      The overflowed text in the cell rectangle.

      +

    Returns void

setColWidth

  • setColWidth(col: number, width: null | string | number): void
  • +

    Set the column width of the given the column index.

    +

    Parameters

    • col: number
      +

      The column index

      +
    • width: null | string | number
      +

      The column width

      +

    Returns void

setFocusCursor

  • setFocusCursor(col: number, row: number): void
  • +

    Moves the focus cursor to the given cell.

    +

    Parameters

    • col: number
      +

      The column index.

      +
    • row: number
      +

      The row index

      +

    Returns void

setMaxColWidth

  • setMaxColWidth(col: number, maxwidth: null | string | number): void
  • +

    Set the column max width of the given the column index.

    +

    Parameters

    • col: number
      +

      The column index

      +
    • maxwidth: null | string | number
      +

      The column max width

      +

    Returns void

setMinColWidth

  • setMinColWidth(col: number, minwidth: null | string | number): void
  • +

    Set the column min width of the given the column index.

    +

    Parameters

    • col: number
      +

      The column index

      +
    • minwidth: null | string | number
      +

      The column min width

      +

    Returns void

setRowHeight

  • setRowHeight(row: number, height: null | number): void
  • +

    Set the row height of the given the row index.

    +

    Parameters

    • row: number
      +

      The row index

      +
    • height: null | number
      +

      The row height

      +

    Returns void

unlisten

  • unlisten(id: number): void
  • +

    Removes an event listener which was added with listen() by the id returned by listen().

    +

    Parameters

    • id: number
      +

      the id returned by listen().

      +

    Returns void

updateScroll

  • updateScroll(): boolean
  • +

    Apply the changed scroll size.

    +

    Returns boolean

    true if there was a change in the scroll size

    +

updateSize

  • updateSize(): void

Legend

  • Constructor
  • Property
  • Method
  • Accessor
  • Inherited method
  • Inherited accessor
  • Property

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/documents/tsdoc/classes/data.CachedDataSource.html b/documents/tsdoc/classes/data.CachedDataSource.html new file mode 100644 index 000000000..2b1e1a9c8 --- /dev/null +++ b/documents/tsdoc/classes/data.CachedDataSource.html @@ -0,0 +1,23 @@ +CachedDataSource | cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

Class CachedDataSource<T>

+

data modules

+
namespace

cheetahGrid.data

+
memberof

cheetahGrid

+

Type parameters

  • T

Hierarchy

Index

Constructors

Properties

Accessors

Methods

Constructors

constructor

Properties

Static EMPTY

EMPTY: DataSource<any> = ...

Accessors

dataSource

  • Returns DataSource<T>

length

  • get length(): number
  • set length(length: number): void

  • Returns number

  • Parameters

    • length: number

    Returns void

source

  • get source(): any

  • Returns any

Static EVENT_TYPE

  • get EVENT_TYPE(): { UPDATED_LENGTH: "updated_length"; UPDATED_ORDER: "updated_order"; UPDATE_LENGTH: "update_length" }

  • Returns { UPDATED_LENGTH: "updated_length"; UPDATED_ORDER: "updated_order"; UPDATE_LENGTH: "update_length" }

    • UPDATED_LENGTH: "updated_length"
    • UPDATED_ORDER: "updated_order"
    • UPDATE_LENGTH: "update_length"

Methods

addEventListener

  • addEventListener(type: string, listener: AnyFunction): void

clearCache

  • clearCache(): void

  • Returns void

dispose

  • dispose(): void

fireListeners

  • fireListeners(type: string, ...args: any[]): any
  • +

    Fires all registered listeners

    +

    Parameters

    • type: string
      +

      The type of the listeners to fire.

      +
    • Rest ...args: any[]
      +

      fire arguments

      +

    Returns any

    the result of the last listener

    +

get

getField

  • getField<F>(index: number, field: F): any

hasField

  • hasField(index: number, field: FieldDef<T>): boolean

hasListeners

  • hasListeners(type: string): boolean

listen

  • +

    Adds an event listener.

    +

    Parameters

    • type: string
      +

      The event type id.

      +
    • listener: AnyFunction
      +

      Callback method.

      +

    Returns number

    unique id for the listener.

    +

removeEventListener

  • removeEventListener(type: string, listener: AnyFunction): void

setField

  • setField<F>(index: number, field: F, value: any): MaybePromise<boolean>

sort

unlisten

  • unlisten(id: number): void
  • +

    Removes an event listener which was added with listen() by the id returned by listen().

    +

    Parameters

    • id: number
      +

      the id returned by listen().

      +

    Returns void

Static ofArray

Legend

  • Property
  • Method
  • Accessor
  • Inherited method
  • Inherited accessor
  • Property

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/documents/tsdoc/classes/data.DataSource.html b/documents/tsdoc/classes/data.DataSource.html new file mode 100644 index 000000000..b7e53b055 --- /dev/null +++ b/documents/tsdoc/classes/data.DataSource.html @@ -0,0 +1,23 @@ +DataSource | cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

Class DataSource<T>

+

data modules

+
namespace

cheetahGrid.data

+
memberof

cheetahGrid

+

Type parameters

  • T

Hierarchy

Implements

Index

Constructors

Properties

Accessors

Methods

Constructors

constructor

Properties

Static EMPTY

EMPTY: DataSource<any> = ...

Accessors

dataSource

length

  • get length(): number
  • set length(length: number): void

source

  • get source(): any

  • Returns any

Static EVENT_TYPE

  • get EVENT_TYPE(): { UPDATED_LENGTH: "updated_length"; UPDATED_ORDER: "updated_order"; UPDATE_LENGTH: "update_length" }

  • Returns { UPDATED_LENGTH: "updated_length"; UPDATED_ORDER: "updated_order"; UPDATE_LENGTH: "update_length" }

    • UPDATED_LENGTH: "updated_length"
    • UPDATED_ORDER: "updated_order"
    • UPDATE_LENGTH: "update_length"

Methods

addEventListener

  • addEventListener(type: string, listener: AnyFunction): void

  • Parameters

    Returns void

dispose

  • dispose(): void

  • Returns void

fireListeners

  • fireListeners(type: string, ...args: any[]): any
  • +

    Fires all registered listeners

    +

    Parameters

    • type: string
      +

      The type of the listeners to fire.

      +
    • Rest ...args: any[]
      +

      fire arguments

      +

    Returns any

    the result of the last listener

    +

get

getField

  • getField<F>(index: number, field: F): any

hasField

  • hasField(index: number, field: FieldDef<T>): boolean

hasListeners

  • hasListeners(type: string): boolean

  • Parameters

    • type: string

    Returns boolean

listen

  • +

    Adds an event listener.

    +

    Parameters

    • type: string
      +

      The event type id.

      +
    • listener: AnyFunction
      +

      Callback method.

      +

    Returns number

    unique id for the listener.

    +

removeEventListener

  • removeEventListener(type: string, listener: AnyFunction): void

  • Parameters

    Returns void

setField

  • setField<F>(index: number, field: F, value: any): MaybePromise<boolean>

sort

unlisten

  • unlisten(id: number): void
  • +

    Removes an event listener which was added with listen() by the id returned by listen().

    +

    Parameters

    • id: number
      +

      the id returned by listen().

      +

    Returns void

Static ofArray

  • Type parameters

    • T

    Parameters

    • array: T[]

    Returns DataSource<T>

Legend

  • Property
  • Method
  • Accessor
  • Inherited method
  • Inherited accessor
  • Property
  • Static property

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/documents/tsdoc/classes/data.FilterDataSource.html b/documents/tsdoc/classes/data.FilterDataSource.html new file mode 100644 index 000000000..61467c856 --- /dev/null +++ b/documents/tsdoc/classes/data.FilterDataSource.html @@ -0,0 +1,23 @@ +FilterDataSource | cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

Class FilterDataSource<T>

+

data modules

+
namespace

cheetahGrid.data

+
memberof

cheetahGrid

+

Type parameters

  • T

Hierarchy

Index

Constructors

Properties

Accessors

Methods

Constructors

constructor

Properties

Static EMPTY

EMPTY: DataSource<any> = ...

Accessors

dataSource

  • Returns DataSource<T>

filter

  • get filter(): null | Filter<T>
  • set filter(filter: null | Filter<T>): void

  • Returns null | Filter<T>

  • Parameters

    • filter: null | Filter<T>

    Returns void

length

  • get length(): number
  • set length(length: number): void

  • Returns number

  • Parameters

    • length: number

    Returns void

source

  • get source(): any

  • Returns any

Static EVENT_TYPE

  • get EVENT_TYPE(): { UPDATED_LENGTH: "updated_length"; UPDATED_ORDER: "updated_order"; UPDATE_LENGTH: "update_length" }

  • Returns { UPDATED_LENGTH: "updated_length"; UPDATED_ORDER: "updated_order"; UPDATE_LENGTH: "update_length" }

    • UPDATED_LENGTH: "updated_length"
    • UPDATED_ORDER: "updated_order"
    • UPDATE_LENGTH: "update_length"

Methods

addEventListener

  • addEventListener(type: string, listener: AnyFunction): void

dispose

  • dispose(): void

fireListeners

  • fireListeners(type: string, ...args: any[]): any
  • +

    Fires all registered listeners

    +

    Parameters

    • type: string
      +

      The type of the listeners to fire.

      +
    • Rest ...args: any[]
      +

      fire arguments

      +

    Returns any

    the result of the last listener

    +

get

getField

  • getField<F>(index: number, field: F): any

hasField

  • hasField(index: number, field: FieldDef<T>): boolean

hasListeners

  • hasListeners(type: string): boolean

listen

  • +

    Adds an event listener.

    +

    Parameters

    • type: string
      +

      The event type id.

      +
    • listener: AnyFunction
      +

      Callback method.

      +

    Returns number

    unique id for the listener.

    +

removeEventListener

  • removeEventListener(type: string, listener: AnyFunction): void

setField

  • setField<F>(index: number, field: F, value: any): MaybePromise<boolean>

sort

unlisten

  • unlisten(id: number): void
  • +

    Removes an event listener which was added with listen() by the id returned by listen().

    +

    Parameters

    • id: number
      +

      the id returned by listen().

      +

    Returns void

Static ofArray

Legend

  • Property
  • Method
  • Accessor
  • Inherited method
  • Inherited accessor
  • Property

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/documents/tsdoc/index.html b/documents/tsdoc/index.html new file mode 100644 index 000000000..11911eeff --- /dev/null +++ b/documents/tsdoc/index.html @@ -0,0 +1,237 @@ +cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

cheetah-grid

+ +

Cheetah Grid

+ +

GitHub +npm +npm +npm +npm +npm +Build Status

+

Cheetah Grid

+

The fastest open-source data table for web.

+

capture.png

+

DEMO & Documents

+ + +

Downloading Cheetah Grid

+ + + +

Using Cheetah Grid with a CDN

+ +

npm

+
<script src="https://unpkg.com/cheetah-grid@1.13"></script>
+
+ + +

Downloading Cheetah Grid using npm

+ +

npm

+
npm install -S cheetah-grid
+
+
import * as cheetahGrid from "cheetah-grid";

// or

const cheetahGrid = require("cheetah-grid");
+
+ + +

Downloading Cheetah Grid source code

+ +

npm

+

cheetahGrid.es5.min.js

+

SourceMap
cheetahGrid.es5.min.js.map

+ + +

Downloading Cheetah Grid using GitHub

+ +

GitHub package version

+ + +

git clone

+ +
git clone https://github.com/future-architect/cheetah-grid.git
+
+ + +

npm install & build

+ +
npm install
npm run build
+
+

built file is created in the ./packages/cheetah-grid/dist directory

+ + +

Usage

+ + + +

Example for basic usage

+ +
<div id="sample" style="height: 300px; border: solid 1px #ddd;"></div>
<script>
  // initialize
  const grid = new cheetahGrid.ListGrid({
    // Parent element on which to place the grid
    parentElement: document.querySelector("#sample"),
    // Header definition
    header: [
      {
        field: "check",
        caption: "",
        width: 50,
        columnType: "check",
        action: "check",
      },
      { field: "personid", caption: "ID", width: 100 },
      { field: "fname", caption: "First Name", width: 200 },
      { field: "lname", caption: "Last Name", width: 200 },
      { field: "email", caption: "Email", width: 250 },
    ],
    // Array data to be displayed on the grid
    records,
    // Column fixed position
    frozenColCount: 2,
  });
</script>
+
+

Please refer to the documents for details

+
+

Using the Vue Component of Cheetah Grid
Please refer to the vue-cheetah-grid

+

Using the React Component of Cheetah Grid
Please refer to the react-cheetah-grid

+
+ + +

Definition of columns and headers

+ +

The header property, the property of cheetahGrid.ListGrid, decides the behave and appearance of columns and header cells. +We can set this property by constructor arguments or instance property.

+

The header property must be set by objects array (Array<object>). +In the standard definition, each object consists of following properties.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
PropertyDescription
captiondefine the header caption
fielddefine the field name or function of the record to display in the cell
width (optional)define the width of column
columnType (optional)define the type of column
style (optional)define the style of column
action (optional)define the action of column
+

To use multiple header, set the hierarchical structured Object to the header property.

+
const grid = new cheetahGrid.ListGrid({
  //...
  header: [
    //...
    {
      /* multiple header */
      caption: "Name",
      columns: [
        { field: "fname", caption: "First Name", width: 200 },
        { field: "lname", caption: "Last Name", width: 200 },
      ],
    },
    //...
  ],
  //...
});
+
+ + +

Definition of column type

+ +

Set the column type by using columnType.

+

For example, you can set the following strings:

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
PropertyDescription
nonedraw text in the cell
'number'draw number in the cell with comma-separated
'check'draw checkbox in the cell
'button'draw button in the cell
'image'draw image in the cell
'multilinetext'draw multiline text in the cell
+

If you define a class instance you can define an advanced column types.

+

Please refer to the column types documents for details

+ + +

Definition of column action

+ +

Define column action by using action property.

+ + + + + + + + + + + + + + + +
actionDescription
'check'make the check box clickable.
'input'make the cell enterable.
+

If you define a class instance you can define an advanced column actions.

+

Please refer to the column actions documents for details

+ + +

Definition of column style

+ +

Define column style by using style property.

+

Properties below are prepared in standard.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
PropertyDescription
colordefine the color of cell.
textAligndefine the horizontal position of text in cell.
textBaselinedefine the vertical position of text in cell.
bgColordefine the background color of cell.
fontdefine the font of cell.
paddingdefine the padding of cell. if you set 4 values separately, please set the Array.
textOverflowdefine how to display when text overflows the area of a cell. clip or ellipsis is available.
+

In addition, there is an extended style property for each column type.

+
+

Please refer to the documents for details

+ + +

License

+ +

See the LICENSE file for license rights and limitations (MIT).

+ + +

Supporting Cheetah Grid

+ +

sponsors

+

Legend

  • Property
  • Method
  • Accessor
  • Inherited method
  • Inherited accessor
  • Property

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/documents/tsdoc/interfaces/ColumnDefine.html b/documents/tsdoc/interfaces/ColumnDefine.html new file mode 100644 index 000000000..1a236ce80 --- /dev/null +++ b/documents/tsdoc/interfaces/ColumnDefine.html @@ -0,0 +1,4 @@ +ColumnDefine | cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

Interface ColumnDefine<T>

+

Cheetah Grid

+
namespace

cheetahGrid

+

Type parameters

  • T

Hierarchy

  • BaseHeaderDefine<T>
    • ColumnDefine

Index

Properties

Properties

Optional action

action?: null | ColumnActionOption | BaseAction<T>

Optional caption

caption?: string | (() => string)

Optional columnType

columnType?: null | ColumnTypeOption | BaseColumn<T>

Optional field

field?: FieldDef<T>

Optional headerAction

headerAction?: null | HeaderActionOption | BaseAction<T>

Optional headerField

headerField?: string

Optional headerIcon

headerIcon?: ColumnIconOption<never> | ColumnIconOption<never>[]

Optional headerStyle

headerStyle?: null | HeaderStyleOption | BaseStyle

Optional headerType

headerType?: null | HeaderTypeOption | BaseHeader<T>

Optional icon

icon?: ColumnIconOption<T> | ColumnIconOption<T>[]

Optional maxWidth

maxWidth?: string | number

Optional message

message?: Message | keyof T | ((record: T) => null | Message) | (Message | keyof T | ((record: T) => null | Message))[]

Optional minWidth

minWidth?: string | number

Optional sort

sort?: OldSortOption<T>

Optional style

style?: null | ColumnStyleOption

Optional width

width?: string | number

Legend

  • Property
  • Method
  • Accessor
  • Inherited method
  • Inherited accessor
  • Property

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/documents/tsdoc/interfaces/GroupHeaderDefine.html b/documents/tsdoc/interfaces/GroupHeaderDefine.html new file mode 100644 index 000000000..3575d113b --- /dev/null +++ b/documents/tsdoc/interfaces/GroupHeaderDefine.html @@ -0,0 +1,4 @@ +GroupHeaderDefine | cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

Interface GroupHeaderDefine<T>

+

Cheetah Grid

+
namespace

cheetahGrid

+

Type parameters

  • T

Hierarchy

Index

Properties

Properties

Optional caption

caption?: string | (() => string)

columns

columns: HeadersDefine<T>

Optional headerAction

headerAction?: null | HeaderActionOption | BaseAction<T>

Optional headerField

headerField?: string

Optional headerIcon

headerIcon?: ColumnIconOption<never> | ColumnIconOption<never>[]

Optional headerStyle

headerStyle?: null | HeaderStyleOption | BaseStyle

Optional headerType

headerType?: null | HeaderTypeOption | BaseHeader<T>

Optional maxWidth

maxWidth?: string | number

Optional minWidth

minWidth?: string | number

Optional sort

sort?: OldSortOption<T>

Optional width

width?: string | number

Legend

  • Property
  • Method
  • Accessor
  • Inherited method
  • Inherited accessor
  • Property

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/documents/tsdoc/interfaces/HeaderDefine.html b/documents/tsdoc/interfaces/HeaderDefine.html new file mode 100644 index 000000000..fef410d94 --- /dev/null +++ b/documents/tsdoc/interfaces/HeaderDefine.html @@ -0,0 +1,4 @@ +HeaderDefine | cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

Interface HeaderDefine<T>

+

Cheetah Grid

+
namespace

cheetahGrid

+

Type parameters

  • T

Hierarchy

Index

Properties

Properties

Optional caption

caption?: string | (() => string)

Optional headerAction

headerAction?: null | HeaderActionOption | BaseAction<T>

Optional headerField

headerField?: string

Optional headerIcon

headerIcon?: ColumnIconOption<never> | ColumnIconOption<never>[]

Optional headerStyle

headerStyle?: null | HeaderStyleOption | BaseStyle

Optional headerType

headerType?: null | HeaderTypeOption | BaseHeader<T>

Optional maxWidth

maxWidth?: string | number

Optional minWidth

minWidth?: string | number

Optional sort

sort?: OldSortOption<T>

Optional width

width?: string | number

Legend

  • Property
  • Method
  • Accessor
  • Inherited method
  • Inherited accessor
  • Property

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/documents/tsdoc/interfaces/ListGridConstructorOptions.html b/documents/tsdoc/interfaces/ListGridConstructorOptions.html new file mode 100644 index 000000000..62b06c6fe --- /dev/null +++ b/documents/tsdoc/interfaces/ListGridConstructorOptions.html @@ -0,0 +1,31 @@ +ListGridConstructorOptions | cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

Interface ListGridConstructorOptions<T>

+

Cheetah Grid

+
namespace

cheetahGrid

+

Type parameters

  • T

Hierarchy

  • DrawGridConstructorOptions
    • ListGridConstructorOptions

Index

Properties

Properties

Optional allowRangePaste

allowRangePaste?: boolean
+

If set to true to allow pasting of ranges. default false

+

Optional colCount

colCount?: undefined
deprecated

Cannot be used with ListGrid.

+
override

Optional dataSource

dataSource?: DataSource<T>
+

Records data source

+

Optional defaultColWidth

defaultColWidth?: string | number
+

Default grid col width. default 80

+

Optional defaultRowHeight

defaultRowHeight?: number
+

Default grid row height. default 40

+

Optional disableColumnResize

disableColumnResize?: boolean
+

Disable column resizing

+

Optional font

font?: string

Optional frozenColCount

frozenColCount?: number

Optional frozenRowCount

frozenRowCount?: undefined
deprecated

Cannot be used with ListGrid.

+
override

Optional header

header?: HeadersDefine<T>
+

Simple header property

+

Optional headerRowHeight

headerRowHeight?: number | number[]
+

Header row height(s)

+

Optional keyboardOptions

keyboardOptions?: DrawGridKeyboardOptions

Optional layout

layout?: LayoutDefine<T>
+

Layout property

+

Optional parentElement

parentElement?: null | HTMLElement
+

Canvas parent element

+

Optional records

records?: T[]
+

Simple records data

+

Optional rowCount

rowCount?: undefined
deprecated

Cannot be used with ListGrid.

+
override

Optional theme

theme?: string | ThemeDefine
+

Theme

+

Optional trimOnPaste

trimOnPaste?: boolean
+

If set to true, trim the pasted text on pasting.

+

Optional underlayBackgroundColor

underlayBackgroundColor?: string

Legend

  • Property
  • Method
  • Accessor
  • Inherited method
  • Inherited accessor
  • Property

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/documents/tsdoc/interfaces/TYPES.ActionOption.html b/documents/tsdoc/interfaces/TYPES.ActionOption.html new file mode 100644 index 000000000..70c226ee2 --- /dev/null +++ b/documents/tsdoc/interfaces/TYPES.ActionOption.html @@ -0,0 +1 @@ +ActionOption | cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

Interface ActionOption

Hierarchy

Index

Properties

Properties

Optional action

action?: ActionListener

Optional disabled

disabled?: RecordBoolean<any>

Legend

  • Property
  • Method
  • Accessor
  • Inherited method
  • Inherited accessor
  • Property

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/documents/tsdoc/interfaces/TYPES.BaseActionOption.html b/documents/tsdoc/interfaces/TYPES.BaseActionOption.html new file mode 100644 index 000000000..6cf39b092 --- /dev/null +++ b/documents/tsdoc/interfaces/TYPES.BaseActionOption.html @@ -0,0 +1 @@ +BaseActionOption | cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

Interface BaseActionOption

Hierarchy

Index

Properties

Properties

Optional disabled

disabled?: RecordBoolean<any>

Legend

  • Property
  • Method
  • Accessor
  • Inherited method
  • Inherited accessor
  • Property

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/documents/tsdoc/interfaces/TYPES.BaseColumnOption.html b/documents/tsdoc/interfaces/TYPES.BaseColumnOption.html new file mode 100644 index 000000000..797973fde --- /dev/null +++ b/documents/tsdoc/interfaces/TYPES.BaseColumnOption.html @@ -0,0 +1 @@ +BaseColumnOption | cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

Interface BaseColumnOption

Hierarchy

Index

Properties

Properties

Optional fadeinWhenCallbackInPromise

fadeinWhenCallbackInPromise?: null | boolean

Legend

  • Property
  • Method
  • Accessor
  • Inherited method
  • Inherited accessor
  • Property

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/documents/tsdoc/interfaces/TYPES.BaseStyleOption.html b/documents/tsdoc/interfaces/TYPES.BaseStyleOption.html new file mode 100644 index 000000000..b20d5e3c5 --- /dev/null +++ b/documents/tsdoc/interfaces/TYPES.BaseStyleOption.html @@ -0,0 +1 @@ +BaseStyleOption | cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

Interface BaseStyleOption

Hierarchy

Index

Properties

Properties

Optional bgColor

bgColor?: string | CanvasGradient | CanvasPattern

Optional indicatorBottomLeft

indicatorBottomLeft?: IndicatorDefine

Optional indicatorBottomRight

indicatorBottomRight?: IndicatorDefine

Optional indicatorTopLeft

indicatorTopLeft?: IndicatorDefine

Optional indicatorTopRight

indicatorTopRight?: IndicatorDefine

Optional visibility

visibility?: Visibility

Legend

  • Property
  • Method
  • Accessor
  • Inherited method
  • Inherited accessor
  • Property

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/documents/tsdoc/interfaces/TYPES.BranchGraphColumnOption.html b/documents/tsdoc/interfaces/TYPES.BranchGraphColumnOption.html new file mode 100644 index 000000000..d0f88636a --- /dev/null +++ b/documents/tsdoc/interfaces/TYPES.BranchGraphColumnOption.html @@ -0,0 +1 @@ +BranchGraphColumnOption | cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

Interface BranchGraphColumnOption

Hierarchy

Index

Properties

Properties

Optional cache

cache?: boolean

Optional fadeinWhenCallbackInPromise

fadeinWhenCallbackInPromise?: null | boolean

Optional start

start?: "top" | "bottom"

Legend

  • Property
  • Method
  • Accessor
  • Inherited method
  • Inherited accessor
  • Property

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/documents/tsdoc/interfaces/TYPES.BranchGraphStyleOption.html b/documents/tsdoc/interfaces/TYPES.BranchGraphStyleOption.html new file mode 100644 index 000000000..552cc8ec4 --- /dev/null +++ b/documents/tsdoc/interfaces/TYPES.BranchGraphStyleOption.html @@ -0,0 +1 @@ +BranchGraphStyleOption | cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

Interface BranchGraphStyleOption

Hierarchy

Index

Properties

Properties

Optional bgColor

bgColor?: string | CanvasGradient | CanvasPattern

Optional branchColors

branchColors?: string | CanvasGradient | CanvasPattern | ((name: string, index: number) => string | CanvasGradient | CanvasPattern)

Optional branchLineWidth

branchLineWidth?: number

Optional circleSize

circleSize?: number

Optional indicatorBottomLeft

indicatorBottomLeft?: IndicatorDefine

Optional indicatorBottomRight

indicatorBottomRight?: IndicatorDefine

Optional indicatorTopLeft

indicatorTopLeft?: IndicatorDefine

Optional indicatorTopRight

indicatorTopRight?: IndicatorDefine

Optional margin

margin?: number

Optional mergeStyle

mergeStyle?: "straight" | "bezier"

Optional visibility

visibility?: Visibility

Legend

  • Property
  • Method
  • Accessor
  • Inherited method
  • Inherited accessor
  • Property

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/documents/tsdoc/interfaces/TYPES.ButtonColumnOption.html b/documents/tsdoc/interfaces/TYPES.ButtonColumnOption.html new file mode 100644 index 000000000..5b60f54a5 --- /dev/null +++ b/documents/tsdoc/interfaces/TYPES.ButtonColumnOption.html @@ -0,0 +1 @@ +ButtonColumnOption | cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

Interface ButtonColumnOption

Hierarchy

Index

Properties

Properties

Optional caption

caption?: string

Optional fadeinWhenCallbackInPromise

fadeinWhenCallbackInPromise?: null | boolean

Legend

  • Property
  • Method
  • Accessor
  • Inherited method
  • Inherited accessor
  • Property

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/documents/tsdoc/interfaces/TYPES.ButtonStyleOption.html b/documents/tsdoc/interfaces/TYPES.ButtonStyleOption.html new file mode 100644 index 000000000..8d94c6021 --- /dev/null +++ b/documents/tsdoc/interfaces/TYPES.ButtonStyleOption.html @@ -0,0 +1 @@ +ButtonStyleOption | cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

Interface ButtonStyleOption

Hierarchy

Index

Properties

Properties

Optional bgColor

bgColor?: string | CanvasGradient | CanvasPattern

Optional buttonBgColor

buttonBgColor?: string | CanvasGradient | CanvasPattern

Optional color

color?: string | CanvasGradient | CanvasPattern

Optional font

font?: string

Optional indicatorBottomLeft

indicatorBottomLeft?: IndicatorDefine

Optional indicatorBottomRight

indicatorBottomRight?: IndicatorDefine

Optional indicatorTopLeft

indicatorTopLeft?: IndicatorDefine

Optional indicatorTopRight

indicatorTopRight?: IndicatorDefine

Optional padding

padding?: string | number | (string | number)[]

Optional textAlign

textAlign?: CanvasTextAlign

Optional textBaseline

textBaseline?: CanvasTextBaseline

Optional textOverflow

textOverflow?: string

Optional visibility

visibility?: Visibility

Legend

  • Property
  • Method
  • Accessor
  • Inherited method
  • Inherited accessor
  • Property

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/documents/tsdoc/interfaces/TYPES.CellAddress.html b/documents/tsdoc/interfaces/TYPES.CellAddress.html new file mode 100644 index 000000000..6ced3badc --- /dev/null +++ b/documents/tsdoc/interfaces/TYPES.CellAddress.html @@ -0,0 +1 @@ +CellAddress | cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

Interface CellAddress

Hierarchy

  • CellAddress

Index

Properties

Properties

col

col: number

row

row: number

Legend

  • Property
  • Method
  • Accessor
  • Inherited method
  • Inherited accessor
  • Property

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/documents/tsdoc/interfaces/TYPES.CellContext.html b/documents/tsdoc/interfaces/TYPES.CellContext.html new file mode 100644 index 000000000..2a9b47341 --- /dev/null +++ b/documents/tsdoc/interfaces/TYPES.CellContext.html @@ -0,0 +1 @@ +CellContext | cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

Interface CellContext

Hierarchy

  • CellContext

Index

Properties

Methods

Properties

Readonly col

col: number

Readonly row

row: number

Methods

getContext

  • getContext(): CanvasRenderingContext2D

  • Returns CanvasRenderingContext2D

getDrawRect

getRect

getSelection

setRectFilter

toCurrentContext

Legend

  • Property
  • Method
  • Accessor
  • Property
  • Method
  • Inherited method
  • Inherited accessor

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/documents/tsdoc/interfaces/TYPES.CellRange.html b/documents/tsdoc/interfaces/TYPES.CellRange.html new file mode 100644 index 000000000..30deafc24 --- /dev/null +++ b/documents/tsdoc/interfaces/TYPES.CellRange.html @@ -0,0 +1 @@ +CellRange | cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

Interface CellRange

Hierarchy

  • CellRange

Index

Properties

Properties

end

end: CellAddress

start

start: CellAddress

Legend

  • Property
  • Method
  • Accessor
  • Inherited method
  • Inherited accessor
  • Property

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/documents/tsdoc/interfaces/TYPES.CheckHeaderStyleOption.html b/documents/tsdoc/interfaces/TYPES.CheckHeaderStyleOption.html new file mode 100644 index 000000000..416211aac --- /dev/null +++ b/documents/tsdoc/interfaces/TYPES.CheckHeaderStyleOption.html @@ -0,0 +1 @@ +CheckHeaderStyleOption | cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

Interface CheckHeaderStyleOption

Hierarchy

Index

Properties

Properties

Optional bgColor

bgColor?: string | CanvasGradient | CanvasPattern

Optional borderColor

borderColor?: string | CanvasGradient | CanvasPattern

Optional checkBgColor

checkBgColor?: string | CanvasGradient | CanvasPattern

Optional color

color?: string | CanvasGradient | CanvasPattern

Optional font

font?: string

Optional indicatorBottomLeft

indicatorBottomLeft?: IndicatorDefine

Optional indicatorBottomRight

indicatorBottomRight?: IndicatorDefine

Optional indicatorTopLeft

indicatorTopLeft?: IndicatorDefine

Optional indicatorTopRight

indicatorTopRight?: IndicatorDefine

Optional padding

padding?: string | number | (string | number)[]

Optional textAlign

textAlign?: CanvasTextAlign

Optional textBaseline

textBaseline?: CanvasTextBaseline

Optional textOverflow

textOverflow?: string

Optional uncheckBgColor

uncheckBgColor?: string | CanvasGradient | CanvasPattern

Optional visibility

visibility?: Visibility

Legend

  • Property
  • Method
  • Accessor
  • Inherited method
  • Inherited accessor
  • Property

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/documents/tsdoc/interfaces/TYPES.CheckStyleOption.html b/documents/tsdoc/interfaces/TYPES.CheckStyleOption.html new file mode 100644 index 000000000..39dac9be7 --- /dev/null +++ b/documents/tsdoc/interfaces/TYPES.CheckStyleOption.html @@ -0,0 +1 @@ +CheckStyleOption | cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

Interface CheckStyleOption

Hierarchy

Index

Properties

Properties

Optional bgColor

bgColor?: string | CanvasGradient | CanvasPattern

Optional borderColor

borderColor?: string | CanvasGradient | CanvasPattern

Optional checkBgColor

checkBgColor?: string | CanvasGradient | CanvasPattern

Optional indicatorBottomLeft

indicatorBottomLeft?: IndicatorDefine

Optional indicatorBottomRight

indicatorBottomRight?: IndicatorDefine

Optional indicatorTopLeft

indicatorTopLeft?: IndicatorDefine

Optional indicatorTopRight

indicatorTopRight?: IndicatorDefine

Optional textAlign

textAlign?: CanvasTextAlign

Optional textBaseline

textBaseline?: CanvasTextBaseline

Optional uncheckBgColor

uncheckBgColor?: string | CanvasGradient | CanvasPattern

Optional visibility

visibility?: Visibility

Legend

  • Property
  • Method
  • Accessor
  • Inherited method
  • Inherited accessor
  • Property

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/documents/tsdoc/interfaces/TYPES.ColumnActionAPI.html b/documents/tsdoc/interfaces/TYPES.ColumnActionAPI.html new file mode 100644 index 000000000..7dd031bed --- /dev/null +++ b/documents/tsdoc/interfaces/TYPES.ColumnActionAPI.html @@ -0,0 +1 @@ +ColumnActionAPI | cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

Interface ColumnActionAPI

Hierarchy

  • ColumnActionAPI

Index

Properties

Properties

disabled

disabled: RecordBoolean<any>

Readonly editable

editable: boolean

Legend

  • Property
  • Method
  • Accessor
  • Inherited method
  • Inherited accessor
  • Property

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/documents/tsdoc/interfaces/TYPES.ColumnMenuItemObjectOptions.html b/documents/tsdoc/interfaces/TYPES.ColumnMenuItemObjectOptions.html new file mode 100644 index 000000000..3e4314178 --- /dev/null +++ b/documents/tsdoc/interfaces/TYPES.ColumnMenuItemObjectOptions.html @@ -0,0 +1 @@ +ColumnMenuItemObjectOptions | cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

Interface ColumnMenuItemObjectOptions

Hierarchy

  • ColumnMenuItemObjectOptions

Indexable

[value: string]: string

Legend

  • Property
  • Method
  • Accessor
  • Inherited method
  • Inherited accessor
  • Property

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/documents/tsdoc/interfaces/TYPES.ColumnMenuItemOption.html b/documents/tsdoc/interfaces/TYPES.ColumnMenuItemOption.html new file mode 100644 index 000000000..54d8eae6e --- /dev/null +++ b/documents/tsdoc/interfaces/TYPES.ColumnMenuItemOption.html @@ -0,0 +1 @@ +ColumnMenuItemOption | cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

Interface ColumnMenuItemOption

Hierarchy

  • ColumnMenuItemOption

Index

Properties

Properties

Optional classList

classList?: string[]

Optional html

html?: string

label

label: string

value

value: any

Legend

  • Property
  • Method
  • Accessor
  • Inherited method
  • Inherited accessor
  • Property

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/documents/tsdoc/interfaces/TYPES.ColumnStyle.html b/documents/tsdoc/interfaces/TYPES.ColumnStyle.html new file mode 100644 index 000000000..1c46276a7 --- /dev/null +++ b/documents/tsdoc/interfaces/TYPES.ColumnStyle.html @@ -0,0 +1 @@ +ColumnStyle | cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

Interface ColumnStyle

Hierarchy

  • ColumnStyle

Index

Properties

Methods

Properties

Optional bgColor

bgColor?: string | CanvasGradient | CanvasPattern

Optional indicatorBottomLeft

indicatorBottomLeft?: IndicatorObject

Optional indicatorBottomRight

indicatorBottomRight?: IndicatorObject

Optional indicatorTopLeft

indicatorTopLeft?: IndicatorObject

Optional indicatorTopRight

indicatorTopRight?: IndicatorObject

Optional visibility

visibility?: Visibility

Methods

clone

doChangeStyle

  • doChangeStyle(): void

  • Returns void

Legend

  • Property
  • Method
  • Accessor
  • Property
  • Method
  • Inherited method
  • Inherited accessor

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/documents/tsdoc/interfaces/TYPES.ColumnTypeAPI.html b/documents/tsdoc/interfaces/TYPES.ColumnTypeAPI.html new file mode 100644 index 000000000..332259511 --- /dev/null +++ b/documents/tsdoc/interfaces/TYPES.ColumnTypeAPI.html @@ -0,0 +1 @@ +ColumnTypeAPI | cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

Interface ColumnTypeAPI

Hierarchy

  • ColumnTypeAPI

Legend

  • Property
  • Method
  • Accessor
  • Inherited method
  • Inherited accessor
  • Property

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/documents/tsdoc/interfaces/TYPES.DataSourceAPI.html b/documents/tsdoc/interfaces/TYPES.DataSourceAPI.html new file mode 100644 index 000000000..bf496951d --- /dev/null +++ b/documents/tsdoc/interfaces/TYPES.DataSourceAPI.html @@ -0,0 +1 @@ +DataSourceAPI | cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

Interface DataSourceAPI<T>

Type parameters

  • T

Hierarchy

  • DataSourceAPI

Implemented by

Index

Properties

Methods

Properties

dataSource

dataSource: DataSourceAPI<T>

length

length: number

Methods

get

getField

  • getField<F>(index: number, field: F): any

  • Type parameters

    Parameters

    • index: number
    • field: F

    Returns any

hasField

  • hasField(index: number, field: FieldDef<T>): boolean

  • Parameters

    Returns boolean

setField

  • setField<F>(index: number, field: F, value: any): MaybePromise<boolean>

sort

Legend

  • Property
  • Method
  • Accessor
  • Property
  • Method
  • Inherited method
  • Inherited accessor

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/documents/tsdoc/interfaces/TYPES.DrawGridAPI.html b/documents/tsdoc/interfaces/TYPES.DrawGridAPI.html new file mode 100644 index 000000000..77132516c --- /dev/null +++ b/documents/tsdoc/interfaces/TYPES.DrawGridAPI.html @@ -0,0 +1 @@ +DrawGridAPI | cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

Interface DrawGridAPI

Hierarchy

Implemented by

Index

Properties

Methods

Properties

Readonly canvas

canvas: HTMLCanvasElement

colCount

colCount: number

defaultColWidth

defaultColWidth: string | number

defaultRowHeight

defaultRowHeight: number

Optional font

font?: string

frozenColCount

frozenColCount: number

frozenRowCount

frozenRowCount: number

keyboardOptions

keyboardOptions: null | DrawGridKeyboardOptions

Readonly leftCol

leftCol: number

rowCount

rowCount: number

scrollLeft

scrollLeft: number

scrollTop

scrollTop: number

Readonly selection

selection: Selection

Readonly topRow

topRow: number

trimOnPaste

trimOnPaste: boolean

Optional underlayBackgroundColor

underlayBackgroundColor?: string

Readonly visibleColCount

visibleColCount: number

Readonly visibleRowCount

visibleRowCount: number

Methods

addDisposable

  • addDisposable(disposable: { dispose: any }): void

  • Parameters

    • disposable: { dispose: any }
      • dispose:function
        • dispose(): void

        • Returns void

    Returns void

configure

  • configure(name: "fadeinWhenCallbackInPromise", value?: boolean): boolean

  • Parameters

    • name: "fadeinWhenCallbackInPromise"
    • Optional value: boolean

    Returns boolean

dispose

  • dispose(): void

  • Returns void

focus

  • focus(): void

  • Returns void

focusCell

  • focusCell(col: number, row: number): void

  • Parameters

    • col: number
    • row: number

    Returns void

getAttachCellsArea

getCellAt

  • getCellAt(absoluteX: number, absoluteY: number): CellAddress

  • Parameters

    • absoluteX: number
    • absoluteY: number

    Returns CellAddress

getCellOverflowText

  • getCellOverflowText(col: number, row: number): null | string

  • Parameters

    • col: number
    • row: number

    Returns null | string

getCellRangeRect

getCellRect

  • getCellRect(col: number, row: number): RectProps

  • Parameters

    • col: number
    • row: number

    Returns RectProps

getCellRelativeRect

  • getCellRelativeRect(col: number, row: number): RectProps

  • Parameters

    • col: number
    • row: number

    Returns RectProps

getCellsRect

  • getCellsRect(startCol: number, startRow: number, endCol: number, endRow: number): RectProps

  • Parameters

    • startCol: number
    • startRow: number
    • endCol: number
    • endRow: number

    Returns RectProps

getColAt

  • getColAt(absoluteX: number): number

  • Parameters

    • absoluteX: number

    Returns number

getColWidth

  • getColWidth(col: number): number

  • Parameters

    • col: number

    Returns number

getElement

  • getElement(): HTMLElement

  • Returns HTMLElement

getMaxColWidth

  • getMaxColWidth(col: number): undefined | string | number

  • Parameters

    • col: number

    Returns undefined | string | number

getMinColWidth

  • getMinColWidth(col: number): undefined | string | number

  • Parameters

    • col: number

    Returns undefined | string | number

getRowAt

  • getRowAt(absoluteY: number): number

  • Parameters

    • absoluteY: number

    Returns number

getRowHeight

  • getRowHeight(row: number): number

  • Parameters

    • row: number

    Returns number

hasFocusGrid

  • hasFocusGrid(): boolean

  • Returns boolean

invalidate

  • invalidate(): void

  • Returns void

invalidateCell

  • invalidateCell(col: number, row: number): void

  • Parameters

    • col: number
    • row: number

    Returns void

invalidateCellRange

  • invalidateCellRange(cellRange: CellRange): void

invalidateGridRect

  • invalidateGridRect(startCol: number, startRow: number, endCol?: number, endRow?: number): void

  • Parameters

    • startCol: number
    • startRow: number
    • Optional endCol: number
    • Optional endRow: number

    Returns void

isFrozenCell

  • isFrozenCell(col: number, row: number): null | { col: boolean; row: boolean }

  • Parameters

    • col: number
    • row: number

    Returns null | { col: boolean; row: boolean }

listen

makeVisibleCell

  • makeVisibleCell(col: number, row: number): void

  • Parameters

    • col: number
    • row: number

    Returns void

onKeyDownMove

  • onKeyDownMove(evt: KeyboardEvent): void

  • Parameters

    • evt: KeyboardEvent

    Returns void

setCellOverflowText

  • setCellOverflowText(col: number, row: number, overflowText: string | false): void

  • Parameters

    • col: number
    • row: number
    • overflowText: string | false

    Returns void

setColWidth

  • setColWidth(col: number, width: null | string | number): void

  • Parameters

    • col: number
    • width: null | string | number

    Returns void

setFocusCursor

  • setFocusCursor(col: number, row: number): void

  • Parameters

    • col: number
    • row: number

    Returns void

setMaxColWidth

  • setMaxColWidth(col: number, maxwidth: string | number): void

  • Parameters

    • col: number
    • maxwidth: string | number

    Returns void

setMinColWidth

  • setMinColWidth(col: number, minwidth: string | number): void

  • Parameters

    • col: number
    • minwidth: string | number

    Returns void

setRowHeight

  • setRowHeight(row: number, height: number): void

  • Parameters

    • row: number
    • height: number

    Returns void

updateScroll

  • updateScroll(): boolean

  • Returns boolean

updateSize

  • updateSize(): void

  • Returns void

Legend

  • Property
  • Method
  • Accessor
  • Property
  • Method
  • Inherited method
  • Inherited accessor

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/documents/tsdoc/interfaces/TYPES.DrawGridEventHandlersEventMap.html b/documents/tsdoc/interfaces/TYPES.DrawGridEventHandlersEventMap.html new file mode 100644 index 000000000..008408953 --- /dev/null +++ b/documents/tsdoc/interfaces/TYPES.DrawGridEventHandlersEventMap.html @@ -0,0 +1 @@ +DrawGridEventHandlersEventMap | cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

Interface DrawGridEventHandlersEventMap

Hierarchy

Index

Properties

Properties

blur_grid

blur_grid: [FocusEvent]

click_cell

click_cell: [MouseCellEvent]

contextmenu_cell

contextmenu_cell: [MouseCellEvent]

copydata

copydata: [CellRange]

dblclick_cell

dblclick_cell: [MouseCellEvent]

dbltap_cell

dbltap_cell: [TouchCellEvent]

delete_cell

delete_cell: [DeleteCellEvent]

editableinput_cell

editableinput_cell: [CellAddress]

focus_grid

focus_grid: [FocusEvent]

input_cell

input_cell: [InputCellEvent]

keydown

keydown: [KeydownEvent]

modify_status_editableinput_cell

modify_status_editableinput_cell: [ModifyStatusEditableinputCellEvent]

mousedown_cell

mousedown_cell: [MouseCellEvent]

mouseenter_cell

mouseenter_cell: [MousePointerCellEvent]

mouseleave_cell

mouseleave_cell: [MousePointerCellEvent]

mousemove_cell

mousemove_cell: [MouseCellEvent]

mouseout_cell

mouseout_cell: [MousePointerCellEvent]

mouseover_cell

mouseover_cell: [MousePointerCellEvent]

mouseup_cell

mouseup_cell: [MouseCellEvent]

paste_cell

paste_cell: [PasteCellEvent]

resize_column

resize_column: [{ col: number }]

scroll

scroll: [ScrollEvent]

selected_cell

selected_cell: [SelectedCellEvent, boolean]

touchstart_cell

touchstart_cell: [TouchCellEvent]

Legend

  • Property
  • Method
  • Accessor
  • Inherited method
  • Inherited accessor
  • Property

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/documents/tsdoc/interfaces/TYPES.DrawGridEventHandlersReturnMap.html b/documents/tsdoc/interfaces/TYPES.DrawGridEventHandlersReturnMap.html new file mode 100644 index 000000000..17896f552 --- /dev/null +++ b/documents/tsdoc/interfaces/TYPES.DrawGridEventHandlersReturnMap.html @@ -0,0 +1 @@ +DrawGridEventHandlersReturnMap | cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

Interface DrawGridEventHandlersReturnMap

Hierarchy

Index

Properties

Properties

blur_grid

blur_grid: void

click_cell

click_cell: void

contextmenu_cell

contextmenu_cell: void

copydata

copydata: string

dblclick_cell

dblclick_cell: void

dbltap_cell

dbltap_cell: void

delete_cell

delete_cell: void

editableinput_cell

editableinput_cell: boolean | void

focus_grid

focus_grid: void

input_cell

input_cell: void

keydown

keydown: void

modify_status_editableinput_cell

modify_status_editableinput_cell: void

mousedown_cell

mousedown_cell: boolean

mouseenter_cell

mouseenter_cell: void

mouseleave_cell

mouseleave_cell: void

mousemove_cell

mousemove_cell: void

mouseout_cell

mouseout_cell: void

mouseover_cell

mouseover_cell: void

mouseup_cell

mouseup_cell: void

paste_cell

paste_cell: void

resize_column

resize_column: void

scroll

scroll: void

selected_cell

selected_cell: void

touchstart_cell

touchstart_cell: void

Legend

  • Property
  • Method
  • Accessor
  • Inherited method
  • Inherited accessor
  • Property

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/documents/tsdoc/interfaces/TYPES.DrawGridKeyboardOptions.html b/documents/tsdoc/interfaces/TYPES.DrawGridKeyboardOptions.html new file mode 100644 index 000000000..d534eb3a9 --- /dev/null +++ b/documents/tsdoc/interfaces/TYPES.DrawGridKeyboardOptions.html @@ -0,0 +1 @@ +DrawGridKeyboardOptions | cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

Interface DrawGridKeyboardOptions

Hierarchy

  • DrawGridKeyboardOptions

Index

Properties

Properties

Optional deleteCellValueOnDel

deleteCellValueOnDel?: boolean

Optional moveCellOnEnter

moveCellOnEnter?: boolean | DrawGridKeyboardMoveCellFunction

Optional moveCellOnTab

moveCellOnTab?: boolean | DrawGridKeyboardMoveCellFunction

Optional selectAllOnCtrlA

selectAllOnCtrlA?: boolean

Legend

  • Property
  • Method
  • Accessor
  • Inherited method
  • Inherited accessor
  • Property

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/documents/tsdoc/interfaces/TYPES.EditorOption.html b/documents/tsdoc/interfaces/TYPES.EditorOption.html new file mode 100644 index 000000000..a47d95b5f --- /dev/null +++ b/documents/tsdoc/interfaces/TYPES.EditorOption.html @@ -0,0 +1 @@ +EditorOption | cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

Interface EditorOption

Hierarchy

Index

Properties

Properties

Optional disabled

disabled?: RecordBoolean<any>

Optional readOnly

readOnly?: RecordBoolean<any>

Legend

  • Property
  • Method
  • Accessor
  • Inherited method
  • Inherited accessor
  • Property

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/documents/tsdoc/interfaces/TYPES.FieldAssessor.html b/documents/tsdoc/interfaces/TYPES.FieldAssessor.html new file mode 100644 index 000000000..f4b122e31 --- /dev/null +++ b/documents/tsdoc/interfaces/TYPES.FieldAssessor.html @@ -0,0 +1 @@ +FieldAssessor | cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

Interface FieldAssessor<T>

Type parameters

  • T

Hierarchy

  • FieldAssessor

Index

Properties

Properties

get

get: FieldGetter<T>

set

set: FieldSetter<T>

Legend

  • Property
  • Method
  • Accessor
  • Inherited method
  • Inherited accessor
  • Property

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/documents/tsdoc/interfaces/TYPES.FontIcon.html b/documents/tsdoc/interfaces/TYPES.FontIcon.html new file mode 100644 index 000000000..74fb24322 --- /dev/null +++ b/documents/tsdoc/interfaces/TYPES.FontIcon.html @@ -0,0 +1 @@ +FontIcon | cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

Interface FontIcon<T>

Type parameters

  • T

Hierarchy

  • FontIcon

Index

Properties

Properties

Optional className

className?: string

Optional color

color?: string

Optional content

content?: string | (T extends object ? keyof T : never)

Optional font

font?: string

Optional height

height?: number

Optional isLiga

isLiga?: boolean

Optional offsetLeft

offsetLeft?: number

Optional offsetTop

offsetTop?: number

Optional tagName

tagName?: string

Optional width

width?: number

Legend

  • Property
  • Method
  • Accessor
  • Inherited method
  • Inherited accessor
  • Property

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/documents/tsdoc/interfaces/TYPES.GridCanvasHelperAPI.html b/documents/tsdoc/interfaces/TYPES.GridCanvasHelperAPI.html new file mode 100644 index 000000000..fef17a48f --- /dev/null +++ b/documents/tsdoc/interfaces/TYPES.GridCanvasHelperAPI.html @@ -0,0 +1 @@ +GridCanvasHelperAPI | cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

Interface GridCanvasHelperAPI

Hierarchy

  • GridCanvasHelperAPI

Index

Properties

Methods

Properties

theme

theme: RequiredThemeDefine

Methods

buildCheckBoxInline

button

  • button(caption: string, context: CellContext, option: { bgColor?: ColorPropertyDefine; color?: ColorPropertyDefine; font?: FontPropertyDefine; icons?: SimpleColumnIconOption[]; offset?: number; padding?: string | number | (string | number)[]; shadow?: { blur?: number; color?: string; offset?: { x?: number; y?: number }; offsetX?: number; offsetY?: number }; textAlign?: CanvasTextAlign; textBaseline?: CanvasTextBaseline; textOverflow?: string }): void

  • Parameters

    • caption: string
    • context: CellContext
    • option: { bgColor?: ColorPropertyDefine; color?: ColorPropertyDefine; font?: FontPropertyDefine; icons?: SimpleColumnIconOption[]; offset?: number; padding?: string | number | (string | number)[]; shadow?: { blur?: number; color?: string; offset?: { x?: number; y?: number }; offsetX?: number; offsetY?: number }; textAlign?: CanvasTextAlign; textBaseline?: CanvasTextBaseline; textOverflow?: string }
      • Optional bgColor?: ColorPropertyDefine
      • Optional color?: ColorPropertyDefine
      • Optional font?: FontPropertyDefine
      • Optional icons?: SimpleColumnIconOption[]
      • Optional offset?: number
      • Optional padding?: string | number | (string | number)[]
      • Optional shadow?: { blur?: number; color?: string; offset?: { x?: number; y?: number }; offsetX?: number; offsetY?: number }
        • Optional blur?: number
        • Optional color?: string
        • Optional offset?: { x?: number; y?: number }
          • Optional x?: number
          • Optional y?: number
        • Optional offsetX?: number
        • Optional offsetY?: number
      • Optional textAlign?: CanvasTextAlign
      • Optional textBaseline?: CanvasTextBaseline
      • Optional textOverflow?: string

    Returns void

checkbox

drawBorderWithClip

  • drawBorderWithClip(context: CellContext, draw: (ctx: CanvasRenderingContext2D) => void): void

  • Parameters

    • context: CellContext
    • draw: (ctx: CanvasRenderingContext2D) => void
        • (ctx: CanvasRenderingContext2D): void

        • Parameters

          • ctx: CanvasRenderingContext2D

          Returns void

    Returns void

drawWithClip

  • drawWithClip(context: CellContext, draw: (ctx: CanvasRenderingContext2D) => void): void

  • Parameters

    • context: CellContext
    • draw: (ctx: CanvasRenderingContext2D) => void
        • (ctx: CanvasRenderingContext2D): void

        • Parameters

          • ctx: CanvasRenderingContext2D

          Returns void

    Returns void

fillRectWithState

getColor

  • getColor(color: ColorPropertyDefine, col: number, row: number, ctx: CanvasRenderingContext2D): string | CanvasGradient | CanvasPattern
  • getColor(color: ColorsPropertyDefine, col: number, row: number, ctx: CanvasRenderingContext2D): ColorsDef

  • Parameters

    Returns string | CanvasGradient | CanvasPattern

  • Parameters

    Returns ColorsDef

multilineText

  • multilineText(multilines: string[], context: CellContext, option: { autoWrapText?: boolean; color?: ColorPropertyDefine; font?: FontPropertyDefine; icons?: SimpleColumnIconOption[]; lineClamp?: LineClamp; lineHeight?: string | number; offset?: number; padding?: string | number | (string | number)[]; textAlign?: CanvasTextAlign; textBaseline?: CanvasTextBaseline; textOverflow?: string }): void

  • Parameters

    • multilines: string[]
    • context: CellContext
    • option: { autoWrapText?: boolean; color?: ColorPropertyDefine; font?: FontPropertyDefine; icons?: SimpleColumnIconOption[]; lineClamp?: LineClamp; lineHeight?: string | number; offset?: number; padding?: string | number | (string | number)[]; textAlign?: CanvasTextAlign; textBaseline?: CanvasTextBaseline; textOverflow?: string }
      • Optional autoWrapText?: boolean
      • Optional color?: ColorPropertyDefine
      • Optional font?: FontPropertyDefine
      • Optional icons?: SimpleColumnIconOption[]
      • Optional lineClamp?: LineClamp
      • Optional lineHeight?: string | number
      • Optional offset?: number
      • Optional padding?: string | number | (string | number)[]
      • Optional textAlign?: CanvasTextAlign
      • Optional textBaseline?: CanvasTextBaseline
      • Optional textOverflow?: string

    Returns void

radioButton

testFontLoad

  • testFontLoad(font: undefined | string, value: string, context: CellContext): boolean

  • Parameters

    • font: undefined | string
    • value: string
    • context: CellContext

    Returns boolean

text

  • text(text: string | (string | InlineAPI)[], context: CellContext, option: { color?: ColorPropertyDefine; font?: FontPropertyDefine; icons?: SimpleColumnIconOption[]; offset?: number; padding?: string | number | (string | number)[]; textAlign?: CanvasTextAlign; textBaseline?: CanvasTextBaseline; textOverflow?: string }): void

  • Parameters

    • text: string | (string | InlineAPI)[]
    • context: CellContext
    • option: { color?: ColorPropertyDefine; font?: FontPropertyDefine; icons?: SimpleColumnIconOption[]; offset?: number; padding?: string | number | (string | number)[]; textAlign?: CanvasTextAlign; textBaseline?: CanvasTextBaseline; textOverflow?: string }
      • Optional color?: ColorPropertyDefine
      • Optional font?: FontPropertyDefine
      • Optional icons?: SimpleColumnIconOption[]
      • Optional offset?: number
      • Optional padding?: string | number | (string | number)[]
      • Optional textAlign?: CanvasTextAlign
      • Optional textBaseline?: CanvasTextBaseline
      • Optional textOverflow?: string

    Returns void

toBoxPixelArray

  • toBoxPixelArray(value: string | number | (string | number)[], context: CellContext, font: undefined | string): [number, number, number, number]

  • Parameters

    • value: string | number | (string | number)[]
    • context: CellContext
    • font: undefined | string

    Returns [number, number, number, number]

Legend

  • Property
  • Method
  • Accessor
  • Property
  • Method
  • Inherited method
  • Inherited accessor

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/documents/tsdoc/interfaces/TYPES.HeaderStdStyleOption.html b/documents/tsdoc/interfaces/TYPES.HeaderStdStyleOption.html new file mode 100644 index 000000000..96e43f5ca --- /dev/null +++ b/documents/tsdoc/interfaces/TYPES.HeaderStdStyleOption.html @@ -0,0 +1 @@ +HeaderStdStyleOption | cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

Interface HeaderStdStyleOption

Hierarchy

Index

Properties

Properties

Optional autoWrapText

autoWrapText?: boolean

Optional bgColor

bgColor?: string | CanvasGradient | CanvasPattern

Optional color

color?: string | CanvasGradient | CanvasPattern

Optional font

font?: string

Optional indicatorBottomLeft

indicatorBottomLeft?: IndicatorDefine

Optional indicatorBottomRight

indicatorBottomRight?: IndicatorDefine

Optional indicatorTopLeft

indicatorTopLeft?: IndicatorDefine

Optional indicatorTopRight

indicatorTopRight?: IndicatorDefine

Optional lineClamp

lineClamp?: LineClamp

Optional lineHeight

lineHeight?: string | number

Optional multiline

multiline?: boolean

Optional padding

padding?: string | number | (string | number)[]

Optional textAlign

textAlign?: CanvasTextAlign

Optional textBaseline

textBaseline?: CanvasTextBaseline

Optional textOverflow

textOverflow?: string

Optional visibility

visibility?: Visibility

Legend

  • Property
  • Method
  • Accessor
  • Inherited method
  • Inherited accessor
  • Property

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/documents/tsdoc/interfaces/TYPES.IconColumnOption.html b/documents/tsdoc/interfaces/TYPES.IconColumnOption.html new file mode 100644 index 000000000..9d8e54ced --- /dev/null +++ b/documents/tsdoc/interfaces/TYPES.IconColumnOption.html @@ -0,0 +1 @@ +IconColumnOption | cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

Interface IconColumnOption

Hierarchy

Index

Properties

Properties

Optional className

className?: string

Optional content

content?: string

Optional fadeinWhenCallbackInPromise

fadeinWhenCallbackInPromise?: null | boolean

Optional iconWidth

iconWidth?: number

Optional name

name?: string

Optional tagName

tagName?: string

Legend

  • Property
  • Method
  • Accessor
  • Inherited method
  • Inherited accessor
  • Property

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/documents/tsdoc/interfaces/TYPES.IconDefine.html b/documents/tsdoc/interfaces/TYPES.IconDefine.html new file mode 100644 index 000000000..ccf7a1c2a --- /dev/null +++ b/documents/tsdoc/interfaces/TYPES.IconDefine.html @@ -0,0 +1 @@ +IconDefine | cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

Interface IconDefine

Hierarchy

  • IconDefine

Index

Properties

Properties

d

d: string

height

height: number

width

width: number

Legend

  • Property
  • Method
  • Accessor
  • Inherited method
  • Inherited accessor
  • Property

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/documents/tsdoc/interfaces/TYPES.ImageIcon.html b/documents/tsdoc/interfaces/TYPES.ImageIcon.html new file mode 100644 index 000000000..a4e25954e --- /dev/null +++ b/documents/tsdoc/interfaces/TYPES.ImageIcon.html @@ -0,0 +1 @@ +ImageIcon | cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

Interface ImageIcon<T>

Type parameters

  • T

Hierarchy

  • ImageIcon

Index

Properties

Properties

Optional height

height?: number

src

src: string | (T extends object ? keyof T : never)

Optional width

width?: number

Legend

  • Property
  • Method
  • Accessor
  • Inherited method
  • Inherited accessor
  • Property

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/documents/tsdoc/interfaces/TYPES.ImageStyleOption.html b/documents/tsdoc/interfaces/TYPES.ImageStyleOption.html new file mode 100644 index 000000000..814231684 --- /dev/null +++ b/documents/tsdoc/interfaces/TYPES.ImageStyleOption.html @@ -0,0 +1 @@ +ImageStyleOption | cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

Interface ImageStyleOption

Hierarchy

Index

Properties

Properties

Optional bgColor

bgColor?: string | CanvasGradient | CanvasPattern

Optional imageSizing

imageSizing?: "keep-aspect-ratio"

Optional indicatorBottomLeft

indicatorBottomLeft?: IndicatorDefine

Optional indicatorBottomRight

indicatorBottomRight?: IndicatorDefine

Optional indicatorTopLeft

indicatorTopLeft?: IndicatorDefine

Optional indicatorTopRight

indicatorTopRight?: IndicatorDefine

Optional margin

margin?: number

Optional textAlign

textAlign?: CanvasTextAlign

Optional textBaseline

textBaseline?: CanvasTextBaseline

Optional visibility

visibility?: Visibility

Legend

  • Property
  • Method
  • Accessor
  • Inherited method
  • Inherited accessor
  • Property

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/documents/tsdoc/interfaces/TYPES.InlineAPI.html b/documents/tsdoc/interfaces/TYPES.InlineAPI.html new file mode 100644 index 000000000..b5f8adebe --- /dev/null +++ b/documents/tsdoc/interfaces/TYPES.InlineAPI.html @@ -0,0 +1 @@ +InlineAPI | cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

Interface InlineAPI

Hierarchy

  • InlineAPI

Index

Methods

Methods

canBreak

  • canBreak(): boolean

  • Returns boolean

canDraw

  • canDraw(): boolean

  • Returns boolean

color

  • color(): null | string | CanvasGradient | CanvasPattern

  • Returns null | string | CanvasGradient | CanvasPattern

draw

  • draw(opt: any): void

  • Parameters

    • opt: any

    Returns void

font

  • font(): null | string

  • Returns null | string

onReady

width

  • width(arg: { ctx: CanvasRenderingContext2D }): number

  • Parameters

    • arg: { ctx: CanvasRenderingContext2D }
      • ctx: CanvasRenderingContext2D

    Returns number

Legend

  • Property
  • Method
  • Accessor
  • Property
  • Method
  • Inherited method
  • Inherited accessor

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/documents/tsdoc/interfaces/TYPES.InlineInputEditorOption.html b/documents/tsdoc/interfaces/TYPES.InlineInputEditorOption.html new file mode 100644 index 000000000..7bc199593 --- /dev/null +++ b/documents/tsdoc/interfaces/TYPES.InlineInputEditorOption.html @@ -0,0 +1 @@ +InlineInputEditorOption | cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

Interface InlineInputEditorOption

Hierarchy

Index

Properties

Properties

Optional classList

classList?: string | string[]

Optional disabled

disabled?: RecordBoolean<any>

Optional readOnly

readOnly?: RecordBoolean<any>

Optional type

type?: string

Legend

  • Property
  • Method
  • Accessor
  • Inherited method
  • Inherited accessor
  • Property

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/documents/tsdoc/interfaces/TYPES.InlineMenuEditorOption.html b/documents/tsdoc/interfaces/TYPES.InlineMenuEditorOption.html new file mode 100644 index 000000000..eb6e555a8 --- /dev/null +++ b/documents/tsdoc/interfaces/TYPES.InlineMenuEditorOption.html @@ -0,0 +1 @@ +InlineMenuEditorOption | cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

Interface InlineMenuEditorOption<T>

Type parameters

  • T

Hierarchy

Index

Properties

Properties

Optional classList

classList?: string | string[]

Optional disabled

disabled?: RecordBoolean<any>

Optional options

options?: ColumnMenuItemOptions | ((record: undefined | T) => ColumnMenuItemOptions)

Optional readOnly

readOnly?: RecordBoolean<any>

Legend

  • Property
  • Method
  • Accessor
  • Inherited method
  • Inherited accessor
  • Property

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/documents/tsdoc/interfaces/TYPES.ListGridAPI.html b/documents/tsdoc/interfaces/TYPES.ListGridAPI.html new file mode 100644 index 000000000..7ae89c135 --- /dev/null +++ b/documents/tsdoc/interfaces/TYPES.ListGridAPI.html @@ -0,0 +1 @@ +ListGridAPI | cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

Interface ListGridAPI<T>

Type parameters

  • T

Hierarchy

Implemented by

Index

Properties

Methods

Properties

allowRangePaste

allowRangePaste: boolean

Readonly canvas

canvas: HTMLCanvasElement

colCount

colCount: number

dataSource

dataSource: DataSourceAPI<T>

defaultColWidth

defaultColWidth: string | number

defaultRowHeight

defaultRowHeight: number

disabled

disabled: boolean

Optional font

font?: string

frozenColCount

frozenColCount: number

frozenRowCount

frozenRowCount: number

headerRowHeight

headerRowHeight: number | number[]

headerValues

headerValues: HeaderValues

keyboardOptions

keyboardOptions: null | DrawGridKeyboardOptions

Readonly leftCol

leftCol: number

readOnly

readOnly: boolean

recordRowCount

recordRowCount: number

records

records: null | T[]

rowCount

rowCount: number

scrollLeft

scrollLeft: number

scrollTop

scrollTop: number

Readonly selection

selection: Selection

sortState

sortState: null | SortState

theme

theme: null | RequiredThemeDefine

Readonly topRow

topRow: number

trimOnPaste

trimOnPaste: boolean

Optional underlayBackgroundColor

underlayBackgroundColor?: string

Readonly visibleColCount

visibleColCount: number

Readonly visibleRowCount

visibleRowCount: number

Methods

addDisposable

  • addDisposable(disposable: { dispose: any }): void

  • Parameters

    • disposable: { dispose: any }
      • dispose:function
        • dispose(): void

        • Returns void

    Returns void

configure

  • configure(name: "fadeinWhenCallbackInPromise", value?: boolean): boolean

  • Parameters

    • name: "fadeinWhenCallbackInPromise"
    • Optional value: boolean

    Returns boolean

dispose

  • dispose(): void

doChangeValue

  • doChangeValue(col: number, row: number, changeValueCallback: (before: any) => any): MaybePromise<boolean>

  • Parameters

    • col: number
    • row: number
    • changeValueCallback: (before: any) => any
        • (before: any): any

        • Parameters

          • before: any

          Returns any

    Returns MaybePromise<boolean>

doGetCellValue

  • doGetCellValue(col: number, row: number, valueCallback: (value: any) => void): boolean

  • Parameters

    • col: number
    • row: number
    • valueCallback: (value: any) => void
        • (value: any): void

        • Parameters

          • value: any

          Returns void

    Returns boolean

doSetPasteValue

  • doSetPasteValue(text: string): void
  • doSetPasteValue(text: string, test: (data: SetPasteValueTestData<T>) => boolean): void

fireListeners

focus

  • focus(): void

focusCell

  • focusCell(col: number, row: number): void

focusGridCell

  • focusGridCell(field: FieldDef<T>, index: number): void

  • Parameters

    Returns void

getAttachCellsArea

getCellAt

  • getCellAt(absoluteX: number, absoluteY: number): CellAddress

getCellOverflowText

  • getCellOverflowText(col: number, row: number): null | string

getCellRange

  • getCellRange(col: number, row: number): CellRange

  • Parameters

    • col: number
    • row: number

    Returns CellRange

getCellRangeByField

getCellRangeRect

getCellRect

  • getCellRect(col: number, row: number): RectProps

getCellRelativeRect

  • getCellRelativeRect(col: number, row: number): RectProps

getCellsRect

  • getCellsRect(startCol: number, startRow: number, endCol: number, endRow: number): RectProps

getColAt

  • getColAt(absoluteX: number): number

getColWidth

  • getColWidth(col: number): number

getColumnAction

getColumnDefine

getColumnType

getElement

  • getElement(): HTMLElement

getField

  • getField(col: number, row: number): undefined | FieldDef<T>

  • Parameters

    • col: number
    • row: number

    Returns undefined | FieldDef<T>

getGridCanvasHelper

getHeaderField

  • getHeaderField(col: number, row: number): any

  • Parameters

    • col: number
    • row: number

    Returns any

getHeaderValue

  • getHeaderValue(col: number, row: number): any

  • Parameters

    • col: number
    • row: number

    Returns any

getLayoutCellId

getMaxColWidth

  • getMaxColWidth(col: number): undefined | string | number

getMinColWidth

  • getMinColWidth(col: number): undefined | string | number

getRecordIndexByRow

  • getRecordIndexByRow(row: number): number

  • Parameters

    • row: number

    Returns number

getRecordStartRowByRecordIndex

  • getRecordStartRowByRecordIndex(index: number): number

  • Parameters

    • index: number

    Returns number

getRowAt

  • getRowAt(absoluteY: number): number

getRowHeight

  • getRowHeight(row: number): number

getRowRecord

hasFocusGrid

  • hasFocusGrid(): boolean

invalidate

  • invalidate(): void

invalidateCell

  • invalidateCell(col: number, row: number): void

invalidateCellRange

  • invalidateCellRange(cellRange: CellRange): void

invalidateGridRect

  • invalidateGridRect(startCol: number, startRow: number, endCol?: number, endRow?: number): void

  • Parameters

    • startCol: number
    • startRow: number
    • Optional endCol: number
    • Optional endRow: number

    Returns void

isFrozenCell

  • isFrozenCell(col: number, row: number): null | { col: boolean; row: boolean }

  • Parameters

    • col: number
    • row: number

    Returns null | { col: boolean; row: boolean }

listen

makeVisibleCell

  • makeVisibleCell(col: number, row: number): void

makeVisibleGridCell

  • makeVisibleGridCell(field: FieldDef<T>, index: number): void

  • Parameters

    Returns void

onKeyDownMove

  • onKeyDownMove(evt: KeyboardEvent): void

setCellOverflowText

  • setCellOverflowText(col: number, row: number, overflowText: string | false): void

setColWidth

  • setColWidth(col: number, width: null | string | number): void

setFocusCursor

  • setFocusCursor(col: number, row: number): void

setHeaderValue

  • setHeaderValue(col: number, row: number, newValue: any): void

  • Parameters

    • col: number
    • row: number
    • newValue: any

    Returns void

setMaxColWidth

  • setMaxColWidth(col: number, maxwidth: string | number): void

setMinColWidth

  • setMinColWidth(col: number, minwidth: string | number): void

setRowHeight

  • setRowHeight(row: number, height: number): void

updateScroll

  • updateScroll(): boolean

updateSize

  • updateSize(): void

Legend

  • Property
  • Method
  • Accessor
  • Property
  • Method
  • Inherited method
  • Inherited accessor

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/documents/tsdoc/interfaces/TYPES.ListGridEventHandlersEventMap.html b/documents/tsdoc/interfaces/TYPES.ListGridEventHandlersEventMap.html new file mode 100644 index 000000000..f1012cd88 --- /dev/null +++ b/documents/tsdoc/interfaces/TYPES.ListGridEventHandlersEventMap.html @@ -0,0 +1 @@ +ListGridEventHandlersEventMap | cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

Interface ListGridEventHandlersEventMap<T>

Type parameters

  • T

Hierarchy

Index

Properties

Properties

before_change_value

before_change_value: [ChangedValueCellEvent<T>]

blur_grid

blur_grid: [FocusEvent]

changed_header_value

changed_header_value: [ChangedHeaderValueCellEvent]

changed_value

changed_value: [ChangedValueCellEvent<T>]

click_cell

click_cell: [MouseCellEvent]

contextmenu_cell

contextmenu_cell: [MouseCellEvent]

copydata

copydata: [CellRange]

dblclick_cell

dblclick_cell: [MouseCellEvent]

dbltap_cell

dbltap_cell: [TouchCellEvent]

delete_cell

delete_cell: [DeleteCellEvent]

editableinput_cell

editableinput_cell: [CellAddress]

focus_grid

focus_grid: [FocusEvent]

input_cell

input_cell: [InputCellEvent]

keydown

keydown: [KeydownEvent]

modify_status_editableinput_cell

modify_status_editableinput_cell: [ModifyStatusEditableinputCellEvent]

mousedown_cell

mousedown_cell: [MouseCellEvent]

mouseenter_cell

mouseenter_cell: [MousePointerCellEvent]

mouseleave_cell

mouseleave_cell: [MousePointerCellEvent]

mousemove_cell

mousemove_cell: [MouseCellEvent]

mouseout_cell

mouseout_cell: [MousePointerCellEvent]

mouseover_cell

mouseover_cell: [MousePointerCellEvent]

mouseup_cell

mouseup_cell: [MouseCellEvent]

paste_cell

paste_cell: [PasteCellEvent]

rejected_paste_values

rejected_paste_values: [PasteRejectedValuesEvent<T>]

resize_column

resize_column: [{ col: number }]

scroll

scroll: [ScrollEvent]

selected_cell

selected_cell: [SelectedCellEvent, boolean]

touchstart_cell

touchstart_cell: [TouchCellEvent]

Legend

  • Property
  • Method
  • Accessor
  • Inherited method
  • Inherited accessor
  • Property

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/documents/tsdoc/interfaces/TYPES.ListGridEventHandlersReturnMap.html b/documents/tsdoc/interfaces/TYPES.ListGridEventHandlersReturnMap.html new file mode 100644 index 000000000..3d22208eb --- /dev/null +++ b/documents/tsdoc/interfaces/TYPES.ListGridEventHandlersReturnMap.html @@ -0,0 +1 @@ +ListGridEventHandlersReturnMap | cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

Interface ListGridEventHandlersReturnMap

Hierarchy

Index

Properties

Properties

before_change_value

before_change_value: void

blur_grid

blur_grid: void

changed_header_value

changed_header_value: void

changed_value

changed_value: void

click_cell

click_cell: void

contextmenu_cell

contextmenu_cell: void

copydata

copydata: string

dblclick_cell

dblclick_cell: void

dbltap_cell

dbltap_cell: void

delete_cell

delete_cell: void

editableinput_cell

editableinput_cell: boolean | void

focus_grid

focus_grid: void

input_cell

input_cell: void

keydown

keydown: void

modify_status_editableinput_cell

modify_status_editableinput_cell: void

mousedown_cell

mousedown_cell: boolean

mouseenter_cell

mouseenter_cell: void

mouseleave_cell

mouseleave_cell: void

mousemove_cell

mousemove_cell: void

mouseout_cell

mouseout_cell: void

mouseover_cell

mouseover_cell: void

mouseup_cell

mouseup_cell: void

paste_cell

paste_cell: void

rejected_paste_values

rejected_paste_values: void

resize_column

resize_column: void

scroll

scroll: void

selected_cell

selected_cell: void

touchstart_cell

touchstart_cell: void

Legend

  • Property
  • Method
  • Accessor
  • Inherited method
  • Inherited accessor
  • Property

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/documents/tsdoc/interfaces/TYPES.MenuColumnOption.html b/documents/tsdoc/interfaces/TYPES.MenuColumnOption.html new file mode 100644 index 000000000..0de30fc02 --- /dev/null +++ b/documents/tsdoc/interfaces/TYPES.MenuColumnOption.html @@ -0,0 +1 @@ +MenuColumnOption | cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

Interface MenuColumnOption

Hierarchy

Index

Properties

Properties

Optional fadeinWhenCallbackInPromise

fadeinWhenCallbackInPromise?: null | boolean

Optional options

options?: ColumnMenuItemOptions

Legend

  • Property
  • Method
  • Accessor
  • Inherited method
  • Inherited accessor
  • Property

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/documents/tsdoc/interfaces/TYPES.MenuStyleOption.html b/documents/tsdoc/interfaces/TYPES.MenuStyleOption.html new file mode 100644 index 000000000..95c65eb56 --- /dev/null +++ b/documents/tsdoc/interfaces/TYPES.MenuStyleOption.html @@ -0,0 +1 @@ +MenuStyleOption | cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

Interface MenuStyleOption

Hierarchy

Index

Properties

Properties

Optional appearance

appearance?: "none" | "menulist-button"

Optional bgColor

bgColor?: string | CanvasGradient | CanvasPattern

Optional color

color?: string | CanvasGradient | CanvasPattern

Optional font

font?: string

Optional indicatorBottomLeft

indicatorBottomLeft?: IndicatorDefine

Optional indicatorBottomRight

indicatorBottomRight?: IndicatorDefine

Optional indicatorTopLeft

indicatorTopLeft?: IndicatorDefine

Optional indicatorTopRight

indicatorTopRight?: IndicatorDefine

Optional padding

padding?: string | number | (string | number)[]

Optional textAlign

textAlign?: CanvasTextAlign

Optional textBaseline

textBaseline?: CanvasTextBaseline

Optional textOverflow

textOverflow?: string

Optional visibility

visibility?: Visibility

Legend

  • Property
  • Method
  • Accessor
  • Inherited method
  • Inherited accessor
  • Property

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/documents/tsdoc/interfaces/TYPES.MessageObject.html b/documents/tsdoc/interfaces/TYPES.MessageObject.html new file mode 100644 index 000000000..b5e0db4a9 --- /dev/null +++ b/documents/tsdoc/interfaces/TYPES.MessageObject.html @@ -0,0 +1 @@ +MessageObject | cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

Interface MessageObject

Hierarchy

  • MessageObject

Index

Properties

Properties

message

message: null | string

Optional original

original?: Message

type

type: "error" | "info" | "warning"

Legend

  • Property
  • Method
  • Accessor
  • Inherited method
  • Inherited accessor
  • Property

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/documents/tsdoc/interfaces/TYPES.MultilineTextStyleOption.html b/documents/tsdoc/interfaces/TYPES.MultilineTextStyleOption.html new file mode 100644 index 000000000..7b03691f0 --- /dev/null +++ b/documents/tsdoc/interfaces/TYPES.MultilineTextStyleOption.html @@ -0,0 +1 @@ +MultilineTextStyleOption | cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

Interface MultilineTextStyleOption

Hierarchy

Index

Properties

Properties

Optional autoWrapText

autoWrapText?: boolean

Optional bgColor

bgColor?: string | CanvasGradient | CanvasPattern

Optional color

color?: string | CanvasGradient | CanvasPattern

Optional font

font?: string

Optional indicatorBottomLeft

indicatorBottomLeft?: IndicatorDefine

Optional indicatorBottomRight

indicatorBottomRight?: IndicatorDefine

Optional indicatorTopLeft

indicatorTopLeft?: IndicatorDefine

Optional indicatorTopRight

indicatorTopRight?: IndicatorDefine

Optional lineClamp

lineClamp?: LineClamp

Optional lineHeight

lineHeight?: string | number

Optional padding

padding?: string | number | (string | number)[]

Optional textAlign

textAlign?: CanvasTextAlign

Optional textBaseline

textBaseline?: CanvasTextBaseline

Optional textOverflow

textOverflow?: string

Optional visibility

visibility?: Visibility

Legend

  • Property
  • Method
  • Accessor
  • Inherited method
  • Inherited accessor
  • Property

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/documents/tsdoc/interfaces/TYPES.NamedIcon.html b/documents/tsdoc/interfaces/TYPES.NamedIcon.html new file mode 100644 index 000000000..bc601ca3c --- /dev/null +++ b/documents/tsdoc/interfaces/TYPES.NamedIcon.html @@ -0,0 +1 @@ +NamedIcon | cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

Interface NamedIcon<T>

Type parameters

  • T

Hierarchy

  • NamedIcon

Index

Properties

Properties

Optional height

height?: number

name

name: string | (T extends object ? keyof T : never)

Optional width

width?: number

Legend

  • Property
  • Method
  • Accessor
  • Inherited method
  • Inherited accessor
  • Property

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/documents/tsdoc/interfaces/TYPES.NumberColumnOption.html b/documents/tsdoc/interfaces/TYPES.NumberColumnOption.html new file mode 100644 index 000000000..a2a4554da --- /dev/null +++ b/documents/tsdoc/interfaces/TYPES.NumberColumnOption.html @@ -0,0 +1 @@ +NumberColumnOption | cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

Interface NumberColumnOption

Hierarchy

Index

Properties

Properties

Optional fadeinWhenCallbackInPromise

fadeinWhenCallbackInPromise?: null | boolean

Optional format

format?: NumberFormat

Legend

  • Property
  • Method
  • Accessor
  • Inherited method
  • Inherited accessor
  • Property

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/documents/tsdoc/interfaces/TYPES.OldSimpleColumnMenuItemOption.html b/documents/tsdoc/interfaces/TYPES.OldSimpleColumnMenuItemOption.html new file mode 100644 index 000000000..fca3cd09e --- /dev/null +++ b/documents/tsdoc/interfaces/TYPES.OldSimpleColumnMenuItemOption.html @@ -0,0 +1 @@ +OldSimpleColumnMenuItemOption | cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

Interface OldSimpleColumnMenuItemOption

internal

Hierarchy

  • OldSimpleColumnMenuItemOption

Index

Properties

Properties

caption

caption: string

value

value: any

Legend

  • Property
  • Method
  • Accessor
  • Inherited method
  • Inherited accessor
  • Property

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/documents/tsdoc/interfaces/TYPES.PasteRangeBoxValues.html b/documents/tsdoc/interfaces/TYPES.PasteRangeBoxValues.html new file mode 100644 index 000000000..c0c6612dc --- /dev/null +++ b/documents/tsdoc/interfaces/TYPES.PasteRangeBoxValues.html @@ -0,0 +1 @@ +PasteRangeBoxValues | cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

Interface PasteRangeBoxValues

Hierarchy

  • PasteRangeBoxValues

Index

Properties

Methods

Properties

Readonly colCount

colCount: number

Readonly rowCount

rowCount: number

Methods

getCellValue

  • getCellValue(offsetCol: number, offsetRow: number): string

  • Parameters

    • offsetCol: number
    • offsetRow: number

    Returns string

Legend

  • Property
  • Method
  • Accessor
  • Property
  • Method
  • Inherited method
  • Inherited accessor

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/documents/tsdoc/interfaces/TYPES.PathIcon.html b/documents/tsdoc/interfaces/TYPES.PathIcon.html new file mode 100644 index 000000000..d9f274e91 --- /dev/null +++ b/documents/tsdoc/interfaces/TYPES.PathIcon.html @@ -0,0 +1 @@ +PathIcon | cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

Interface PathIcon<T>

Type parameters

  • T

Hierarchy

  • PathIcon

Index

Properties

Properties

Optional color

color?: string

height

height: number

path

path: string | (T extends object ? keyof T : never)

width

width: number

Legend

  • Property
  • Method
  • Accessor
  • Inherited method
  • Inherited accessor
  • Property

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/documents/tsdoc/interfaces/TYPES.PercentCompleteBarColumnOption.html b/documents/tsdoc/interfaces/TYPES.PercentCompleteBarColumnOption.html new file mode 100644 index 000000000..9f425193d --- /dev/null +++ b/documents/tsdoc/interfaces/TYPES.PercentCompleteBarColumnOption.html @@ -0,0 +1 @@ +PercentCompleteBarColumnOption | cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

Interface PercentCompleteBarColumnOption

Hierarchy

Index

Properties

Methods

Properties

Optional fadeinWhenCallbackInPromise

fadeinWhenCallbackInPromise?: null | boolean

Optional max

max?: number

Optional min

min?: number

Methods

Optional formatter

  • formatter(value: unknown): unknown

  • Parameters

    • value: unknown

    Returns unknown

Legend

  • Property
  • Method
  • Accessor
  • Property
  • Method
  • Inherited method
  • Inherited accessor

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/documents/tsdoc/interfaces/TYPES.PercentCompleteBarStyleOption.html b/documents/tsdoc/interfaces/TYPES.PercentCompleteBarStyleOption.html new file mode 100644 index 000000000..a22d75823 --- /dev/null +++ b/documents/tsdoc/interfaces/TYPES.PercentCompleteBarStyleOption.html @@ -0,0 +1 @@ +PercentCompleteBarStyleOption | cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

Interface PercentCompleteBarStyleOption

Hierarchy

Index

Properties

Properties

Optional barBgColor

barBgColor?: string | CanvasGradient | CanvasPattern

Optional barColor

barColor?: string | CanvasGradient | CanvasPattern | ((num: number) => string | CanvasGradient | CanvasPattern)

Optional barHeight

barHeight?: number

Optional bgColor

bgColor?: string | CanvasGradient | CanvasPattern

Optional color

color?: string | CanvasGradient | CanvasPattern

Optional font

font?: string

Optional indicatorBottomLeft

indicatorBottomLeft?: IndicatorDefine

Optional indicatorBottomRight

indicatorBottomRight?: IndicatorDefine

Optional indicatorTopLeft

indicatorTopLeft?: IndicatorDefine

Optional indicatorTopRight

indicatorTopRight?: IndicatorDefine

Optional padding

padding?: string | number | (string | number)[]

Optional textAlign

textAlign?: CanvasTextAlign

Optional textBaseline

textBaseline?: CanvasTextBaseline

Optional textOverflow

textOverflow?: string

Optional visibility

visibility?: Visibility

Legend

  • Property
  • Method
  • Accessor
  • Inherited method
  • Inherited accessor
  • Property

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/documents/tsdoc/interfaces/TYPES.RadioEditorOption.html b/documents/tsdoc/interfaces/TYPES.RadioEditorOption.html new file mode 100644 index 000000000..98ac38d41 --- /dev/null +++ b/documents/tsdoc/interfaces/TYPES.RadioEditorOption.html @@ -0,0 +1,2 @@ +RadioEditorOption | cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

Interface RadioEditorOption<T>

Type parameters

  • T

Hierarchy

Index

Properties

Properties

Optional checkAction

checkAction?: ActionListener

Optional disabled

disabled?: RecordBoolean<any>

Optional group

group?: GetRadioEditorGroup<T>
deprecated

Use checkAction instead.

+

Optional readOnly

readOnly?: RecordBoolean<any>

Legend

  • Property
  • Method
  • Accessor
  • Inherited method
  • Inherited accessor
  • Property

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/documents/tsdoc/interfaces/TYPES.RadioStyleOption.html b/documents/tsdoc/interfaces/TYPES.RadioStyleOption.html new file mode 100644 index 000000000..a67a1a898 --- /dev/null +++ b/documents/tsdoc/interfaces/TYPES.RadioStyleOption.html @@ -0,0 +1 @@ +RadioStyleOption | cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

Interface RadioStyleOption

Hierarchy

Index

Properties

Properties

Optional bgColor

bgColor?: string | CanvasGradient | CanvasPattern

Optional checkBgColor

checkBgColor?: string | CanvasGradient | CanvasPattern

Optional checkBorderColor

checkBorderColor?: string | CanvasGradient | CanvasPattern

Optional checkColor

checkColor?: string | CanvasGradient | CanvasPattern

Optional indicatorBottomLeft

indicatorBottomLeft?: IndicatorDefine

Optional indicatorBottomRight

indicatorBottomRight?: IndicatorDefine

Optional indicatorTopLeft

indicatorTopLeft?: IndicatorDefine

Optional indicatorTopRight

indicatorTopRight?: IndicatorDefine

Optional textAlign

textAlign?: CanvasTextAlign

Optional textBaseline

textBaseline?: CanvasTextBaseline

Optional uncheckBgColor

uncheckBgColor?: string | CanvasGradient | CanvasPattern

Optional uncheckBorderColor

uncheckBorderColor?: string | CanvasGradient | CanvasPattern

Optional visibility

visibility?: Visibility

Legend

  • Property
  • Method
  • Accessor
  • Inherited method
  • Inherited accessor
  • Property

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/documents/tsdoc/interfaces/TYPES.RectProps.html b/documents/tsdoc/interfaces/TYPES.RectProps.html new file mode 100644 index 000000000..80749a58d --- /dev/null +++ b/documents/tsdoc/interfaces/TYPES.RectProps.html @@ -0,0 +1 @@ +RectProps | cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

Interface RectProps

Hierarchy

  • RectProps

Index

Properties

Properties

bottom

bottom: number

height

height: number

left

left: number

right

right: number

top

top: number

width

width: number

Legend

  • Property
  • Method
  • Accessor
  • Inherited method
  • Inherited accessor
  • Property

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/documents/tsdoc/interfaces/TYPES.Selection.html b/documents/tsdoc/interfaces/TYPES.Selection.html new file mode 100644 index 000000000..5ffdad78e --- /dev/null +++ b/documents/tsdoc/interfaces/TYPES.Selection.html @@ -0,0 +1 @@ +Selection | cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

Interface Selection

Hierarchy

  • Selection

Index

Properties

Properties

range

range: CellRange

select

select: CellAddress

Legend

  • Property
  • Method
  • Accessor
  • Inherited method
  • Inherited accessor
  • Property

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/documents/tsdoc/interfaces/TYPES.SimpleColumnMenuItemOption.html b/documents/tsdoc/interfaces/TYPES.SimpleColumnMenuItemOption.html new file mode 100644 index 000000000..23ac58a79 --- /dev/null +++ b/documents/tsdoc/interfaces/TYPES.SimpleColumnMenuItemOption.html @@ -0,0 +1 @@ +SimpleColumnMenuItemOption | cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

Interface SimpleColumnMenuItemOption

Hierarchy

  • SimpleColumnMenuItemOption

Index

Properties

Properties

label

label: string

value

value: any

Legend

  • Property
  • Method
  • Accessor
  • Inherited method
  • Inherited accessor
  • Property

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/documents/tsdoc/interfaces/TYPES.SmallDialogInputEditorOption.html b/documents/tsdoc/interfaces/TYPES.SmallDialogInputEditorOption.html new file mode 100644 index 000000000..3adc55092 --- /dev/null +++ b/documents/tsdoc/interfaces/TYPES.SmallDialogInputEditorOption.html @@ -0,0 +1 @@ +SmallDialogInputEditorOption | cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

Interface SmallDialogInputEditorOption<T>

Type parameters

  • T

Hierarchy

Index

Properties

Properties

Optional classList

classList?: string | string[]

Optional disabled

disabled?: RecordBoolean<any>

Optional helperText

helperText?: string | GetValueResult<T, string>

Optional inputValidator

inputValidator?: GetValueResult<T, MaybePromise<string>>

Optional readOnly

readOnly?: RecordBoolean<any>

Optional type

type?: string

Optional validator

validator?: GetValueResult<T, MaybePromise<string>>

Legend

  • Property
  • Method
  • Accessor
  • Inherited method
  • Inherited accessor
  • Property

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/documents/tsdoc/interfaces/TYPES.SortHeaderActionOption.html b/documents/tsdoc/interfaces/TYPES.SortHeaderActionOption.html new file mode 100644 index 000000000..8c74ca112 --- /dev/null +++ b/documents/tsdoc/interfaces/TYPES.SortHeaderActionOption.html @@ -0,0 +1 @@ +SortHeaderActionOption | cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

Interface SortHeaderActionOption<T>

Type parameters

  • T

Hierarchy

Index

Properties

Properties

Optional disabled

disabled?: RecordBoolean<any>

Optional sort

sort?: SortOption<T>

Legend

  • Property
  • Method
  • Accessor
  • Inherited method
  • Inherited accessor
  • Property

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/documents/tsdoc/interfaces/TYPES.SortHeaderStyleOption.html b/documents/tsdoc/interfaces/TYPES.SortHeaderStyleOption.html new file mode 100644 index 000000000..8360626c6 --- /dev/null +++ b/documents/tsdoc/interfaces/TYPES.SortHeaderStyleOption.html @@ -0,0 +1 @@ +SortHeaderStyleOption | cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

Interface SortHeaderStyleOption

Hierarchy

Index

Properties

Properties

Optional autoWrapText

autoWrapText?: boolean

Optional bgColor

bgColor?: string | CanvasGradient | CanvasPattern

Optional color

color?: string | CanvasGradient | CanvasPattern

Optional font

font?: string

Optional indicatorBottomLeft

indicatorBottomLeft?: IndicatorDefine

Optional indicatorBottomRight

indicatorBottomRight?: IndicatorDefine

Optional indicatorTopLeft

indicatorTopLeft?: IndicatorDefine

Optional indicatorTopRight

indicatorTopRight?: IndicatorDefine

Optional lineClamp

lineClamp?: LineClamp

Optional lineHeight

lineHeight?: string | number

Optional multiline

multiline?: boolean

Optional padding

padding?: string | number | (string | number)[]

Optional sortArrowColor

sortArrowColor?: string | CanvasGradient | CanvasPattern

Optional textAlign

textAlign?: CanvasTextAlign

Optional textBaseline

textBaseline?: CanvasTextBaseline

Optional textOverflow

textOverflow?: string

Optional visibility

visibility?: Visibility

Legend

  • Property
  • Method
  • Accessor
  • Inherited method
  • Inherited accessor
  • Property

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/documents/tsdoc/interfaces/TYPES.SortState.html b/documents/tsdoc/interfaces/TYPES.SortState.html new file mode 100644 index 000000000..46cfdd775 --- /dev/null +++ b/documents/tsdoc/interfaces/TYPES.SortState.html @@ -0,0 +1 @@ +SortState | cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

Interface SortState

Hierarchy

  • SortState

Index

Properties

Properties

col

col: number

order

order: undefined | "desc" | "asc"

row

row: number

Legend

  • Property
  • Method
  • Accessor
  • Inherited method
  • Inherited accessor
  • Property

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/documents/tsdoc/interfaces/TYPES.StdBaseStyleOption.html b/documents/tsdoc/interfaces/TYPES.StdBaseStyleOption.html new file mode 100644 index 000000000..44178d351 --- /dev/null +++ b/documents/tsdoc/interfaces/TYPES.StdBaseStyleOption.html @@ -0,0 +1 @@ +StdBaseStyleOption | cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

Interface StdBaseStyleOption

Hierarchy

Index

Properties

Properties

Optional bgColor

bgColor?: string | CanvasGradient | CanvasPattern

Optional indicatorBottomLeft

indicatorBottomLeft?: IndicatorDefine

Optional indicatorBottomRight

indicatorBottomRight?: IndicatorDefine

Optional indicatorTopLeft

indicatorTopLeft?: IndicatorDefine

Optional indicatorTopRight

indicatorTopRight?: IndicatorDefine

Optional textAlign

textAlign?: CanvasTextAlign

Optional textBaseline

textBaseline?: CanvasTextBaseline

Optional visibility

visibility?: Visibility

Legend

  • Property
  • Method
  • Accessor
  • Inherited method
  • Inherited accessor
  • Property

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/documents/tsdoc/interfaces/TYPES.StdMultilineTextBaseStyleOption.html b/documents/tsdoc/interfaces/TYPES.StdMultilineTextBaseStyleOption.html new file mode 100644 index 000000000..02bad9eb7 --- /dev/null +++ b/documents/tsdoc/interfaces/TYPES.StdMultilineTextBaseStyleOption.html @@ -0,0 +1 @@ +StdMultilineTextBaseStyleOption | cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

Interface StdMultilineTextBaseStyleOption

Hierarchy

Index

Properties

Properties

Optional autoWrapText

autoWrapText?: boolean

Optional bgColor

bgColor?: string | CanvasGradient | CanvasPattern

Optional color

color?: string | CanvasGradient | CanvasPattern

Optional font

font?: string

Optional indicatorBottomLeft

indicatorBottomLeft?: IndicatorDefine

Optional indicatorBottomRight

indicatorBottomRight?: IndicatorDefine

Optional indicatorTopLeft

indicatorTopLeft?: IndicatorDefine

Optional indicatorTopRight

indicatorTopRight?: IndicatorDefine

Optional lineClamp

lineClamp?: LineClamp

Optional lineHeight

lineHeight?: string | number

Optional padding

padding?: string | number | (string | number)[]

Optional textAlign

textAlign?: CanvasTextAlign

Optional textBaseline

textBaseline?: CanvasTextBaseline

Optional textOverflow

textOverflow?: string

Optional visibility

visibility?: Visibility

Legend

  • Property
  • Method
  • Accessor
  • Inherited method
  • Inherited accessor
  • Property

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/documents/tsdoc/interfaces/TYPES.StdTextBaseStyleOption.html b/documents/tsdoc/interfaces/TYPES.StdTextBaseStyleOption.html new file mode 100644 index 000000000..d3da2d2cc --- /dev/null +++ b/documents/tsdoc/interfaces/TYPES.StdTextBaseStyleOption.html @@ -0,0 +1 @@ +StdTextBaseStyleOption | cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

Interface StdTextBaseStyleOption

Hierarchy

Index

Properties

Properties

Optional bgColor

bgColor?: string | CanvasGradient | CanvasPattern

Optional color

color?: string | CanvasGradient | CanvasPattern

Optional font

font?: string

Optional indicatorBottomLeft

indicatorBottomLeft?: IndicatorDefine

Optional indicatorBottomRight

indicatorBottomRight?: IndicatorDefine

Optional indicatorTopLeft

indicatorTopLeft?: IndicatorDefine

Optional indicatorTopRight

indicatorTopRight?: IndicatorDefine

Optional padding

padding?: string | number | (string | number)[]

Optional textAlign

textAlign?: CanvasTextAlign

Optional textBaseline

textBaseline?: CanvasTextBaseline

Optional textOverflow

textOverflow?: string

Optional visibility

visibility?: Visibility

Legend

  • Property
  • Method
  • Accessor
  • Inherited method
  • Inherited accessor
  • Property

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/documents/tsdoc/interfaces/TYPES.StylePropertyFunctionArg.html b/documents/tsdoc/interfaces/TYPES.StylePropertyFunctionArg.html new file mode 100644 index 000000000..578eb4e3b --- /dev/null +++ b/documents/tsdoc/interfaces/TYPES.StylePropertyFunctionArg.html @@ -0,0 +1 @@ +StylePropertyFunctionArg | cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

Interface StylePropertyFunctionArg

Hierarchy

  • StylePropertyFunctionArg

Index

Properties

Properties

col

col: number

context

context: CanvasRenderingContext2D

grid

grid: ListGridAPI<any>

row

row: number

Legend

  • Property
  • Method
  • Accessor
  • Inherited method
  • Inherited accessor
  • Property

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/documents/tsdoc/interfaces/TYPES.SvgIcon.html b/documents/tsdoc/interfaces/TYPES.SvgIcon.html new file mode 100644 index 000000000..30e78a4ba --- /dev/null +++ b/documents/tsdoc/interfaces/TYPES.SvgIcon.html @@ -0,0 +1 @@ +SvgIcon | cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

Interface SvgIcon<T>

Type parameters

  • T

Hierarchy

  • SvgIcon

Index

Properties

Properties

Optional height

height?: number

svg

svg: string | (T extends object ? keyof T : never)

Optional width

width?: number

Legend

  • Property
  • Method
  • Accessor
  • Inherited method
  • Inherited accessor
  • Property

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/documents/tsdoc/interfaces/TYPES.ThemeDefine.html b/documents/tsdoc/interfaces/TYPES.ThemeDefine.html new file mode 100644 index 000000000..a9dbf9add --- /dev/null +++ b/documents/tsdoc/interfaces/TYPES.ThemeDefine.html @@ -0,0 +1 @@ +ThemeDefine | cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

Interface ThemeDefine

Hierarchy

  • ThemeDefine

Index

Properties

Properties

borderColor

borderColor: ColorsPropertyDefine

button

button: { bgColor?: ColorPropertyDefine; color?: ColorPropertyDefine }

Type declaration

checkbox

checkbox: { borderColor?: ColorPropertyDefine; checkBgColor?: ColorPropertyDefine; uncheckBgColor?: ColorPropertyDefine }

Type declaration

color

color: ColorPropertyDefine

Optional defaultBgColor

defaultBgColor?: ColorPropertyDefine

Optional font

font?: string

Optional frozenRowsBgColor

frozenRowsBgColor?: ColorPropertyDefine

frozenRowsBorderColor

frozenRowsBorderColor: ColorsPropertyDefine

Optional frozenRowsColor

frozenRowsColor?: ColorPropertyDefine

header

header: { sortArrowColor?: ColorPropertyDefine }

Type declaration

Optional highlightBgColor

highlightBgColor?: ColorPropertyDefine

highlightBorderColor

highlightBorderColor: ColorsPropertyDefine

indicators

indicators: { bottomLeftColor?: ColorPropertyDefine; bottomLeftSize?: number; bottomRightColor?: ColorPropertyDefine; bottomRightSize?: number; topLeftColor?: ColorPropertyDefine; topLeftSize?: number; topRightColor?: ColorPropertyDefine; topRightSize?: number }

Type declaration

messages

messages: { boxWidth?: number; errorBgColor?: ColorPropertyDefine; infoBgColor?: ColorPropertyDefine; markHeight?: number; warnBgColor?: ColorPropertyDefine }

Type declaration

radioButton

radioButton: { checkBgColor?: ColorPropertyDefine; checkBorderColor?: ColorPropertyDefine; checkColor?: ColorPropertyDefine; uncheckBgColor?: ColorPropertyDefine; uncheckBorderColor?: ColorPropertyDefine }

Type declaration

selectionBgColor

selectionBgColor: ColorPropertyDefine

underlayBackgroundColor

underlayBackgroundColor: string

Legend

  • Property
  • Method
  • Accessor
  • Inherited method
  • Inherited accessor
  • Property

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/documents/tsdoc/interfaces/data.DataSourceParam.html b/documents/tsdoc/interfaces/data.DataSourceParam.html new file mode 100644 index 000000000..3689706d4 --- /dev/null +++ b/documents/tsdoc/interfaces/data.DataSourceParam.html @@ -0,0 +1,5 @@ +DataSourceParam | cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

Interface DataSourceParam<T>

+

data modules

+
namespace

cheetahGrid.data

+
memberof

cheetahGrid

+

Type parameters

  • T

Hierarchy

  • DataSourceParam

Index

Properties

Methods

Properties

length

length: number

Optional source

source?: any

Methods

get

  • get(index: number): T

  • Parameters

    • index: number

    Returns T

Legend

  • Property
  • Method
  • Accessor
  • Property
  • Method
  • Inherited method
  • Inherited accessor

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/documents/tsdoc/modules.html b/documents/tsdoc/modules.html new file mode 100644 index 000000000..c69fbb5ce --- /dev/null +++ b/documents/tsdoc/modules.html @@ -0,0 +1,4 @@ +cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

cheetah-grid

Index

Namespaces

Classes

Interfaces

Type aliases

Properties

Type aliases

HeadersDefine

HeadersDefine<T>: (GroupHeaderDefine<T> | ColumnDefine<T>)[]
+

Cheetah Grid

+
namespace

cheetahGrid

+

Type parameters

  • T

Properties

default

default: { GridCanvasHelper: typeof GridCanvasHelper; ListGrid: typeof ListGrid; columns: columns; core: core; data: data; headers: headers; register: __module; themes: __module; tools: tools; get icons(): {} }

Type declaration

  • GridCanvasHelper: typeof GridCanvasHelper
  • ListGrid: typeof ListGrid
  • columns: columns
  • core: core
  • data: data
  • headers: headers
  • register: __module
  • themes: __module
  • tools: tools
  • get icons(): {}

Legend

  • Property
  • Method
  • Accessor
  • Inherited method
  • Inherited accessor
  • Property

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/documents/tsdoc/modules/TYPES.html b/documents/tsdoc/modules/TYPES.html new file mode 100644 index 000000000..0d7cb14ca --- /dev/null +++ b/documents/tsdoc/modules/TYPES.html @@ -0,0 +1,4 @@ +TYPES | cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

Namespace TYPES

+

Cheetah Grid

+
namespace

cheetahGrid

+

Index

Interfaces

Type aliases

Type aliases

ActionListener

ActionListener: (record: any, cell: CellAddress & { grid: ListGridAPI<any> }) => void

Type declaration

AfterSelectedCellEvent

AfterSelectedCellEvent: CellAddress & { before: CellAddress; selected: true }

AnyFunction

AnyFunction: (...args: any[]) => any

Type declaration

    • (...args: any[]): any

    • Parameters

      • Rest ...args: any[]

      Returns any

AnyListener

AnyListener: AnyFunction

BeforeSelectedCellEvent

BeforeSelectedCellEvent: CellAddress & { after: CellAddress; selected: false }

BranchGraphCommand

BranchGraphCommand: SimpleBranchGraphCommand | undefined | null | SimpleBranchGraphCommand[]

ButtonActionOption

ButtonActionOption: ActionOption

ChangedHeaderValueCellEvent

ChangedHeaderValueCellEvent: CellAddress & { field: string; oldValue: any; value: any }

ChangedValueCellEvent

ChangedValueCellEvent<T>: CellAddress & { field: FieldDef<T>; oldValue: any; record: T; value: any }

Type parameters

  • T

ColorDef

ColorDef: CanvasRenderingContext2D["fillStyle"]

ColorPropertyDefine

ColorPropertyDefine: ColorDef | ((args: StylePropertyFunctionArg) => string) | ((args: StylePropertyFunctionArg) => CanvasGradient) | ((args: StylePropertyFunctionArg) => CanvasPattern) | ((args: StylePropertyFunctionArg) => string | CanvasGradient | CanvasPattern | undefined)

ColorsPropertyDefine

ColorsPropertyDefine: ColorPropertyDefine | (ColorDef | null)[] | ((args: StylePropertyFunctionArg) => (ColorDef | null)[])

ColumnActionOption

ColumnActionOption: "CHECK" | "check" | "INPUT" | "input"

ColumnIconOption

ColumnIconOption<T>: FontIcon<T> | ImageIcon<T> | PathIcon<T> | SvgIcon<T> | NamedIcon<T>

Type parameters

  • T

ColumnMenuItemOptions

ColumnMenuItemOptions: ColumnMenuItemOption[] | SimpleColumnMenuItemOption[] | OldSimpleColumnMenuItemOption[] | string | ColumnMenuItemObjectOptions

ColumnStyleOption

ColumnStyleOption: string | ColumnStyle | BaseStyleOption | StdBaseStyleOption | StyleOption | ButtonStyleOption | CheckStyleOption | NumberStyleOption | MultilineTextStyleOption | MenuStyleOption | ImageStyleOption | IconStyleOption | BranchGraphStyleOption | PercentCompleteBarStyleOption | ((record: any) => string | ColumnStyle | BaseStyleOption | StdBaseStyleOption | StyleOption | ButtonStyleOption | CheckStyleOption | NumberStyleOption | MultilineTextStyleOption | MenuStyleOption | ImageStyleOption | IconStyleOption | BranchGraphStyleOption | PercentCompleteBarStyleOption)

ColumnTypeOption

ColumnTypeOption: "DEFAULT" | "default" | "NUMBER" | "number" | "CHECK" | "check" | "BUTTON" | "button" | "IMAGE" | "image" | "MULTILINETEXT" | "multilinetext" | "RADIO" | "radio"

DeleteCellEvent

DeleteCellEvent: CellAddress & { event: KeyboardEvent }

DrawGridKeyboardMoveCellFunction

DrawGridKeyboardMoveCellFunction: (context: { cell: CellAddress; event: KeyboardEvent; grid: DrawGridAPI }) => CellAddress | null

Type declaration

EventListenerId

EventListenerId: number

FieldData

FieldData: MaybePromiseOrUndef<any>

FieldDef

FieldDef<T>: keyof T | FieldGetter<T> | FieldAssessor<T>

Type parameters

  • T

FieldGetter

FieldGetter<T>: (record: T) => any

Type parameters

  • T

Type declaration

    • (record: T): any

    • Parameters

      • record: T

      Returns any

FieldSetter

FieldSetter<T>: (record: T, value: any) => void

Type parameters

  • T

Type declaration

    • (record: T, value: any): void

    • Parameters

      • record: T
      • value: any

      Returns void

FontPropertyDefine

FontPropertyDefine: string | ((args: StylePropertyFunctionArg) => string)

GetRadioEditorGroup

GetRadioEditorGroup<T>: (target: { col: number; grid: ListGridAPI<T>; row: number }) => CellAddress[]

Type parameters

  • T

Type declaration

HeaderActionOption

HeaderActionOption: "CHECK" | "check" | "SORT" | "sort"

HeaderStyleOption

HeaderStyleOption: ColumnStyle | BaseStyleOption | HeaderStdStyleOption | CheckHeaderStyleOption | MultilineTextHeaderStyleOption | SortHeaderStyleOption | (() => ColumnStyle | BaseStyleOption | HeaderStdStyleOption | CheckHeaderStyleOption | MultilineTextHeaderStyleOption | SortHeaderStyleOption)

HeaderTypeOption

HeaderTypeOption: "DEFAULT" | "default" | "SORT" | "sort" | "CHECK" | "check"

HeaderValues

HeaderValues: Map<any, any>

IconStyleOption

IconStyleOption: StyleOption

IndicatorDefine

IndicatorDefine: IndicatorObject | IndicatorStyle

IndicatorObject

IndicatorObject: { color?: ColorDef; size?: number | string; style?: IndicatorStyle }

Type declaration

IndicatorStyle

IndicatorStyle: "triangle" | "none"

InputCellEvent

InputCellEvent: CellAddress & { value: string }

KeyboardEventListener

KeyboardEventListener: (e: KeyboardEvent) => void

Type declaration

    • (e: KeyboardEvent): void

    • Parameters

      • e: KeyboardEvent

      Returns void

KeydownEvent

KeydownEvent: { event: KeyboardEvent; keyCode: number; stopCellMoving: any }

Type declaration

  • event: KeyboardEvent
  • keyCode: number
  • stopCellMoving:function
    • stopCellMoving(): void

    • Returns void

LayoutObjectId

LayoutObjectId: number | string | symbol

LineClamp

LineClamp: number | "auto"

MaybeCall

MaybeCall<T, A>: T | ((...args: A) => T)

Type parameters

  • T

  • A: any[]

MaybeCallOrUndef

MaybeCallOrUndef<T, A>: undefined | T | ((...args: A) => T)

Type parameters

  • T

  • A: any[]

MaybePromise

MaybePromise<T>: T | Promise<T>

Type parameters

  • T

MaybePromiseOrCall

MaybePromiseOrCall<T, A>: T | Promise<T> | ((...args: A) => T)

Type parameters

  • T

  • A: any[]

MaybePromiseOrCallOrUndef

MaybePromiseOrCallOrUndef<T, A>: T | undefined | Promise<T | undefined> | ((...args: A) => T)

Type parameters

  • T

  • A: any[]

MaybePromiseOrUndef

MaybePromiseOrUndef<T>: T | undefined | Promise<T | undefined>

Type parameters

  • T

MaybeUndef

MaybeUndef<T>: T | undefined

Type parameters

  • T

Message

Message: MessageObject | string

ModifyStatusEditableinputCellEvent

ModifyStatusEditableinputCellEvent: CellAddress & { input: HTMLInputElement }

MouseCellEvent

MouseCellEvent: CellAddress & { event: MouseEvent }

MousePointerCellEvent

MousePointerCellEvent: CellAddress & { related?: CellAddress }

MultilineTextHeaderStyleOption

MultilineTextHeaderStyleOption: StdMultilineTextBaseStyleOption

NumberStyleOption

NumberStyleOption: StyleOption

PartialThemeDefine

PartialThemeDefine: Partial<ThemeDefine>

PasteCellEvent

PasteCellEvent: CellAddress & { event: ClipboardEvent; multi: boolean; normalizeValue: string; rangeBoxValues: PasteRangeBoxValues; value: string }

PasteRejectedValuesEvent

PasteRejectedValuesEvent<T>: { detail: (CellAddress & { define: ColumnDefine<T>; pasteValue: string; record: T | undefined })[] }

Type parameters

  • T

Type declaration

PromiseMaybeCallOrUndef

PromiseMaybeCallOrUndef<T, A>: Promise<MaybeCallOrUndef<T, A>>

Type parameters

  • T

  • A: any[]

PromiseMaybeUndef

PromiseMaybeUndef<T>: Promise<T | undefined>

Type parameters

  • T

PromiseMaybeUndefOrCall

PromiseMaybeUndefOrCall<T, A>: Promise<T | undefined> | ((...args: A) => T)

Type parameters

  • T

  • A: any[]

PromiseOrUndef

PromiseOrUndef<T>: undefined | Promise<T | undefined>

Type parameters

  • T

RecordBoolean

RecordBoolean<T>: boolean | ((record: T) => boolean)

Type parameters

  • T = any

RequiredThemeDefine

RequiredThemeDefine: Required<ThemeDefine> & { button: Required<ThemeDefine["button"]>; checkbox: Required<ThemeDefine["checkbox"]>; header: Required<ThemeDefine["header"]>; indicators: Required<ThemeDefine["indicators"]>; messages: Required<ThemeDefine["messages"]>; radioButton: Required<ThemeDefine["radioButton"]> }

ScrollEvent

ScrollEvent: { event: Event }

Type declaration

  • event: Event

SelectedCellEvent

SelectedCellEvent: BeforeSelectedCellEvent | AfterSelectedCellEvent

SetPasteValueTestData

SetPasteValueTestData<T>: CellAddress & { grid: ListGridAPI<T>; oldValue: any; record: T; value: string }

Type parameters

  • T

SimpleBranchGraphCommand

SimpleBranchGraphCommand: { branch: string | { from: string; to: string }; command: "branch" } | { branch: string; command: "commit" } | { branch: { from: string; to: string }; command: "merge" } | { branch: string; command: "tag"; tag: string }

SortOption

SortOption<T>: boolean | (string & keyof T) | ((arg: { col: number; grid: ListGridAPI<T>; order: "asc" | "desc"; row: number }) => void)

Type parameters

  • T

StyleOption

StyleOption: StdTextBaseStyleOption

TextOverflow

TextOverflow: "clip" | "ellipsis" | string

TouchCellEvent

TouchCellEvent: CellAddress & { event: TouchEvent }

Visibility

Visibility: "visible" | "hidden"

Legend

  • Property
  • Method
  • Accessor
  • Inherited method
  • Inherited accessor
  • Property

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/documents/tsdoc/modules/columns.html b/documents/tsdoc/modules/columns.html new file mode 100644 index 000000000..9ce5602e6 --- /dev/null +++ b/documents/tsdoc/modules/columns.html @@ -0,0 +1,4 @@ +columns | cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

Namespace columns

+

Cheetah Grid

+
namespace

cheetahGrid

+

Legend

  • Property
  • Method
  • Accessor
  • Inherited method
  • Inherited accessor
  • Property

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/documents/tsdoc/modules/core.html b/documents/tsdoc/modules/core.html new file mode 100644 index 000000000..4e408f7e0 --- /dev/null +++ b/documents/tsdoc/modules/core.html @@ -0,0 +1,8 @@ +core | cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

Namespace core

+

Cheetah Grid

+
namespace

cheetahGrid

+

Index

Classes

Variables

Variables

EVENT_TYPE

EVENT_TYPE: DrawGridEvents = ...
+

DrawGrid event types

+
classdesc

cheetahGrid.core.EVENT_TYPE

+
memberof

cheetahGrid.core

+

Legend

  • Property
  • Method
  • Accessor
  • Inherited method
  • Inherited accessor
  • Property

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/documents/tsdoc/modules/data.html b/documents/tsdoc/modules/data.html new file mode 100644 index 000000000..dd3d66db9 --- /dev/null +++ b/documents/tsdoc/modules/data.html @@ -0,0 +1,4 @@ +data | cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

Namespace data

+

Cheetah Grid

+
namespace

cheetahGrid

+

Index

Classes

Interfaces

Legend

  • Property
  • Method
  • Accessor
  • Inherited method
  • Inherited accessor
  • Property

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/documents/tsdoc/modules/headers.html b/documents/tsdoc/modules/headers.html new file mode 100644 index 000000000..9a4e0ce5b --- /dev/null +++ b/documents/tsdoc/modules/headers.html @@ -0,0 +1,4 @@ +headers | cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

Namespace headers

+

Cheetah Grid

+
namespace

cheetahGrid

+

Legend

  • Property
  • Method
  • Accessor
  • Inherited method
  • Inherited accessor
  • Property

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/documents/tsdoc/modules/tools.html b/documents/tsdoc/modules/tools.html new file mode 100644 index 000000000..341df6d83 --- /dev/null +++ b/documents/tsdoc/modules/tools.html @@ -0,0 +1,4 @@ +tools | cheetah-grid
Options
All
  • Public
  • Public/Protected
  • All
Menu

Namespace tools

+

Cheetah Grid

+
namespace

cheetahGrid

+

Legend

  • Property
  • Method
  • Accessor
  • Inherited method
  • Inherited accessor
  • Property

Settings

Theme

Generated using TypeDoc

\ No newline at end of file diff --git a/icon_512x512.ico b/icon_512x512.ico new file mode 100644 index 000000000..0d7bb076e Binary files /dev/null and b/icon_512x512.ico differ diff --git a/icon_512x512.svg b/icon_512x512.svg new file mode 100644 index 000000000..943d6eeab --- /dev/null +++ b/icon_512x512.svg @@ -0,0 +1,980 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/index.html b/index.html new file mode 100644 index 000000000..6ff4a5695 --- /dev/null +++ b/index.html @@ -0,0 +1,61 @@ + + + + + + + + + Cheetah Grid - Demo + + + + + + + + + + + + + + + + + + + + +
+ + + + diff --git a/logo.png b/logo.png new file mode 100644 index 000000000..307537199 Binary files /dev/null and b/logo.png differ diff --git a/logo.svg b/logo.svg new file mode 100644 index 000000000..41d99e881 --- /dev/null +++ b/logo.svg @@ -0,0 +1,4576 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +