PDF Export - Kendo UI for Vue

link管理

链接快照平台

输入网页链接，自动生成快照
标签化管理网页链接

相关文章推荐

腼腆的小马驹 · 2023年中国碳金融创新发展白皮书 - 毕马威中国· 8 月前 ·

会搭讪的蚂蚁 · 朔州市人民政府办公室关于印发进一步加强全市矿 ...· 1 年前 ·

谈吐大方的鸵鸟 · java list stream ...· 1 年前 ·

爱健身的麦片 · 计划地理处理工具—ArcGIS Pro | 文档· 2 年前 ·

胡子拉碴的大象 · 大叔我最爱这种。TV ...· 2 年前 ·

</noscript><div id="___gatsby"><div style="outline:none" tabindex="-1" id="gatsby-focus-wrapper"><div class="navbar-sc-nqj8ck-0 gJorjL"><div><link rel="preload" href="https://d6vtbcy3ong79.cloudfront.net/fonts/2.2.6/css/metric.min.css" as="style" media="(min-width: 621px)"/><link rel="preload" href="https://d6vtbcy3ong79.cloudfront.net/fonts/2.2.6/metric/Metric-Light.woff2" as="font" crossorigin="anonymous" media="(min-width: 621px)"/><link rel="preload" href="https://d6vtbcy3ong79.cloudfront.net/fonts/2.2.6/metric/Metric-Medium.woff2" as="font" crossorigin="anonymous" media="(min-width: 621px)"/><link rel="preload" href="https://d6vtbcy3ong79.cloudfront.net/fonts/2.2.6/metric/Metric-Regular.woff2" as="font" crossorigin="anonymous" media="(min-width: 621px)"/><link rel="preload" href="https://d6vtbcy3ong79.cloudfront.net/fonts/2.2.6/metric/Metric-Semibold.woff2" as="font" crossorigin="anonymous" media="(min-width: 621px)"/><link rel="preload" href="https://d6vtbcy3ong79.cloudfront.net/telerik-navigation/3.4.28/css/index.min.css" as="style"/><style id="js-tlrk-nav-inline-styles">.TK-Nav--Loading,.TK-Nav--Loading *{box-sizing:border-box}.TK-Nav--Loading{overflow:hidden;background:#fff;font-family:Metric}.TK-Nav--Loading&gt;.TK-Bar{overflow:hidden;background:#fff}.TK-Nav--Loading .TK-container{max-width:1230px;margin:0 auto;padding:0 30px}.TK-Nav--Loading .TK-TLRK-Brand{margin:0}.TK-Nav--Loading .TK-Dropdown,.TK-Nav--Loading .TK-Nav-Overlay,.TK-Nav--Loading .TK-Print{}.TK-Nav--Loading .TK-Context-Menu,.TK-Nav--Loading .TK-Products-Menu-Item-Button{}@media only screen and (min-width:1240px){.TK-Nav--Loading,.TK-Nav--Loading&gt;.TK-Bar{height:60px}}@media only screen and (max-width:1239px){.TK-Nav--Loading,.TK-Nav--Loading&gt;.TK-Bar{height:45px}}@media only screen and (max-width:1229px){.TK-Nav--Loading .TK-container{padding:0 20px}}</style><link rel="stylesheet" type="text/css" href="https://d6vtbcy3ong79.cloudfront.net/fonts/2.2.6/css/metric.min.css" id="js-tlrk-nav-metric" class="is-loading" onload="this.classList.remove('is-loading')" onerror="this.classList.remove('is-loading')"/><link rel="stylesheet" type="text/css" href="https://d6vtbcy3ong79.cloudfront.net/telerik-navigation/3.4.28/css/index.min.css" id="js-tlrk-nav-styles" class="is-loading" onload="this.classList.remove('is-loading')" onerror="this.classList.remove('is-loading')"/><nav id="js-tlrk-nav" class="TK-Nav TK-Nav--Shadow TK-Nav--Loading TK-Nav--Fluid" data-tlrk-nav-version="3.4.28" data-tlrk-nav-template="nav-kendo-ui-vue-csa-abs-component"><section class="TK-Bar"><div class="TK-container TK-Bar-container"><figure class="TK-TLRK-Brand"><a href="#skip-to-content" id="js-tlrk-skip-link" class="TK-Skip-Link">skip navigation</a> <a href="https://www.telerik.com" class="TK-TLRK-Logo" aria-label="Go to Homepage"><svg xmlns="http://www.w3.org/2000/svg" width="18px" height="60" viewbox="0 0 49 60.3"><path fill="#5ce500" d="M11.2 14.9L0 21.3l17.4 10.1v20.1l11.2-6.4c.5-.3.9-1 .9-1.6V24.4L13 14.9c-.5-.3-1.3-.3-1.8 0z"/><path fill="#5ce500" d="M12.1 48.4V34.5L0 41.5zM25 .2c-.5-.3-1.3-.3-1.8 0L10.7 7.4l24.1 13.9v27.9L47.3 42c.5-.3.9-1 .9-1.6V13.6L25 .2z"/></svg></a></figure><ul class="TK-Products-Menu"><li class="TK-Products-Menu-Item TK-Static"><button type="button" class="TK-Products-Menu-Item-Button" aria-label="Product Navigation">Kendo UI for Vue <i class="TK-Arrow"/></button><div id="js-tlrk-nav-dash" class="TK-Dash TK-Dropdown TK-Dropdown--Full TK-Dropdown--White TK-Dropdown---Mobile"><div class="TK-container"><div class="TK-row"><div class="TK-col-6"><div class="TK-Bundles TK-BG"><h5 class="TK-Dash-Title">Product Bundles</h5><a href="https://www.telerik.com/devcraft" class="TK-Bundle" data-match-exact-path=""><div class="TK-Bundle-Icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 100 70" width="75" height="61"><path d="M70 35c0 5.3-1.2 10.3-3.2 14.7-4.8 10.4-14.6 18-26.4 19.8-1.8.4-3.6.5-5.4.5-2.6 0-5.1-.3-7.5-.8-6.9-1.5-13.1-5.1-17.8-10C7.1 56.5 5 53.4 3.4 50c-.4-.8-.7-1.5-1-2.3C.8 43.7 0 39.5 0 35 0 15.7 15.7 0 35 0s35 15.7 35 35z" fill-rule="evenodd" clip-rule="evenodd" fill="#a3d8f1"/><path d="M40.9 65.6l-.5 4c-1.8.3-3.6.4-5.4.4-2.6 0-5.1-.3-7.5-.8-6.9-1.5-13.1-5.1-17.8-10C7.1 56.5 5 53.4 3.4 50c3.2-4.4 8.2-7.5 14-8.3 1-.1 1.9-.2 2.9-.2.6 0 1.1 0 1.7.1 4.7.4 8.9 2.3 12.2 5.2 3 2.7 5.3 6.2 6.3 10.1.7 2.7.9 5.7.4 8.7z" fill-rule="evenodd" clip-rule="evenodd" fill="#e26841"/><path d="M17.3 48.5L32 61.3l13.2-7-10-8c-1.4-1.1-2.3-2.9-2.3-4.7v-9H17.3v15.9z" fill="#31475c" fill-rule="evenodd" clip-rule="evenodd"/><path d="M21.9 32.6v15.9l-2.3 2-9.9 8.7C7.1 56.5 5 53.4 3.4 50c-.4-.8-.7-1.5-1-2.3L4 46.3c1.4-1.1 2.3-2.9 2.3-4.7v-9h15.6z" fill="#31475c" fill-rule="evenodd" clip-rule="evenodd"/><defs><filter id="tlrk-nav-a" filterunits="userSpaceOnUse" x="28.1" y=".3" width="31.2" height="17.4"><fecolormatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"/></filter></defs><mask maskunits="userSpaceOnUse" x="28.1" y=".3" width="31.2" height="17.4" id="tlrk-nav-b"><g filter="url(#tlrk-nav-a)"><path d="M25.7 10.8l32.5-11L61.4 9 28.8 20z" fill="#fff" fill-rule="evenodd" clip-rule="evenodd"/></g></mask><path d="M28.1 17.8l9.1-8.4c2-1.9 4.9-2.3 7.4-1 3 1.5 6.6.5 8.4-2.3L56.6.4 59.3 3l-5.1 7.2c-1.9 2.7-5.6 3.5-8.5 1.9l-1.1-.6c-2.1-1.2-4.6-1.1-6.7.2l-9.8 6.1z" mask="url(#tlrk-nav-b)" fill-rule="evenodd" clip-rule="evenodd" fill="#e26841"/><path d="M62.8 13.7l-8 6.2a6.61 6.61 0 01-8.2 0l-3.2-2.5c-1.4-1.1-3.2-1.6-5-1.3l-10.2 1.5 10.1-3.7c1.9-.7 4.1-.5 5.8.6l2.5 1.6c2.5 1.5 5.7 1.3 7.9-.6l5.6-4.8 2.7 3z" fill-rule="evenodd" clip-rule="evenodd" fill="#e26841"/><path d="M27 11.6h-5.5c-8.4 0-15.3 6.8-15.3 15.3v15.6c0 3.4 2.7 6.1 6.1 6.1H27c3.4 0 6.1-2.7 6.1-6.1V17.7c0-3.4-2.8-6.1-6.1-6.1" fill-rule="evenodd" clip-rule="evenodd" fill="#14254c"/><path d="M31.7 32.2c0 6.7-5.4 12.1-12.1 12.1S7.5 38.8 7.5 32.2s5.4-12.1 12.1-12.1 12.1 5.4 12.1 12.1" fill="#31475c" fill-rule="evenodd" clip-rule="evenodd"/><defs><filter id="tlrk-nav-c" filterunits="userSpaceOnUse" x="9.1" y="15.8" width="21.1" height="34"><fecolormatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"/></filter></defs><mask maskunits="userSpaceOnUse" x="9.1" y="15.8" width="21.1" height="34" id="tlrk-nav-d"><g filter="url(#tlrk-nav-c)"><path d="M7.5 32.2c0 6.7 5.4 12.1 12.1 12.1 6.7 0 12.1-5.4 12.1-12.1 0-6.7-5.4-12.1-12.1-12.1-6.7 0-12.1 5.4-12.1 12.1z" fill="#fff" fill-rule="evenodd" clip-rule="evenodd"/></g></mask><path d="M9.1 48.1V26.3c0-5.8 4.7-10.5 10.5-10.5s10.5 4.7 10.5 10.5v23.5l-21-1.7z" mask="url(#tlrk-nav-d)" fill-rule="evenodd" clip-rule="evenodd" fill="#e9ac6a"/><path d="M14.6 35.1h5.5v-9.5z" fill="#dc7f1b" fill-rule="evenodd" clip-rule="evenodd"/><path d="M20.3 39.3c1.3.1 2.7-.2 4-1 1.1-.6 1.8-1.5 2.3-2.3l-1-.6c-.4.7-1.1 1.4-1.9 1.9-1.1.7-2.3.9-3.3.8l-.1 1.2z" fill="#fff"/><path d="M27.4 27.6h-2.3c0-.6.5-1.1 1.1-1.1h.2c.5 0 1 .5 1 1.1m-13.5 0h-2.3c0-.6.5-1.1 1.1-1.1h.2c.6 0 1 .5 1 1.1" fill="#231f20" fill-rule="evenodd" clip-rule="evenodd"/><path d="M7.5 24.7h25.1v-1.2H7.5zm0 5.5h25.1V29H7.5zm0 11h23.6v-1.3H7.5zm0-5.5h25.1v-1.3H7.5z" fill="#14254c"/><path d="M66.8 49.7c-4.8 10.4-14.6 18-26.4 19.8-1.8.4-3.6.5-5.4.5-2.6 0-5.1-.3-7.5-.8l-.4-2.8c-.5-3.1-.3-6.2.4-9 1.1-4.2 3.4-7.9 6.5-10.7.2-.2.5-.5.8-.7 3.8-3.2 8.7-5.1 14.2-5.1 7.3 0 13.7 3.5 17.8 8.8z" fill-rule="evenodd" clip-rule="evenodd"/><g fill-rule="evenodd" clip-rule="evenodd"><path d="M56.503 26.65c5.8-3 11.9-4.7 16.4-2.3 2.5 1.4 3.1 3.3 5.4 4 3 .9 7.5-.8 14.8-9.4l4.1 4.4c-10.7 10.6-16.4 11.8-19.7 10.4-2.6-1-3.2-3.4-6.7-5.5-4.8-2.7-10.3-2.4-14.3-1.6" fill="#22b573"/><path d="M58.003 26.05c2.9-7.4 9.8-11.7 16-10.9 4.9.7 7.9 4.3 8.7 5.5-1.6.9-3.2 1.9-4.8 2.8-1.2-1-3-2.2-5.4-2.8-7.6-1.8-14 4.9-14.5 5.4" fill="#22b573"/><path d="M37.103 44.85l-2-13.4c0-7.4 6.1-13.4 13.5-13.4s13.5 6 13.5 13.4l-1.7 13.4c-.8 5.8-5.8 10.1-11.6 10.1s-10.8-4.3-11.7-10.1z" fill="#00264b"/><path d="M34.803 34.25h27.5v-5.8h-27.5z" fill="#22b573"/><path d="M57.003 38.05h-16.5c-1.8 0-3.3-1.5-3.3-3.3 0-1.8 1.5-3.3 3.3-3.3h16.5c1.8 0 3.3 1.5 3.3 3.3 0 1.8-1.5 3.3-3.3 3.3" fill="#e9ac6a"/><path d="M39.203 35.05c0-.6.5-1.1 1.1-1.1.6 0 1.1.5 1.1 1.1m11 .1c0-.6.5-1.1 1.1-1.1s1.1.5 1.1 1.1" fill="#00264b"/><path d="M46.403 38.05h2.9v-5.5z" fill="#dc7f1b"/></g></svg></div><h4 class="TK-Bundle-Title TK-Best-Value">DevCraft</h4><p class="TK-Bundle-Description">All Telerik .NET tools and Kendo UI JavaScript components in one package. Now enhanced with:</p><ul class="TK-Bundle-list"><li><strong>NEW</strong>: Design Kits for Figma</li><li>Online Training</li><li>Document Processing Library</li><li>Embedded Reporting for web and desktop</li></ul></a></div></div><div class="TK-col-18"><div class="TK-row"><div class="TK-col-8"><h5 class="TK-Dash-Title">Web</h5><div class="TK-Dash-Links"><a href="https://www.telerik.com/kendo-ui" class="TK-Dash-Link" data-match-exact-path="">Kendo UI</a> <a href="https://www.telerik.com/kendo-jquery-ui" class="TK-Dash-Link TK-Dash-Link--Indented" data-match-exact-path="">UI for jQuery</a> <a href="https://www.telerik.com/kendo-angular-ui" class="TK-Dash-Link TK-Dash-Link--Indented" data-match-exact-path="">UI for Angular</a> <a href="https://www.telerik.com/kendo-react-ui" class="TK-Dash-Link TK-Dash-Link--Indented" data-match-exact-path="">UI for React</a> <a href="https://www.telerik.com/kendo-vue-ui" class="TK-Dash-Link TK-Dash-Link--Indented" data-match-exact-path="">UI for Vue</a> <a href="https://www.telerik.com/blazor-ui" class="TK-Dash-Link" data-match-exact-path="">UI for Blazor</a> <a href="https://www.telerik.com/aspnet-core-ui" class="TK-Dash-Link" data-match-exact-path="">UI for ASP.NET Core</a> <a href="https://www.telerik.com/aspnet-mvc" class="TK-Dash-Link" data-match-exact-path="">UI for ASP.NET MVC</a> <a href="https://www.telerik.com/products/aspnet-ajax.aspx" class="TK-Dash-Link" data-match-exact-path="">UI for ASP.NET AJAX</a> <a href="https://www.telerik.com/products/silverlight/overview.aspx" class="TK-Dash-Link" data-match-exact-path="">UI for Silverlight</a> <a href="https://www.telerik.com/php-ui" class="TK-Dash-Link" data-match-exact-path="">UI for PHP</a> <a href="https://www.telerik.com/jsp-ui" class="TK-Dash-Link" data-match-exact-path="">UI for JSP</a></div><h5 class="TK-Dash-Title">Mobile</h5><div class="TK-Dash-Links"><a href="https://www.telerik.com/maui-ui" class="TK-Dash-Link TK-New" data-match-exact-path="">UI for .NET MAUI</a> <a href="https://www.telerik.com/xamarin-ui" class="TK-Dash-Link" data-match-exact-path="">UI for Xamarin</a></div><h5 class="TK-Dash-Title">Document Management</h5><div class="TK-Dash-Links"><a href="https://www.telerik.com/document-processing-libraries" class="TK-Dash-Link" data-match-exact-path="">Telerik Document Processing</a></div></div><div class="TK-col-8"><h5 class="TK-Dash-Title">Desktop</h5><div class="TK-Dash-Links"><a href="https://www.telerik.com/maui-ui" class="TK-Dash-Link TK-New" data-match-exact-path="">UI for .NET MAUI</a> <a href="https://www.telerik.com/winui" class="TK-Dash-Link" data-match-exact-path="">UI for WinUI</a> <a href="https://www.telerik.com/products/winforms.aspx" class="TK-Dash-Link" data-match-exact-path="">UI for WinForms</a> <a href="https://www.telerik.com/products/wpf/overview.aspx" class="TK-Dash-Link" data-match-exact-path="">UI for WPF</a> <a href="https://www.telerik.com/universal-windows-platform-ui" class="TK-Dash-Link" data-match-exact-path="">UI for UWP</a></div><h5 class="TK-Dash-Title">Reporting &amp; Mocking</h5><div class="TK-Dash-Links"><a href="https://www.telerik.com/products/reporting.aspx" class="TK-Dash-Link" data-match-exact-path="">Telerik Reporting</a> <a href="https://www.telerik.com/report-server" class="TK-Dash-Link" data-match-exact-path="">Telerik Report Server</a> <a href="https://www.telerik.com/products/mocking.aspx" class="TK-Dash-Link" data-match-exact-path="">Telerik JustMock</a></div><h5 class="TK-Dash-Title">Automated Testing</h5><div class="TK-Dash-Links"><a href="https://www.telerik.com/teststudio" class="TK-Dash-Link" data-match-exact-path="">Test Studio</a> <a href="https://www.telerik.com/teststudio-dev" class="TK-Dash-Link" data-match-exact-path="">Test Studio Dev Edition</a></div><h5 class="TK-Dash-Title">CMS</h5><div class="TK-Dash-Links"><a href="https://www.progress.com/sitefinity-cms" class="TK-Dash-Link" data-match-exact-path="">Sitefinity</a></div></div><div class="TK-col-8"><h5 class="TK-Dash-Title">UI/UX Tools</h5><div class="TK-Dash-Links"><a href="https://www.telerik.com/themebuilder" class="TK-Dash-Link TK-New" data-match-exact-path="">ThemeBuilder</a> <a href="https://www.telerik.com/design-system" class="TK-Dash-Link TK-New" data-match-exact-path="">Design System Kit</a></div><h5 class="TK-Dash-Title">Debugging</h5><div class="TK-Dash-Links"><a href="https://www.telerik.com/fiddler" class="TK-Dash-Link" data-match-exact-path="">Fiddler</a> <a href="https://www.telerik.com/fiddler/fiddler-everywhere" class="TK-Dash-Link TK-Dash-Link--Indented" data-match-exact-path="">Fiddler Everywhere</a> <a href="https://www.telerik.com/fiddler/fiddler-classic" class="TK-Dash-Link TK-Dash-Link--Indented" data-match-exact-path="">Fiddler Classic</a> <a href="https://www.telerik.com/fiddler-jam" class="TK-Dash-Link TK-Dash-Link--Indented" data-match-exact-path="">Fiddler Jam</a> <a href="https://www.telerik.com/fiddler/fiddlercap" class="TK-Dash-Link TK-Dash-Link--Indented" data-match-exact-path="">FiddlerCap</a> <a href="https://www.telerik.com/fiddlercore" class="TK-Dash-Link TK-Dash-Link--Indented" data-match-exact-path="">FiddlerCore</a></div><h5 class="TK-Dash-Title">Extended Reality</h5><div class="TK-Dash-Links"><a href="https://www.telerik.com/unity-xr-ui" class="TK-Dash-Link TK-New" data-match-exact-path="">UI for Unity XR</a></div><h5 class="TK-Dash-Title">Free Tools</h5><div class="TK-Dash-Links"><a href="https://www.telerik.com/justassembly" class="TK-Dash-Link" data-match-exact-path="">JustAssembly</a> <a href="https://www.telerik.com/products/decompiler.aspx" class="TK-Dash-Link" data-match-exact-path="">JustDecompile</a> <a href="https://converter.telerik.com" class="TK-Dash-Link">VB.NET to C# Converter</a> <a href="https://www.telerik.com/teststudio/testing-framework" class="TK-Dash-Link" data-match-exact-path="">Testing Framework</a></div></div></div><div class="TK-Dash-Footer"><a href="https://www.telerik.com/all-products" class="TK-Dash-Featured-Link" data-match-exact-path="">View all products <svg xmlns="http://www.w3.org/2000/svg" width="9.061" height="9.061"><g fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="1.5"><path data-name="Stroke 3" d="M4 .53l4 4-4 4"/><path data-name="Stroke 5" d="M0 4.53h8"/></g></svg></a></div></div></div></div></div><div class="TK-Dash-Extension TK--Mobile"/></li></ul><div class="TK-Drawer" id="js-tlrk-nav-drawer"><ul class="TK-Context-Menu TK-Menu"><li class="TK-Menu-Item"><a href="https://www.telerik.com/kendo-vue-ui" class="TK-Menu-Item-Link" data-match-exact-path="">Overview</a></li><li class="TK-Menu-Item"><button type="button" class="TK-Menu-Item-Button">Frameworks <i class="TK-Arrow"/></button><ul class="TK-Dropdown TK-Dropdown--Gray TK-Dropdown--Full TK-Dropdown--Mobile"><li><a href="https://www.telerik.com/kendo-jquery-ui" class="TK-Dropdown-Link" data-match-exact-path="">jQuery</a></li><li><a href="https://www.telerik.com/kendo-angular-ui" class="TK-Dropdown-Link" data-match-exact-path="">Angular</a></li><li><a href="https://www.telerik.com/kendo-react-ui" class="TK-Dropdown-Link" data-match-exact-path="">React</a></li><li><a href="https://www.telerik.com/kendo-vue-ui" class="TK-Dropdown-Link" data-match-exact-path="">Vue</a></li></ul></li><li class="TK-Menu-Item"><a href="https://www.telerik.com/kendo-vue-ui/components/" class="TK-Menu-Item-Link" data-match-starts-with-path="">Docs &amp; Demos</a></li><li class="TK-Menu-Item"><a href="https://www.telerik.com/kendo-vue-ui/components/getting-started/" class="TK-Menu-Item-Link" data-match-exact-path="">Get Started</a></li><li class="TK-Menu-Item"><a href="https://www.telerik.com/support/kendo-ui-for-vue" class="TK-Menu-Item-Link" data-match-exact-path="" data-match-pattern="" data-pattern="telerik.com/kendo-vue-ui/support">Support</a></li><li class="TK-Menu-Item"><a href="https://www.telerik.com/purchase/kendo-ui" class="TK-Menu-Item-Link" data-match-exact-path="">Pricing</a></li></ul><ul class="TK-Aside-Menu TK-Aside-Menu--Max"><li id="js-tlrk-nav-search-wrapper" class="TK-Aside-Menu-Item"><a href="https://www.telerik.com/search" id="js-tlrk-nav-search-link" class="TK-Aside-Menu-Link" title="Search" data-match-exact-path=""><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 16 16" width="16" height="16"><path d="M13.75 14.5a.742.742 0 01-.53-.22l-3.12-3.118A6.181 6.181 0 016.25 12.5a6.25 6.25 0 116.25-6.25 6.18 6.18 0 01-1.338 3.85l3.118 3.12a.75.75 0 01-.53 1.28zm-7.5-13A4.75 4.75 0 1011 6.25 4.755 4.755 0 006.25 1.5z" transform="translate(.75 .75)"/></svg> <span class="TK-Aside-Menu-Link-Text">Search</span></a></li><li class="TK-Aside-Menu-Item"><a href="https://store.progress.com/shopping-cart" data-empty-url="https://www.telerik.com/purchase.aspx?filter=web" class="TK-Aside-Menu-Link js-tlrk-nav-shopping-cart-counter-container" aria-label="Shopping cart" title="Shopping cart" data-match-exact-path=""><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 16 16" width="16" height="16"><path d="M11.75 14.5a1 1 0 111-1 1 1 0 01-1 1zm-8.25 0a1 1 0 111-1 1 1 0 01-1 1zm8.18-3H4.25A1.752 1.752 0 012.5 9.75v-8a.25.25 0 00-.25-.25H.75a.75.75 0 010-1.5h1.5A1.752 1.752 0 014 1.75v.75h8.78a1.75 1.75 0 011.72 2.093l-1.1 5.5a1.754 1.754 0 01-1.72 1.407zM4 4v5.75a.25.25 0 00.25.25h7.43a.251.251 0 00.245-.2l1.1-5.5a.251.251 0 00-.245-.3z" transform="translate(.75 .75)"/></svg> <span class="TK-Aside-Menu-Link-Text">Shopping cart</span></a></li><li class="TK-Aside-Menu-Item TK--Auth TK-dn" id="js-tlrk-nav-auth-container"><button type="button" class="TK-Aside-Menu-Button"><span class="TK-Avatar"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="{[AvatarUrl]}" alt="Your Avatar" class="TK-Avatar-Media" id="js-tlrk-nav-avatar-image"/> </span><span class="TK-Aside-Menu-Button-Text">Your Account <i class="TK-Arrow"/></span></button><ul class="TK-Dropdown TK-Dropdown--Gray TK-Dropdown--Small TK-Dropdown--Mobile"><li><a href="https://www.telerik.com/account/" class="TK-Dropdown-Link" data-match-exact-path=""><span>Account Overview</span></a></li><li><a href="https://www.telerik.com/account/your-licenses" class="TK-Dropdown-Link" data-match-starts-with-path=""><span>Your Licenses</span></a></li><li><a href="https://www.telerik.com/account/downloads" class="TK-Dropdown-Link" data-match-starts-with-path=""><span>Downloads</span></a></li><li><a href="https://www.telerik.com/account/support-center" class="TK-Dropdown-Link" data-match-starts-with-path=""><span>Support Center</span></a></li><li><a href="https://www.telerik.com/forums/profile/mine" class="TK-Dropdown-Link" data-match-exact-path=""><span>Forum Profile</span></a></li><li><a href="https://www.telerik.com/account/payment-methods" class="TK-Dropdown-Link" data-match-starts-with-path=""><span>Payment Methods</span></a></li><li><a href="https://www.telerik.com/account/profile" class="TK-Dropdown-Link" data-match-exact-path=""><span>Edit Profile</span></a></li><li><a data-href="{[LogoutUrl]}" class="TK-Dropdown-Link" id="js-tlrk-nav-log-out" rel="nofollow"><span class="TK-Dropdown-Link-Spacer">Log out</span></a></li></ul></li><li class="TK-Aside-Menu-Item TK--Not-Auth" id="js-tlrk-nav-not-auth-container"><a href="https://www.telerik.com/account/" title="Your Account" class="TK-Aside-Menu-Button" data-match-exact-path=""><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 16 16" width="16" height="16"><path xmlns="http://www.w3.org/2000/svg" d="M13.75 14.5a.751.751 0 01-.75-.75v-.5a5.75 5.75 0 10-11.5 0v.5a.75.75 0 01-1.5 0v-.5a7.175 7.175 0 011.319-4.159A7.262 7.262 0 014.69 6.476 3.717 3.717 0 013.5 3.75a3.75 3.75 0 117.5 0 3.716 3.716 0 01-1.19 2.726 7.263 7.263 0 013.371 2.615A7.175 7.175 0 0114.5 13.25v.5a.751.751 0 01-.75.75zm-6.5-13A2.25 2.25 0 109.5 3.75 2.253 2.253 0 007.25 1.5z" transform="translate(.75 .75)"/></svg> <span class="TK-Aside-Menu-Button-Text">Login</span></a></li><li class="TK-Aside-Menu-Item"><a href="https://www.telerik.com/contact?preselect=ui-for-vue" class="TK-Aside-Menu-Button" title="Contact Us" data-match-starts-with-path=""><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 16 16" width="16" height="16"><path d="M12.75 14.5h-11A1.752 1.752 0 010 12.753v-7.37a.092.092 0 01.005-.026.1.1 0 000-.023.782.782 0 01.01-.093.63.63 0 01.02-.071l.007-.021V5.14a.828.828 0 01.036-.088.673.673 0 01.045-.078.078.078 0 00.009-.02.069.069 0 01.01-.02.1.1 0 01.028-.019.1.1 0 00.019-.015.68.68 0 01.077-.076.124.124 0 00.015-.024.106.106 0 01.019-.016L6.2.354a1.736 1.736 0 012.1 0l5.9 4.431a.1.1 0 01.018.02.118.118 0 00.017.019.591.591 0 01.076.075.109.109 0 00.02.018.1.1 0 01.019.017.077.077 0 01.01.02.088.088 0 00.01.02c.017.026.031.053.045.078a.9.9 0 01.039.1l.007.021a.5.5 0 01.03.164.1.1 0 000 .023.092.092 0 01.005.027v7.37A1.752 1.752 0 0112.75 14.5zM1.5 6.883v5.87a.253.253 0 00.25.247h11a.253.253 0 00.249-.25V6.883L8.3 10.412a1.737 1.737 0 01-2.1 0zM7.25 1.5a.248.248 0 00-.15.053L2 5.383l5.1 3.83a.253.253 0 00.15.052.245.245 0 00.15-.053l5.1-3.829-5.1-3.83a.248.248 0 00-.15-.053z" transform="translate(.75 .75)"/></svg> <span class="TK-Aside-Menu-Button-Text">Contact Us</span></a></li><li class="TK-Aside-Menu-Item TK-bn"><a href="https://www.telerik.com/try/kendo-vue-ui" class="TK-Button TK-Button--CTA">Try now</a></li></ul></div><div class="TK-Drawer-Extension"/><div class="TK-Aside TK--Mobile"><ul class="TK-Aside-Menu"><li class="TK-Aside-Menu-Item"><button type="button" aria-label="Main Navigation" class="TK-Aside-Menu-Button TK-Aside-Menu-Button--Toggle-Drawer" id="js-tlrk-nav-drawer-button"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewbox="0 0 512 512" fill="#000"><path d="M0 91h512v60H0zM0 237.3h512v60H0zM0 383.5h512v60H0z"/></svg></button></li></ul></div></div></section><button type="button" class="TK-Nav-Overlay" id="js-tlrk-nav-overlay">close mobile menu</button></nav></div></div><div role="search" class="sub-nav-sc-1ovwz59-3 caKbjh" id="sub-nav"><div class="container-sc-n150ym-0 gHslwQ"><div class="row-sc-4zdjyf-0 dBtUqS"><div class="column-sc-1t518bt-0 bCacPV"><div class="box-sc-1g51uh7-0 cQpxQB"><button style="text-transform:uppercase" class="button-sc-wcx5jf-0 sub-nav__SideNavToggleButton-sc-1ovwz59-2 gKqUUh jZzjWv"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24" height="26" viewbox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"><path fill="#818181" d="M23,2H7v2h14L23,2z M7,10h14l2-2H7V10z M7,16h14l2-2H7V16z M7,22h14l2-2H7V22z M1,1h4v4H1V1z M1,7h4v4H1V7z M1,13h4v4H1V13z M1,19h4v4H1V19z"/></svg></button><form class="search-form__SearchForm-sc-qk13zr-0 kOwhJw" action="/kendo-vue-ui/components/search"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" title="Search" width="16" height="16" class="sub-nav__NavbarSearchIcon-sc-1ovwz59-0 mqZEt"><path id="Path_1115" data-name="Path 1115" class="k3-search-cls-1" d="M24,21.887l-4.981-4.981a10.335,10.335,0,0,0,2.113-6.34A10.5,10.5,0,0,0,10.566,0,10.5,10.5,0,0,0,0,10.566,10.5,10.5,0,0,0,10.566,21.132a10.335,10.335,0,0,0,6.34-2.113L21.887,24ZM3.019,10.566a7.474,7.474,0,0,1,7.547-7.547,7.474,7.474,0,0,1,7.547,7.547,7.474,7.474,0,0,1-7.547,7.547A7.474,7.474,0,0,1,3.019,10.566Z"/></svg><input class="sub-nav__SearchInput-sc-1ovwz59-1 hjsOcP" placeholder="Search..." aria-label="Search" name="search" tabindex="-1"/></form></div></div></div><button aria-label="" class="button-sc-wcx5jf-0 bqECDr theme-switcher-sc-14xu86f-0 KYuAe"/></div></div><main class="container-sc-n150ym-0 gHslwQ"><div class="row-sc-4zdjyf-0 dBtUqS"><div class="column-sc-1t518bt-0 sTiwW offset-column-sc-1yot5jd-0 cSkZKs"><section width="100%" class="box-sc-1g51uh7-0 juujOW"><div class="sidenav-sc-6iwtb-0 hIsAfc" id="sidenav"><ul class="list-sc-1bdp61a-0 gQZwWD"><li class="sidenav-category-sc-1sl82tx-0 elcbsb"><a class="link-sc-6kfngc-0 HwYv list-item-sc-1taax0m-0 sidenav-item-sc-90lgke-0 gwaVcX dVKwZu sidenav-category-item-sc-187iuh3-0 dhxflS" href="/kendo-vue-ui/components/introduction/">Introduction</a></li><li class="sidenav-category-sc-1sl82tx-0 elcbsb"><span tabindex="0" class="link-sc-6kfngc-0 HwYv list-item-sc-1taax0m-0 sidenav-item-sc-90lgke-0 gwaVcX dVKwZu sidenav-category-item-sc-187iuh3-0 dhxflS">Getting Started</span></li><li class="sidenav-category-sc-1sl82tx-0 elcbsb"><span tabindex="0" class="link-sc-6kfngc-0 HwYv list-item-sc-1taax0m-0 sidenav-item-sc-90lgke-0 gwaVcX dVKwZu sidenav-category-item-sc-187iuh3-0 dhxflS">Native Components</span><ul class="list-sc-1bdp61a-0 sidenav-item-content-sc-msu1vy-0 gQZwWD dXiMiL"><li level="2" tabindex="0" class="list-item-sc-1taax0m-0 sidenav-item-sc-90lgke-0 iCaIyK dVKwZu"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 15.567 9.081" role="none" class="panelbar-item-icon-sc-hyem7h-0 dhljZh sidenav-item-icon-sc-muknd4-0 dZBmwD"><path data-name="Path 9695" d="M13.918,0,7.784,5.906,1.649,0,0,1.588,7.784,9.081l7.784-7.493Z" fill="#36c"/></svg>Animation</li><li level="2" tabindex="0" class="list-item-sc-1taax0m-0 sidenav-item-sc-90lgke-0 iCaIyK dVKwZu"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 15.567 9.081" role="none" class="panelbar-item-icon-sc-hyem7h-0 dhljZh sidenav-item-icon-sc-muknd4-0 dZBmwD"><path data-name="Path 9695" d="M13.918,0,7.784,5.906,1.649,0,0,1.588,7.784,9.081l7.784-7.493Z" fill="#36c"/></svg>Buttons</li><li level="2" tabindex="0" class="list-item-sc-1taax0m-0 sidenav-item-sc-90lgke-0 iCaIyK dVKwZu"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 15.567 9.081" role="none" class="panelbar-item-icon-sc-hyem7h-0 dhljZh sidenav-item-icon-sc-muknd4-0 dZBmwD"><path data-name="Path 9695" d="M13.918,0,7.784,5.906,1.649,0,0,1.588,7.784,9.081l7.784-7.493Z" fill="#36c"/></svg>Charts</li><li level="2" tabindex="0" class="list-item-sc-1taax0m-0 sidenav-item-sc-90lgke-0 iCaIyK dVKwZu"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 15.567 9.081" role="none" class="panelbar-item-icon-sc-hyem7h-0 dhljZh sidenav-item-icon-sc-muknd4-0 dZBmwD"><path data-name="Path 9695" d="M13.918,0,7.784,5.906,1.649,0,0,1.588,7.784,9.081l7.784-7.493Z" fill="#36c"/></svg>Data Query</li><li level="2" tabindex="0" class="list-item-sc-1taax0m-0 sidenav-item-sc-90lgke-0 iCaIyK dVKwZu"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 15.567 9.081" role="none" class="panelbar-item-icon-sc-hyem7h-0 dhljZh sidenav-item-icon-sc-muknd4-0 dZBmwD"><path data-name="Path 9695" d="M13.918,0,7.784,5.906,1.649,0,0,1.588,7.784,9.081l7.784-7.493Z" fill="#36c"/></svg>Data Tools</li><li level="2" tabindex="0" class="list-item-sc-1taax0m-0 sidenav-item-sc-90lgke-0 iCaIyK dVKwZu"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 15.567 9.081" role="none" class="panelbar-item-icon-sc-hyem7h-0 dhljZh sidenav-item-icon-sc-muknd4-0 dZBmwD"><path data-name="Path 9695" d="M13.918,0,7.784,5.906,1.649,0,0,1.588,7.784,9.081l7.784-7.493Z" fill="#36c"/></svg>Date Inputs</li><li level="2" tabindex="0" class="list-item-sc-1taax0m-0 sidenav-item-sc-90lgke-0 iCaIyK dVKwZu"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 15.567 9.081" role="none" class="panelbar-item-icon-sc-hyem7h-0 dhljZh sidenav-item-icon-sc-muknd4-0 dZBmwD"><path data-name="Path 9695" d="M13.918,0,7.784,5.906,1.649,0,0,1.588,7.784,9.081l7.784-7.493Z" fill="#36c"/></svg>Date Math</li><li level="2" tabindex="0" class="list-item-sc-1taax0m-0 sidenav-item-sc-90lgke-0 iCaIyK dVKwZu"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 15.567 9.081" role="none" class="panelbar-item-icon-sc-hyem7h-0 dhljZh sidenav-item-icon-sc-muknd4-0 dZBmwD"><path data-name="Path 9695" d="M13.918,0,7.784,5.906,1.649,0,0,1.588,7.784,9.081l7.784-7.493Z" fill="#36c"/></svg>Dialogs</li><li level="2" tabindex="0" class="list-item-sc-1taax0m-0 sidenav-item-sc-90lgke-0 iCaIyK dVKwZu"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 15.567 9.081" role="none" class="panelbar-item-icon-sc-hyem7h-0 dhljZh sidenav-item-icon-sc-muknd4-0 dZBmwD"><path data-name="Path 9695" d="M13.918,0,7.784,5.906,1.649,0,0,1.588,7.784,9.081l7.784-7.493Z" fill="#36c"/></svg>Drawing</li><li level="2" tabindex="0" class="list-item-sc-1taax0m-0 sidenav-item-sc-90lgke-0 iCaIyK dVKwZu"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 15.567 9.081" role="none" class="panelbar-item-icon-sc-hyem7h-0 dhljZh sidenav-item-icon-sc-muknd4-0 dZBmwD"><path data-name="Path 9695" d="M13.918,0,7.784,5.906,1.649,0,0,1.588,7.784,9.081l7.784-7.493Z" fill="#36c"/></svg>Dropdowns<span class="tag-sc-15ygua1-0 OSARf tag-updated">updated</span></li><li level="2" tabindex="0" class="list-item-sc-1taax0m-0 sidenav-item-sc-90lgke-0 iCaIyK dVKwZu"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 15.567 9.081" role="none" class="panelbar-item-icon-sc-hyem7h-0 dhljZh sidenav-item-icon-sc-muknd4-0 dZBmwD"><path data-name="Path 9695" d="M13.918,0,7.784,5.906,1.649,0,0,1.588,7.784,9.081l7.784-7.493Z" fill="#36c"/></svg>Editor</li><li level="2" tabindex="0" class="list-item-sc-1taax0m-0 sidenav-item-sc-90lgke-0 iCaIyK dVKwZu"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 15.567 9.081" role="none" class="panelbar-item-icon-sc-hyem7h-0 dhljZh sidenav-item-icon-sc-muknd4-0 dZBmwD"><path data-name="Path 9695" d="M13.918,0,7.784,5.906,1.649,0,0,1.588,7.784,9.081l7.784-7.493Z" fill="#36c"/></svg>Excel Export</li><li level="2" tabindex="0" class="list-item-sc-1taax0m-0 sidenav-item-sc-90lgke-0 iCaIyK dVKwZu"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 15.567 9.081" role="none" class="panelbar-item-icon-sc-hyem7h-0 dhljZh sidenav-item-icon-sc-muknd4-0 dZBmwD"><path data-name="Path 9695" d="M13.918,0,7.784,5.906,1.649,0,0,1.588,7.784,9.081l7.784-7.493Z" fill="#36c"/></svg>File Saver</li><li level="2" tabindex="0" class="list-item-sc-1taax0m-0 sidenav-item-sc-90lgke-0 iCaIyK dVKwZu"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 15.567 9.081" role="none" class="panelbar-item-icon-sc-hyem7h-0 dhljZh sidenav-item-icon-sc-muknd4-0 dZBmwD"><path data-name="Path 9695" d="M13.918,0,7.784,5.906,1.649,0,0,1.588,7.784,9.081l7.784-7.493Z" fill="#36c"/></svg>Form</li><li level="2" tabindex="0" class="list-item-sc-1taax0m-0 sidenav-item-sc-90lgke-0 iCaIyK dVKwZu"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 15.567 9.081" role="none" class="panelbar-item-icon-sc-hyem7h-0 dhljZh sidenav-item-icon-sc-muknd4-0 dZBmwD"><path data-name="Path 9695" d="M13.918,0,7.784,5.906,1.649,0,0,1.588,7.784,9.081l7.784-7.493Z" fill="#36c"/></svg>Gauges</li><li level="2" tabindex="0" class="list-item-sc-1taax0m-0 sidenav-item-sc-90lgke-0 iCaIyK dVKwZu"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 15.567 9.081" role="none" class="panelbar-item-icon-sc-hyem7h-0 dhljZh sidenav-item-icon-sc-muknd4-0 dZBmwD"><path data-name="Path 9695" d="M13.918,0,7.784,5.906,1.649,0,0,1.588,7.784,9.081l7.784-7.493Z" fill="#36c"/></svg>Grid</li><li level="2" tabindex="0" class="list-item-sc-1taax0m-0 sidenav-item-sc-90lgke-0 iCaIyK dVKwZu"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 15.567 9.081" role="none" class="panelbar-item-icon-sc-hyem7h-0 dhljZh sidenav-item-icon-sc-muknd4-0 dZBmwD"><path data-name="Path 9695" d="M13.918,0,7.784,5.906,1.649,0,0,1.588,7.784,9.081l7.784-7.493Z" fill="#36c"/></svg>Icons</li><li level="2" tabindex="0" class="list-item-sc-1taax0m-0 sidenav-item-sc-90lgke-0 iCaIyK dVKwZu"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 15.567 9.081" role="none" class="panelbar-item-icon-sc-hyem7h-0 dhljZh sidenav-item-icon-sc-muknd4-0 dZBmwD"><path data-name="Path 9695" d="M13.918,0,7.784,5.906,1.649,0,0,1.588,7.784,9.081l7.784-7.493Z" fill="#36c"/></svg>Indicators</li><li level="2" tabindex="0" class="list-item-sc-1taax0m-0 sidenav-item-sc-90lgke-0 iCaIyK dVKwZu"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 15.567 9.081" role="none" class="panelbar-item-icon-sc-hyem7h-0 dhljZh sidenav-item-icon-sc-muknd4-0 dZBmwD"><path data-name="Path 9695" d="M13.918,0,7.784,5.906,1.649,0,0,1.588,7.784,9.081l7.784-7.493Z" fill="#36c"/></svg>Inputs</li><li level="2" tabindex="0" class="list-item-sc-1taax0m-0 sidenav-item-sc-90lgke-0 iCaIyK dVKwZu"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 15.567 9.081" role="none" class="panelbar-item-icon-sc-hyem7h-0 dhljZh sidenav-item-icon-sc-muknd4-0 dZBmwD"><path data-name="Path 9695" d="M13.918,0,7.784,5.906,1.649,0,0,1.588,7.784,9.081l7.784-7.493Z" fill="#36c"/></svg>Labels</li><li level="2" tabindex="0" class="list-item-sc-1taax0m-0 sidenav-item-sc-90lgke-0 iCaIyK dVKwZu"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 15.567 9.081" role="none" class="panelbar-item-icon-sc-hyem7h-0 dhljZh sidenav-item-icon-sc-muknd4-0 dZBmwD"><path data-name="Path 9695" d="M13.918,0,7.784,5.906,1.649,0,0,1.588,7.784,9.081l7.784-7.493Z" fill="#36c"/></svg>Layout<span class="tag-sc-15ygua1-0 OSARf tag-updated">updated</span></li><li level="2" tabindex="0" class="list-item-sc-1taax0m-0 sidenav-item-sc-90lgke-0 iCaIyK dVKwZu"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 15.567 9.081" role="none" class="panelbar-item-icon-sc-hyem7h-0 dhljZh sidenav-item-icon-sc-muknd4-0 dZBmwD"><path data-name="Path 9695" d="M13.918,0,7.784,5.906,1.649,0,0,1.588,7.784,9.081l7.784-7.493Z" fill="#36c"/></svg>ListBox</li><li level="2" tabindex="0" class="list-item-sc-1taax0m-0 sidenav-item-sc-90lgke-0 iCaIyK dVKwZu"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 15.567 9.081" role="none" class="panelbar-item-icon-sc-hyem7h-0 dhljZh sidenav-item-icon-sc-muknd4-0 dZBmwD"><path data-name="Path 9695" d="M13.918,0,7.784,5.906,1.649,0,0,1.588,7.784,9.081l7.784-7.493Z" fill="#36c"/></svg>ListView</li><li level="2" tabindex="0" class="list-item-sc-1taax0m-0 sidenav-item-sc-90lgke-0 iCaIyK dVKwZu"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 15.567 9.081" role="none" class="panelbar-item-icon-sc-hyem7h-0 dhljZh sidenav-item-icon-sc-muknd4-0 dZBmwD"><path data-name="Path 9695" d="M13.918,0,7.784,5.906,1.649,0,0,1.588,7.784,9.081l7.784-7.493Z" fill="#36c"/></svg>Notification</li><li level="2" tabindex="0" class="list-item-sc-1taax0m-0 sidenav-item-sc-90lgke-0 iCaIyK dVKwZu"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 15.567 9.081" role="none" class="panelbar-item-icon-sc-hyem7h-0 dhljZh sidenav-item-icon-sc-muknd4-0 dZBmwD"><path data-name="Path 9695" d="M13.918,0,7.784,5.906,1.649,0,0,1.588,7.784,9.081l7.784-7.493Z" fill="#36c"/></svg>PDF Processing</li><li level="2" tabindex="0" class="list-item-sc-1taax0m-0 sidenav-item-sc-90lgke-0 iCaIyK dVKwZu"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 15.567 9.081" role="none" class="panelbar-item-icon-sc-hyem7h-0 dhljZh sidenav-item-icon-sc-muknd4-0 dZBmwD"><path data-name="Path 9695" d="M13.918,0,7.784,5.906,1.649,0,0,1.588,7.784,9.081l7.784-7.493Z" fill="#36c"/></svg>Popup</li><li level="2" tabindex="0" class="list-item-sc-1taax0m-0 sidenav-item-sc-90lgke-0 iCaIyK dVKwZu"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 15.567 9.081" role="none" class="panelbar-item-icon-sc-hyem7h-0 dhljZh sidenav-item-icon-sc-muknd4-0 dZBmwD"><path data-name="Path 9695" d="M13.918,0,7.784,5.906,1.649,0,0,1.588,7.784,9.081l7.784-7.493Z" fill="#36c"/></svg>Progress Bars</li><li level="2" tabindex="0" class="list-item-sc-1taax0m-0 sidenav-item-sc-90lgke-0 iCaIyK dVKwZu"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 15.567 9.081" role="none" class="panelbar-item-icon-sc-hyem7h-0 dhljZh sidenav-item-icon-sc-muknd4-0 dZBmwD"><path data-name="Path 9695" d="M13.918,0,7.784,5.906,1.649,0,0,1.588,7.784,9.081l7.784-7.493Z" fill="#36c"/></svg>Scheduler</li><li level="2" tabindex="0" class="list-item-sc-1taax0m-0 sidenav-item-sc-90lgke-0 iCaIyK dVKwZu"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 15.567 9.081" role="none" class="panelbar-item-icon-sc-hyem7h-0 dhljZh sidenav-item-icon-sc-muknd4-0 dZBmwD"><path data-name="Path 9695" d="M13.918,0,7.784,5.906,1.649,0,0,1.588,7.784,9.081l7.784-7.493Z" fill="#36c"/></svg>ScrollView</li><li level="2" tabindex="0" class="list-item-sc-1taax0m-0 sidenav-item-sc-90lgke-0 iCaIyK dVKwZu"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 15.567 9.081" role="none" class="panelbar-item-icon-sc-hyem7h-0 dhljZh sidenav-item-icon-sc-muknd4-0 dZBmwD"><path data-name="Path 9695" d="M13.918,0,7.784,5.906,1.649,0,0,1.588,7.784,9.081l7.784-7.493Z" fill="#36c"/></svg>Tooltip</li><li level="2" tabindex="0" data-scroll="true" class="list-item-sc-1taax0m-0 sidenav-item-sc-90lgke-0 iDtWGE dVKwZu"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 15.567 9.081" role="none" class="panelbar-item-icon-sc-hyem7h-0 dhljZh sidenav-item-icon-sc-muknd4-0 kZakSQ"><path data-name="Path 9695" d="M13.918,0,7.784,5.906,1.649,0,0,1.588,7.784,9.081l7.784-7.493Z" fill="#36c"/></svg>TreeList</li><li><ul class="list-sc-1bdp61a-0 sidenav-item-content-sc-msu1vy-0 gQZwWD dXiMiL"><li><a class="link-sc-6kfngc-0 HwYv list-item-sc-1taax0m-0 sidenav-item-sc-90lgke-0 GNDdN dVKwZu" href="/kendo-vue-ui/components/treelist/">Overview</a></li><li><a class="link-sc-6kfngc-0 HwYv list-item-sc-1taax0m-0 sidenav-item-sc-90lgke-0 GNDdN dVKwZu" href="/kendo-vue-ui/components/treelist/get-started/">Getting Started</a></li><li level="3" tabindex="0" class="list-item-sc-1taax0m-0 sidenav-item-sc-90lgke-0 GNDdN dVKwZu"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 15.567 9.081" role="none" class="panelbar-item-icon-sc-hyem7h-0 dhljZh sidenav-item-icon-sc-muknd4-0 dZBmwD"><path data-name="Path 9695" d="M13.918,0,7.784,5.906,1.649,0,0,1.588,7.784,9.081l7.784-7.493Z" fill="#36c"/></svg>Editing</li><li level="3" tabindex="0" class="list-item-sc-1taax0m-0 sidenav-item-sc-90lgke-0 GNDdN dVKwZu"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 15.567 9.081" role="none" class="panelbar-item-icon-sc-hyem7h-0 dhljZh sidenav-item-icon-sc-muknd4-0 dZBmwD"><path data-name="Path 9695" d="M13.918,0,7.784,5.906,1.649,0,0,1.588,7.784,9.081l7.784-7.493Z" fill="#36c"/></svg>Filtering</li><li><a class="link-sc-6kfngc-0 HwYv list-item-sc-1taax0m-0 sidenav-item-sc-90lgke-0 GNDdN dVKwZu" href="/kendo-vue-ui/components/treelist/sorting/">Sorting</a></li><li level="3" tabindex="0" class="list-item-sc-1taax0m-0 sidenav-item-sc-90lgke-0 GNDdN dVKwZu"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 15.567 9.081" role="none" class="panelbar-item-icon-sc-hyem7h-0 dhljZh sidenav-item-icon-sc-muknd4-0 dZBmwD"><path data-name="Path 9695" d="M13.918,0,7.784,5.906,1.649,0,0,1.588,7.784,9.081l7.784-7.493Z" fill="#36c"/></svg>Columns</li><li><a class="link-sc-6kfngc-0 HwYv list-item-sc-1taax0m-0 sidenav-item-sc-90lgke-0 GNDdN dVKwZu" href="/kendo-vue-ui/components/treelist/cells/">Custom Templates</a></li><li><a class="link-sc-6kfngc-0 HwYv list-item-sc-1taax0m-0 sidenav-item-sc-90lgke-0 GNDdN dVKwZu" href="/kendo-vue-ui/components/treelist/flat-data/">Flat Data</a></li><li><a class="link-sc-6kfngc-0 HwYv list-item-sc-1taax0m-0 sidenav-item-sc-90lgke-0 GNDdN dVKwZu" href="/kendo-vue-ui/components/treelist/excel-export/">Excel Export</a></li><li><a class="link-sc-6kfngc-0 HwYv list-item-sc-1taax0m-0 sidenav-item-sc-90lgke-0 GNDdN dVKwZu" href="/kendo-vue-ui/components/treelist/paging/">Paging</a></li><li><a class="link-sc-6kfngc-0 HwYv list-item-sc-1taax0m-0 sidenav-item-sc-90lgke-0 GNDdN dVKwZu" href="/kendo-vue-ui/components/treelist/selection/">Selection</a></li><li><a class="link-sc-6kfngc-0 HwYv list-item-sc-1taax0m-0 sidenav-item-sc-90lgke-0 hdyUzl dVKwZu" href="/kendo-vue-ui/components/treelist/pdf-export/">PDF Export</a></li><li><a class="link-sc-6kfngc-0 HwYv list-item-sc-1taax0m-0 sidenav-item-sc-90lgke-0 GNDdN dVKwZu" href="/kendo-vue-ui/components/treelist/virtualization/">Virtual Scrolling</a></li><li><a class="link-sc-6kfngc-0 HwYv list-item-sc-1taax0m-0 sidenav-item-sc-90lgke-0 GNDdN dVKwZu" href="/kendo-vue-ui/components/treelist/toolbar/">Toolbar</a></li><li><a class="link-sc-6kfngc-0 HwYv list-item-sc-1taax0m-0 sidenav-item-sc-90lgke-0 GNDdN dVKwZu" href="/kendo-vue-ui/components/treelist/aggregates/">Aggregates</a></li><li><a class="link-sc-6kfngc-0 HwYv list-item-sc-1taax0m-0 sidenav-item-sc-90lgke-0 GNDdN dVKwZu" href="/kendo-vue-ui/components/treelist/drag-and-drop/">Drag and Drop</a></li><li><a class="link-sc-6kfngc-0 HwYv list-item-sc-1taax0m-0 sidenav-item-sc-90lgke-0 GNDdN dVKwZu" href="/kendo-vue-ui/components/treelist/keyboard-navigation/">Keyboard Navigation</a></li><li><a class="link-sc-6kfngc-0 HwYv list-item-sc-1taax0m-0 sidenav-item-sc-90lgke-0 GNDdN dVKwZu" href="/kendo-vue-ui/components/treelist/globalization/">Globalization</a></li><li><a class="link-sc-6kfngc-0 HwYv list-item-sc-1taax0m-0 sidenav-item-sc-90lgke-0 GNDdN dVKwZu" href="/kendo-vue-ui/components/treelist/api/">API</a></li></ul></li><li level="2" tabindex="0" class="list-item-sc-1taax0m-0 sidenav-item-sc-90lgke-0 iCaIyK dVKwZu"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 15.567 9.081" role="none" class="panelbar-item-icon-sc-hyem7h-0 dhljZh sidenav-item-icon-sc-muknd4-0 dZBmwD"><path data-name="Path 9695" d="M13.918,0,7.784,5.906,1.649,0,0,1.588,7.784,9.081l7.784-7.493Z" fill="#36c"/></svg>TreeView</li><li level="2" tabindex="0" class="list-item-sc-1taax0m-0 sidenav-item-sc-90lgke-0 iCaIyK dVKwZu"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 15.567 9.081" role="none" class="panelbar-item-icon-sc-hyem7h-0 dhljZh sidenav-item-icon-sc-muknd4-0 dZBmwD"><path data-name="Path 9695" d="M13.918,0,7.784,5.906,1.649,0,0,1.588,7.784,9.081l7.784-7.493Z" fill="#36c"/></svg>Upload</li></ul></li><li class="sidenav-category-sc-1sl82tx-0 elcbsb"><span tabindex="0" class="link-sc-6kfngc-0 HwYv list-item-sc-1taax0m-0 sidenav-item-sc-90lgke-0 gwaVcX dVKwZu sidenav-category-item-sc-187iuh3-0 dhxflS">Wrapper Components</span></li><li class="sidenav-category-sc-1sl82tx-0 elcbsb"><span tabindex="0" class="link-sc-6kfngc-0 HwYv list-item-sc-1taax0m-0 sidenav-item-sc-90lgke-0 gwaVcX dVKwZu sidenav-category-item-sc-187iuh3-0 dhxflS">Sample Applications</span></li><li class="sidenav-category-sc-1sl82tx-0 elcbsb"><span tabindex="0" class="link-sc-6kfngc-0 HwYv list-item-sc-1taax0m-0 sidenav-item-sc-90lgke-0 gwaVcX dVKwZu sidenav-category-item-sc-187iuh3-0 dhxflS">Styling &amp; Themes</span></li><li class="sidenav-category-sc-1sl82tx-0 elcbsb"><span tabindex="0" class="link-sc-6kfngc-0 HwYv list-item-sc-1taax0m-0 sidenav-item-sc-90lgke-0 gwaVcX dVKwZu sidenav-category-item-sc-187iuh3-0 dhxflS">Common Features</span></li><li class="sidenav-category-sc-1sl82tx-0 elcbsb"><span tabindex="0" class="link-sc-6kfngc-0 HwYv list-item-sc-1taax0m-0 sidenav-item-sc-90lgke-0 gwaVcX dVKwZu sidenav-category-item-sc-187iuh3-0 dhxflS">Project Setup</span></li><li class="sidenav-category-sc-1sl82tx-0 elcbsb"><a class="link-sc-6kfngc-0 HwYv list-item-sc-1taax0m-0 sidenav-item-sc-90lgke-0 gwaVcX dVKwZu sidenav-category-item-sc-187iuh3-0 dhxflS" href="/kendo-vue-ui/components/knowledge-base/">Knowledge Base</a></li><li class="sidenav-category-sc-1sl82tx-0 elcbsb"><span tabindex="0" class="link-sc-6kfngc-0 HwYv list-item-sc-1taax0m-0 sidenav-item-sc-90lgke-0 gwaVcX dVKwZu sidenav-category-item-sc-187iuh3-0 dhxflS">Changelog</span></li><li class="sidenav-category-sc-1sl82tx-0 elcbsb"><a class="link-sc-6kfngc-0 HwYv list-item-sc-1taax0m-0 sidenav-item-sc-90lgke-0 gwaVcX dVKwZu sidenav-category-item-sc-187iuh3-0 dhxflS" href="/kendo-vue-ui/components/faq/">FAQ</a></li><li class="sidenav-category-sc-1sl82tx-0 elcbsb"><span tabindex="0" class="link-sc-6kfngc-0 HwYv list-item-sc-1taax0m-0 sidenav-item-sc-90lgke-0 gwaVcX dVKwZu sidenav-category-item-sc-187iuh3-0 dhxflS">Troubleshooting</span></li></ul></div></section></div><div class="column-sc-1t518bt-0 bQJVbx"><article><div class="breadcrumbs-sc-1oht5yb-1 eGowLH"><a class="link-sc-6kfngc-0 jTWaMI" href="/kendo-vue-ui/components/">Components</a> <span class="breadcrumbs__Separator-sc-1oht5yb-0 UiKRX">/</span> <a class="link-sc-6kfngc-0 jTWaMI" href="/kendo-vue-ui/components/treelist/">TreeList</a> <span class="breadcrumbs__Separator-sc-1oht5yb-0 UiKRX">/</span> <a class="link-sc-6kfngc-0 jTWaMI" href="/kendo-vue-ui/components/treelist/pdf-export/">PDF Export</a> <span class="breadcrumbs__Separator-sc-1oht5yb-0 UiKRX">/</span> <span class="link-sc-6kfngc-0 hRcxEc"/></div><div style="display:flex;justify-content:center"><div class="start-free-trial-small-sc-7z6g94-0 vtoSo">New to Kendo UI for Vue? <a target="_blank" class="link-sc-6kfngc-0 jTWaMI" href="https://www.telerik.com/try/kendo-vue-ui">Start a free 30-day trial</a></div></div><h1 id="toc-pdf-export" style="position:relative" class="typography__h1-sc-1nd4eqp-0 frGcVp">PDF Export</h1> <p class="typography__p-sc-1nd4eqp-7 iJtmNl">The data of the Native TreeList component can be easily exported to a PDF file. Depending on the requirements of the targeted scenario, you can modify the exported data the way you need it. The current article covers three popular data export scenarios:</p> <li><a class="link-sc-6kfngc-0 jTWaMI" anchor="#toc-getting-started" href="#toc-getting-started">Export of the visible TreeList data</a></li> <li><a class="link-sc-6kfngc-0 jTWaMI" anchor="#toc-exporting-specific-data" href="#toc-exporting-specific-data">Export of all items loaded in the TreeList data</a></li> <li><a class="link-sc-6kfngc-0 jTWaMI" anchor="#toc-customizing-exported-columns" href="#toc-customizing-exported-columns">Export the data from selected TreeList columns</a></li> <h2 id="toc-getting-started" style="position:relative" class="typography__h2-sc-1nd4eqp-1 vWEOQ"><a class="link-sc-6kfngc-0 HwYv" anchor="#toc-getting-started" href="#toc-getting-started">Getting Started</a></h2> <p class="typography__p-sc-1nd4eqp-7 iJtmNl">To enable the PDF export:</p> <p class="typography__p-sc-1nd4eqp-7 iJtmNl">Install <code class="code-sc-1nirtn7-0 hkHDPP">kendo-vue-pdf</code> package.</p> <div class="gatsby-highlight" data-language="sh"><pre data-language="sh" class="demo-file-sc-1sz7dbg-1 dCjtvi code-module--code--fC29n pre-sc-1oj6pus-0 gaoksh language-sh"><button title="Copy Code" class="button-sc-wcx5jf-0 copy-button__CopyButton-sc-1r4ncr-0 diTNNd fPZAxV">Copy Code</button><code class="code-sc-1nirtn7-0 hkHDPP"><span class="styled-span-sc-1f9gl7w-0 dnmpUV token function">npm</span> <span class="styled-span-sc-1f9gl7w-0 dnmpUV token function">install</span> @progress/kendo-vue-pdf @progress/kendo-licensing</code></pre></div> <p class="typography__p-sc-1nd4eqp-7 iJtmNl">Import the TreeListPDFExport component in your Vue Application.</p> <div class="gatsby-highlight" data-language="jsx"><pre data-language="jsx" class="demo-file-sc-1sz7dbg-1 dCjtvi code-module--code--fC29n pre-sc-1oj6pus-0 gaoksh language-jsx"><button title="Copy Code" class="button-sc-wcx5jf-0 copy-button__CopyButton-sc-1r4ncr-0 diTNNd fPZAxV">Copy Code</button><code class="code-sc-1nirtn7-0 hkHDPP"><span class="styled-span-sc-1f9gl7w-0 dnmpUV token keyword">import</span> <span class="styled-span-sc-1f9gl7w-0 dnmpUV token punctuation">{</span> TreeListPDFExport <span class="styled-span-sc-1f9gl7w-0 dnmpUV token punctuation">}</span> <span class="styled-span-sc-1f9gl7w-0 dnmpUV token keyword">from</span> <span class="styled-span-sc-1f9gl7w-0 dnmpUV token string">'@progress/kendo-vue-pdf'</span><span class="styled-span-sc-1f9gl7w-0 dnmpUV token punctuation">;</span></code></pre></div> <p class="typography__p-sc-1nd4eqp-7 iJtmNl">Wrap the TreeList inside a TreeListPDFExport component.</p> <p class="typography__p-sc-1nd4eqp-7 iJtmNl">Define a <code class="code-sc-1nirtn7-0 hkHDPP">ref</code> of the TreeListPDFExport.</p> <p class="typography__p-sc-1nd4eqp-7 iJtmNl">Call the <a class="link-sc-6kfngc-0 jTWaMI" href="slug:api_pdf_treelistpdfexport#toc-save/"><code class="code-sc-1nirtn7-0 hkHDPP">save</code></a> function of the TreeListPDFExport component.</p> <p class="typography__p-sc-1nd4eqp-7 iJtmNl">The following example demonstrates the basic implementation of the PDF export functionality of the TreeList.</p> <div><div class="demo-sc-1m0h1qa-3 idmYCz"><div display="flex" class="tabstrip-sc-llky6s-0 bfFovd"><div id="example" tabindex="0" role="button" class="tab-sc-1bxm1h4-0 lazNxE">Example</div><div id="source" tabindex="0" role="button" class="tab-sc-1bxm1h4-0 fwbzvR">View Source</div><span class="demo__Separator-sc-1m0h1qa-0 fbGRou"/><div class="box-sc-1g51uh7-0 edit-menu__ButtonBox-sc-60xqd1-7 iZCBIC duTcQb"><button disabled="" class="button-sc-wcx5jf-0 edit-menu__EditButton-sc-60xqd1-2 eOgWzH hZZLmD edit-menu-sc-60xqd1-8 hFdmMh" aria-haspopup="listbox" aria-expanded="false" aria-activedescendant="open_in_codesandbox"><span display="none,inline-block" class="box-sc-1g51uh7-0 bCJElB">OPEN IN</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 15.567 9.081" class="edit-menu__ArrowIcon-sc-60xqd1-0 iFBXKA"><path data-name="Path 9695" d="M13.918,0,7.784,5.906,1.649,0,0,1.588,7.784,9.081l7.784-7.493Z" fill="#36c"/></svg></button></div><div class="box-sc-1g51uh7-0 iZCBIC theme-chooser-sc-15kqdbx-16 jlEQhK"><span display="none,,,block" font-size="15px" class="box-sc-1g51uh7-0 guuPvA">Change Theme:</span><button aria-haspopup="listbox" aria-expanded="false" aria-activedescendant="default_Main" value="[object Object]" class="button-sc-wcx5jf-0 theme-chooser__ThemeButton-sc-15kqdbx-3 eOgWzH iWcvTq theme-chooser-sc-15kqdbx-16 jlEQhK"><div class="theme-chooser__CurrentThemeContainer-sc-15kqdbx-13 iOVxeB"><div class="theme-chooser__ThemeSwatchColors-sc-15kqdbx-10 bEEpuj"><span color="#ffffff" class="theme-chooser__ThemeCircle-sc-15kqdbx-1 jhhsHg"/><span color="#0275d8" class="theme-chooser__ThemeCircle-sc-15kqdbx-1 eZeafI"/><span color="#656565" class="theme-chooser__ThemeCircle-sc-15kqdbx-1 gWpwQX"/></div><span display="none,inline-block" class="box-sc-1g51uh7-0 bCJElB"><div class="theme-chooser__ThemeSwatchName-sc-15kqdbx-11 dSglVv">default</div></span></div><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 15.567 9.081" display="none,block" class="theme-chooser__ArrowIcon-sc-15kqdbx-0 hJZIfn"><path data-name="Path 9695" d="M13.918,0,7.784,5.906,1.649,0,0,1.588,7.784,9.081l7.784-7.493Z" fill="#36c"/></svg></button></div></div><div class="tab-panel-sc-i9ulc3-0 WAjlJ"><div class="box-sc-1g51uh7-0 dIignX"><iframe data-error="false" class="demo-example-sc-grlnui-1 icrobQ" role="none" loading="lazy"/><div class="demo-example__LoadingWindow-sc-grlnui-0 jCRWLB"><div color="rgb(63, 81, 181)" class="loading-sc-1rfym6z-0 gwuxmM"/></div></div></div><div class="tab-panel-sc-i9ulc3-0 gJeSyD"/></div> <h3 id="toc-exporting-all-the-data-loaded-in-the-treelist" style="position:relative" class="typography__h3-sc-1nd4eqp-2 cjlQgs"><a class="link-sc-6kfngc-0 HwYv" anchor="#toc-exporting-all-the-data-loaded-in-the-treelist" href="#toc-exporting-all-the-data-loaded-in-the-treelist">Exporting All the Data loaded in the TreeList</a></h3> <p class="typography__p-sc-1nd4eqp-7 iJtmNl">To export specific TreeList data, pass the data to the <a class="link-sc-6kfngc-0 jTWaMI" href="slug:api_pdf_treelistpdfexport#toc-save/"><code class="code-sc-1nirtn7-0 hkHDPP">save</code></a> function of the TreeListPDFExport component. For example, if the TreeList has its paging enabled but you need to export all pages and all records expanded, pass the processed data to the <code class="code-sc-1nirtn7-0 hkHDPP">save</code> function.</p> <div><div class="demo-sc-1m0h1qa-3 idmYCz"><div display="flex" class="tabstrip-sc-llky6s-0 bfFovd"><div id="example" tabindex="0" role="button" class="tab-sc-1bxm1h4-0 lazNxE">Example</div><div id="source" tabindex="0" role="button" class="tab-sc-1bxm1h4-0 fwbzvR">View Source</div><span class="demo__Separator-sc-1m0h1qa-0 fbGRou"/><div class="box-sc-1g51uh7-0 edit-menu__ButtonBox-sc-60xqd1-7 iZCBIC duTcQb"><button disabled="" class="button-sc-wcx5jf-0 edit-menu__EditButton-sc-60xqd1-2 eOgWzH hZZLmD edit-menu-sc-60xqd1-8 hFdmMh" aria-haspopup="listbox" aria-expanded="false" aria-activedescendant="open_in_codesandbox"><span display="none,inline-block" class="box-sc-1g51uh7-0 bCJElB">OPEN IN</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 15.567 9.081" class="edit-menu__ArrowIcon-sc-60xqd1-0 iFBXKA"><path data-name="Path 9695" d="M13.918,0,7.784,5.906,1.649,0,0,1.588,7.784,9.081l7.784-7.493Z" fill="#36c"/></svg></button></div><div class="box-sc-1g51uh7-0 iZCBIC theme-chooser-sc-15kqdbx-16 jlEQhK"><span display="none,,,block" font-size="15px" class="box-sc-1g51uh7-0 guuPvA">Change Theme:</span><button aria-haspopup="listbox" aria-expanded="false" aria-activedescendant="default_Main" value="[object Object]" class="button-sc-wcx5jf-0 theme-chooser__ThemeButton-sc-15kqdbx-3 eOgWzH iWcvTq theme-chooser-sc-15kqdbx-16 jlEQhK"><div class="theme-chooser__CurrentThemeContainer-sc-15kqdbx-13 iOVxeB"><div class="theme-chooser__ThemeSwatchColors-sc-15kqdbx-10 bEEpuj"><span color="#ffffff" class="theme-chooser__ThemeCircle-sc-15kqdbx-1 jhhsHg"/><span color="#0275d8" class="theme-chooser__ThemeCircle-sc-15kqdbx-1 eZeafI"/><span color="#656565" class="theme-chooser__ThemeCircle-sc-15kqdbx-1 gWpwQX"/></div><span display="none,inline-block" class="box-sc-1g51uh7-0 bCJElB"><div class="theme-chooser__ThemeSwatchName-sc-15kqdbx-11 dSglVv">default</div></span></div><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 15.567 9.081" display="none,block" class="theme-chooser__ArrowIcon-sc-15kqdbx-0 hJZIfn"><path data-name="Path 9695" d="M13.918,0,7.784,5.906,1.649,0,0,1.588,7.784,9.081l7.784-7.493Z" fill="#36c"/></svg></button></div></div><div class="tab-panel-sc-i9ulc3-0 WAjlJ"><div class="box-sc-1g51uh7-0 dIignX"><iframe data-error="false" class="demo-example-sc-grlnui-1 icrobQ" role="none" loading="lazy"/><div class="demo-example__LoadingWindow-sc-grlnui-0 jCRWLB"><div color="rgb(63, 81, 181)" class="loading-sc-1rfym6z-0 gwuxmM"/></div></div></div><div class="tab-panel-sc-i9ulc3-0 gJeSyD"/></div> <h3 id="toc-customizing-exported-columns" style="position:relative" class="typography__h3-sc-1nd4eqp-2 cjlQgs"><a class="link-sc-6kfngc-0 HwYv" anchor="#toc-customizing-exported-columns" href="#toc-customizing-exported-columns">Customizing Exported Columns</a></h3> <p class="typography__p-sc-1nd4eqp-7 iJtmNl">The TreeListPDFExport provides the ability to add or hide some of the columns in the exported PDF file. This is done by passing the columns that have to be exported to the <a class="link-sc-6kfngc-0 jTWaMI" href="slug:api_pdf_treelistpdfexport#toc-save/"><code class="code-sc-1nirtn7-0 hkHDPP">save</code></a> function.</p> <div><div class="demo-sc-1m0h1qa-3 idmYCz"><div display="flex" class="tabstrip-sc-llky6s-0 bfFovd"><div id="example" tabindex="0" role="button" class="tab-sc-1bxm1h4-0 lazNxE">Example</div><div id="source" tabindex="0" role="button" class="tab-sc-1bxm1h4-0 fwbzvR">View Source</div><span class="demo__Separator-sc-1m0h1qa-0 fbGRou"/><div class="box-sc-1g51uh7-0 edit-menu__ButtonBox-sc-60xqd1-7 iZCBIC duTcQb"><button disabled="" class="button-sc-wcx5jf-0 edit-menu__EditButton-sc-60xqd1-2 eOgWzH hZZLmD edit-menu-sc-60xqd1-8 hFdmMh" aria-haspopup="listbox" aria-expanded="false" aria-activedescendant="open_in_codesandbox"><span display="none,inline-block" class="box-sc-1g51uh7-0 bCJElB">OPEN IN</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 15.567 9.081" class="edit-menu__ArrowIcon-sc-60xqd1-0 iFBXKA"><path data-name="Path 9695" d="M13.918,0,7.784,5.906,1.649,0,0,1.588,7.784,9.081l7.784-7.493Z" fill="#36c"/></svg></button></div><div class="box-sc-1g51uh7-0 iZCBIC theme-chooser-sc-15kqdbx-16 jlEQhK"><span display="none,,,block" font-size="15px" class="box-sc-1g51uh7-0 guuPvA">Change Theme:</span><button aria-haspopup="listbox" aria-expanded="false" aria-activedescendant="default_Main" value="[object Object]" class="button-sc-wcx5jf-0 theme-chooser__ThemeButton-sc-15kqdbx-3 eOgWzH iWcvTq theme-chooser-sc-15kqdbx-16 jlEQhK"><div class="theme-chooser__CurrentThemeContainer-sc-15kqdbx-13 iOVxeB"><div class="theme-chooser__ThemeSwatchColors-sc-15kqdbx-10 bEEpuj"><span color="#ffffff" class="theme-chooser__ThemeCircle-sc-15kqdbx-1 jhhsHg"/><span color="#0275d8" class="theme-chooser__ThemeCircle-sc-15kqdbx-1 eZeafI"/><span color="#656565" class="theme-chooser__ThemeCircle-sc-15kqdbx-1 gWpwQX"/></div><span display="none,inline-block" class="box-sc-1g51uh7-0 bCJElB"><div class="theme-chooser__ThemeSwatchName-sc-15kqdbx-11 dSglVv">default</div></span></div><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 15.567 9.081" display="none,block" class="theme-chooser__ArrowIcon-sc-15kqdbx-0 hJZIfn"><path data-name="Path 9695" d="M13.918,0,7.784,5.906,1.649,0,0,1.588,7.784,9.081l7.784-7.493Z" fill="#36c"/></svg></button></div></div><div class="tab-panel-sc-i9ulc3-0 WAjlJ"><div class="box-sc-1g51uh7-0 dIignX"><iframe data-error="false" class="demo-example-sc-grlnui-1 icrobQ" role="none" loading="lazy"/><div class="demo-example__LoadingWindow-sc-grlnui-0 jCRWLB"><div color="rgb(63, 81, 181)" class="loading-sc-1rfym6z-0 gwuxmM"/></div></div></div><div class="tab-panel-sc-i9ulc3-0 gJeSyD"/></div> <h2 id="toc-known-limitations" style="position:relative" class="typography__h2-sc-1nd4eqp-1 vWEOQ"><a class="link-sc-6kfngc-0 HwYv" anchor="#toc-known-limitations" href="#toc-known-limitations">Known Limitations</a></h2>