GridProps - React Data Grid Component - KendoReact API

link管理

链接快照平台

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

相关文章推荐

有爱心的香槟 · java.lang.ClassNotFoun ...· 2 月前 ·

星星上的麻辣香锅 · 关于青梅竹马是消防员未增删樱花带翻译的信息 ...· 4 月前 ·

痛苦的企鹅 · 深度解读Python如何实现dbscan算法 ...· 11 月前 ·

坚韧的椅子 · 新手必学 QML入门教程 ...· 1 年前 ·

小眼睛的火车 · std::wstring跨dll ...· 1 年前 ·

</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.7/css/metric.min.css" as="style" media="(min-width: 621px)"/><link rel="preload" href="https://d6vtbcy3ong79.cloudfront.net/fonts/2.2.7/metric/Metric-Light.woff2" as="font" crossorigin="anonymous" media="(min-width: 621px)"/><link rel="preload" href="https://d6vtbcy3ong79.cloudfront.net/fonts/2.2.7/metric/Metric-Medium.woff2" as="font" crossorigin="anonymous" media="(min-width: 621px)"/><link rel="preload" href="https://d6vtbcy3ong79.cloudfront.net/fonts/2.2.7/metric/Metric-Regular.woff2" as="font" crossorigin="anonymous" media="(min-width: 621px)"/><link rel="preload" href="https://d6vtbcy3ong79.cloudfront.net/fonts/2.2.7/metric/Metric-Semibold.woff2" as="font" crossorigin="anonymous" media="(min-width: 621px)"/><link rel="preload" href="https://d6vtbcy3ong79.cloudfront.net/telerik-navigation/3.5.41/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.7/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.5.41/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.5.41" data-tlrk-nav-template="nav-kendo-ui-react-fluid-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">KendoReact <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="#8174f2"/><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="#8174f2"/><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="#8174f2"/><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></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" 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" 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></div><h5 class="TK-Dash-Title">Reporting</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></div><h5 class="TK-Dash-Title">Testing &amp; Mocking</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> <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">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-Updated" data-match-exact-path="">ThemeBuilder</a> <a href="https://www.telerik.com/design-system" class="TK-Dash-Link" data-match-exact-path="">Design System Kit</a> <a href="https://www.telerik.com/page-templates-and-ui-blocks" class="TK-Dash-Link" data-match-exact-path="">Templates and Building Blocks</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/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"/><div class="TK-Dash-Links"/><h5 class="TK-Dash-Title">Free Tools</h5><div class="TK-Dash-Links"><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</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-react-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-react-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-react-ui/components/getting-started/" class="TK-Menu-Item-Link" data-match-exact-path="">Get Started</a></li><li class="TK-Menu-Item TK-Menu-Item--static"><button type="button" class="TK-Menu-Item-Button">Resources <i class="TK-Arrow"/></button><div class="TK-Dropdown TK-Dropdown--Double TK-Dropdown--Mobile TK-Dropdown--East TK-Dropdown--3XL"><div class="TK-container"><div class="TK-row"><div class="TK-col-9"><h4 class="TK-Dash-Title">Support and Learning</h4><ul class="TK-Dropdown-List"><li><a href="https://www.telerik.com/kendo-react-ui/support" class="TK-Dropdown-List-Link" data-match-exact-path="">Support and Learning Hub</a></li><li><a href="https://www.telerik.com/kendo-react-ui/components/getting-started/" class="TK-Dropdown-List-Link" data-match-exact-path="">First Steps</a></li><li><a href="https://learn.telerik.com/learn/course/external/view/elearning/14/kendoreact" class="TK-Dropdown-List-Link" data-match-exact-path="">Virtual Classroom</a></li><li><a href="https://www.telerik.com/forums/kendo-ui-react?tagId=705" class="TK-Dropdown-List-Link" data-match-exact-path="">Forums</a></li><li><a href="https://feedback.telerik.com/kendo-react-ui" class="TK-Dropdown-List-Link" data-match-pattern="">Feedback Portal</a></li><li><a href="https://www.telerik.com/security-and-accessibility" class="TK-Dropdown-List-Link" data-match-exact-path="">Accessibility and Security</a></li><li><a href="https://www.telerik.com/account/support-center" class="TK-Dropdown-List-Link" data-match-exact-path="">Submit a Ticket</a></li></ul></div><div class="TK-col-6"><h4 class="TK-Dash-Title">Resources</h4><ul class="TK-Dropdown-List"><li><a href="https://www.telerik.com/kendo-react-ui/resources" class="TK-Dropdown-List-Link" data-match-exact-path="">Resources Hub</a></li><li><a href="https://www.telerik.com/kendo-react-ui/components/" class="TK-Dropdown-List-Link" data-match-exact-path="">Docs &amp; Demos</a></li><li><a href="https://www.telerik.com/videos/product/kendo-react-ui" class="TK-Dropdown-List-Link" data-match-exact-path="">Videos</a></li><li><a href="https://www.telerik.com/blogs/web-react" class="TK-Dropdown-List-Link" data-match-exact-path="">Blogs</a></li><li><a href="https://www.telerik.com/support/whats-new/kendo-react-ui" class="TK-Dropdown-List-Link" data-match-exact-path="">What’s New</a></li><li><a href="https://www.telerik.com/support/whats-new/kendo-react-ui/roadmap" class="TK-Dropdown-List-Link" data-match-exact-path="">Roadmap</a></li><li><a href="https://www.telerik.com/kendo-react-ui/components/changelogs/ui-for-react/" class="TK-Dropdown-List-Link" data-match-exact-path="">Release Notes</a></li></ul></div><div class="TK-col-9"><h4 class="TK-Dash-Title">Productivity and Design Tools</h4><ul class="TK-Dropdown-List"><li><a href="https://www.telerik.com/themebuilder" class="TK-Dropdown-List-Link" data-match-exact-path="">ThemeBuilder</a></li><li><a href="https://www.telerik.com/design-system/docs/" class="TK-Dropdown-List-Link" data-match-exact-path="">Design System Documentation</a></li><li><a href="https://www.telerik.com/kendo-react-ui/components/getting-started/vscode-extensions/" class="TK-Dropdown-List-Link" data-match-exact-path="">Visual Studio Code Extensions</a></li><li><a href="https://www.telerik.com/products/reporting.aspx" class="TK-Dropdown-List-Link" data-match-exact-path="">Embedded Reporting</a></li></ul></div></div></div></div></li><li class="TK-Menu-Item"><a href="https://www.telerik.com/kendo-react-ui/pricing" class="TK-Menu-Item-Link" data-match-starts-with-path="">Pricing</a></li></ul><ul class="TK-Aside-Menu TK-Aside-Menu--Min"><li class="TK-Aside-Menu-Item TK-Aside-Menu-Button--Search"><a href="https://www.telerik.com/search" class="TK-Aside-Menu-Link js-tlrk-nav-search-link" title="Search" data-match-exact-path=""><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="15" height="15" viewbox="0 0 512 512" xml:space="preserve"><path d="M504.4,464L378.9,338.5c25.6-34.8,40.8-77.7,40.8-124.2c0-115.7-94.1-209.8-209.8-209.8C94.2,4.5,0,98.6,0,214.3 C0,330,94.2,424.1,209.9,424.1c50.5,0,96.9-17.9,133.1-47.8l124.5,124.5c5.1,5.1,11.8,7.6,18.4,7.6s13.3-2.5,18.4-7.6 C514.6,490.7,514.6,474.2,504.4,464z M52.2,214.3c0-87,70.7-157.7,157.7-157.7s157.7,70.7,157.7,157.7c0,41-15.7,78.3-41.4,106.4 c-0.3,0.3-0.7,0.6-1,0.9c-0.7,0.7-1.3,1.4-1.9,2.2c-28.7,29.7-68.9,48.2-113.4,48.2C122.9,372,52.2,301.3,52.2,214.3z"/></svg></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 TK-bn"><a href="https://www.telerik.com/try/kendo-react-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 TK-Aside-Menu-Button--Search"><a href="https://www.telerik.com/search" class="TK-Aside-Menu-Link js-tlrk-nav-search-link" title="Search" data-match-exact-path=""><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="15" height="15" viewbox="0 0 512 512" xml:space="preserve"><path d="M504.4,464L378.9,338.5c25.6-34.8,40.8-77.7,40.8-124.2c0-115.7-94.1-209.8-209.8-209.8C94.2,4.5,0,98.6,0,214.3 C0,330,94.2,424.1,209.9,424.1c50.5,0,96.9-17.9,133.1-47.8l124.5,124.5c5.1,5.1,11.8,7.6,18.4,7.6s13.3-2.5,18.4-7.6 C514.6,490.7,514.6,474.2,504.4,464z M52.2,214.3c0-87,70.7-157.7,157.7-157.7s157.7,70.7,157.7,157.7c0,41-15.7,78.3-41.4,106.4 c-0.3,0.3-0.7,0.6-1,0.9c-0.7,0.7-1.3,1.4-1.9,2.2c-28.7,29.7-68.9,48.2-113.4,48.2C122.9,372,52.2,301.3,52.2,214.3z"/></svg></a></li><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 id="menu" viewbox="0 0 100 80" class="WUG-Svg WUG-Svg-Hamburger" width="22" height="16"><line x1="10" y1="40" x2="90" y2="40"/><line x1="10" y1="40" x2="90" y2="40"/><line x1="10" y1="40" x2="90" y2="40"/></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-react-ui/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 markdown-api-inner-sc-yu9dny-0 eYWnwk"><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 bYKUmx"><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-react-ui/components/introduction/"><span class="category-text">What is KendoReact</span></a></li><li class="sidenav-category-sc-1sl82tx-0 bYKUmx"><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"><span class="category-text">Getting Started</span></span></li><li class="sidenav-category-sc-1sl82tx-0 bYKUmx"><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"><span class="category-text">Server Components</span><span class="experimental-icon"><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512" width="16" height="16"><path d="m443.14,431.04s-21.67-36.61-46.83-79.04c-34.44-58.11-75.44-127.13-76.31-128V96h20c6.63,0,12-5.37,12-12v-8c0-6.63-5.37-12-12-12h-168c-6.63,0-12,5.37-12,12v8c0,6.63,5.37,12,12,12h20v128c-.66.75-41.72,69.84-76.25,128-25.18,42.42-46.89,79.04-46.89,79.04-3.23,5.18-4.86,11.06-4.86,16.96,0,5.34,1.33,10.68,4.01,15.51,5.64,10.18,16.36,16.49,27.99,16.49h320c11.63,0,22.35-6.31,27.99-16.49,2.68-4.83,4.01-10.17,4.01-15.51,0-5.9-1.63-11.78-4.86-16.96Zm-219.14-191.04V96h64v144l29.54,48h-123.08l29.54-48Zm-32,208c-26.51,0-48-21.49-48-48s21.49-48,48-48,48,21.49,48,48-21.49,48-48,48Zm128-48c-17.67,0-32-14.33-32-32s14.33-32,32-32,32,14.33,32,32-14.33,32-32,32Z"/></svg></span></span></li><li class="sidenav-category-sc-1sl82tx-0 bYKUmx"><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"><span class="category-text">Components</span></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>Barcodes</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>Chart Wizard<span class="tag-sc-15ygua1-0 gNeYQb tag-new">new</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>Charts<span class="tag-sc-15ygua1-0 gNeYQb 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>Common Utilities</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>Conversational UI<span class="tag-sc-15ygua1-0 gNeYQb tag-updated">updated</span></li><li level="2" tabindex="0" 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 emORtT"><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 Grid<span class="tag-sc-15ygua1-0 gNeYQb tag-updated">updated</span></li><li data-scroll="true"><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-react-ui/components/grid/">Overview<span class="tag-sc-15ygua1-0 gNeYQb tag-updated">updated</span></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>Getting Started</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>Data Binding</li><li><a class="link-sc-6kfngc-0 HwYv list-item-sc-1taax0m-0 sidenav-item-sc-90lgke-0 GNDdN dVKwZu" href="/kendo-react-ui/components/grid/integration-with-chart/">Chart Integration<span class="tag-sc-15ygua1-0 gNeYQb tag-new">new</span></a></li><li><a class="link-sc-6kfngc-0 HwYv list-item-sc-1taax0m-0 sidenav-item-sc-90lgke-0 GNDdN dVKwZu" href="/kendo-react-ui/components/grid/hierarchy/">Master-Detail Grids</a></li><li><a class="link-sc-6kfngc-0 HwYv list-item-sc-1taax0m-0 sidenav-item-sc-90lgke-0 GNDdN dVKwZu" href="/kendo-react-ui/components/grid/cells/">Custom Cells</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 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>Rows</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><a class="link-sc-6kfngc-0 HwYv list-item-sc-1taax0m-0 sidenav-item-sc-90lgke-0 GNDdN dVKwZu" href="/kendo-react-ui/components/grid/filtering/">Filtering<span class="tag-sc-15ygua1-0 gNeYQb tag-updated">updated</span></a></li><li><a class="link-sc-6kfngc-0 HwYv list-item-sc-1taax0m-0 sidenav-item-sc-90lgke-0 GNDdN dVKwZu" href="/kendo-react-ui/components/grid/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>Grouping</li><li><a class="link-sc-6kfngc-0 HwYv list-item-sc-1taax0m-0 sidenav-item-sc-90lgke-0 GNDdN dVKwZu" href="/kendo-react-ui/components/grid/paging/">Paging</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>Scrolling</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>Interactivity<span class="tag-sc-15ygua1-0 gNeYQb tag-updated">updated</span></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>PDF Export</li><li><a class="link-sc-6kfngc-0 HwYv list-item-sc-1taax0m-0 sidenav-item-sc-90lgke-0 GNDdN dVKwZu" href="/kendo-react-ui/components/grid/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-react-ui/components/grid/print-grid/">Printing the Grid<span class="tag-sc-15ygua1-0 gNeYQb tag-new">new</span></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>Styling</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>Optimization</li><li><a class="link-sc-6kfngc-0 HwYv list-item-sc-1taax0m-0 sidenav-item-sc-90lgke-0 GNDdN dVKwZu" href="/kendo-react-ui/components/grid/globalization/">Globalization</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>Accessibility<span class="tag-sc-15ygua1-0 gNeYQb tag-updated">updated</span></li><li><a class="link-sc-6kfngc-0 HwYv list-item-sc-1taax0m-0 sidenav-item-sc-90lgke-0 bdzFpa dVKwZu" href="/kendo-react-ui/components/grid/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>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<span class="tag-sc-15ygua1-0 gNeYQb 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>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<span class="tag-sc-15ygua1-0 gNeYQb 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>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</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>Gantt</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>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<span class="tag-sc-15ygua1-0 gNeYQb 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>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 gNeYQb 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<span class="tag-sc-15ygua1-0 gNeYQb 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>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>Map</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>OrgChart</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>PDF Viewer</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>PivotGrid</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>Ripple</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<span class="tag-sc-15ygua1-0 gNeYQb 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>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>Sortable</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>Spreadsheet</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>TaskBoard</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>Tooltips</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>TreeList</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<span class="tag-sc-15ygua1-0 gNeYQb 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>Upload</li></ul></li><li class="sidenav-category-sc-1sl82tx-0 bYKUmx"><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"><span class="category-text">Sample Applications</span></span></li><li class="sidenav-category-sc-1sl82tx-0 bYKUmx"><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"><span class="category-text">Styling &amp; Themes</span></span></li><li class="sidenav-category-sc-1sl82tx-0 bYKUmx"><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"><span class="category-text">Common Features</span></span></li><li class="sidenav-category-sc-1sl82tx-0 bYKUmx"><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"><span class="category-text">Project Setup</span></span></li><li class="sidenav-category-sc-1sl82tx-0 bYKUmx"><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-react-ui/components/knowledge-base/"><span class="category-text">Knowledge Base</span></a></li><li class="sidenav-category-sc-1sl82tx-0 bYKUmx"><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"><span class="category-text">Changelog</span></span></li><li class="sidenav-category-sc-1sl82tx-0 bYKUmx"><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"><span class="category-text">Updates</span></span></li><li class="sidenav-category-sc-1sl82tx-0 bYKUmx"><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"><span class="category-text">Troubleshooting</span></span></li></ul></div></section></div><div class="column-sc-1t518bt-0 bQJVbx"><article><div class="breadcrumbs-sc-1oht5yb-1 eGowLH"><span class="link-sc-6kfngc-0 hRcxEc">Components</span> <span class="breadcrumbs__Separator-sc-1oht5yb-0 UiKRX">/</span> <a class="link-sc-6kfngc-0 jTWaMI" href="/kendo-react-ui/components/grid/">Data Grid</a> <span class="breadcrumbs__Separator-sc-1oht5yb-0 UiKRX">/</span> <a class="link-sc-6kfngc-0 jTWaMI" href="/kendo-react-ui/components/grid/api/">API</a> <span class="breadcrumbs__Separator-sc-1oht5yb-0 UiKRX">/</span> <a class="link-sc-6kfngc-0 jTWaMI" href="/kendo-react-ui/components/grid/api/GridProps/">GridProps</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 style="width:80%" class="start-free-trial-small-sc-7z6g94-0 vtoSo"><div class="box-sc-1g51uh7-0 start-free-trial-small__StartFreeTrialLoadingMessage-sc-iponhw-0 jnfyYU"/></div></div><h1 id="toc-gridprops" style="position:relative" class="typography__h1-sc-1nd4eqp-0 frGcVp">GridProps</h1> <p class="styled-p-sc-1ckzute-0 jhyKbH">Represents the props of the <a class="link-sc-6kfngc-0 jTWaMI" href="/kendo-react-ui/components/grid/">KendoReact Grid component</a>.</p> <table class="table-sc-885jbm-0 table-sc-wa7bka-0 hTJiRz hxHAOB api-table api-table-properties"><thead class="table-head-sc-1xfga5c-0 table-head-sc-1rjs0kw-0 hGPIyG"><tr class="table-row-sc-1tg9bcv-0 table-row-sc-cgnvju-0 hCtosd ikBXNy"><th class="table-header-cell-sc-2deb1y-0 table-header-cell-sc-65l7em-0 la-dyTk ldIuUf th-name">Name</th><th class="table-header-cell-sc-2deb1y-0 table-header-cell-sc-65l7em-0 la-dyTk ldIuUf th-type">Type</th><th class="table-header-cell-sc-2deb1y-0 table-header-cell-sc-65l7em-0 la-dyTk ldIuUf th-default">Default</th><th class="table-header-cell-sc-2deb1y-0 table-header-cell-sc-65l7em-0 la-dyTk ldIuUf th-desc">Description</th></tr></thead><tbody class="table-body-sc-n0nczu-0 table-body-sc-uq3re1-0 crxQFs api-table-body"><tr class="table-row-sc-1tg9bcv-0 table-row-sc-cgnvju-0 hCtosd ikBXNy"><td class="table-cell-sc-x7b4uw-0 table-cell-sc-1kwr2jz-0 zoIuo jCvQXF table-cell-name"> <h4 id="toc-arialabel" style="position:relative" class="typography__h4-sc-1nd4eqp-3 jTWAkK"><a class="link-sc-6kfngc-0 HwYv" anchor="#toc-arialabel" href="#toc-arialabel">ariaLabel?</a></h4> <p class="styled-p-sc-1ckzute-0 jhyKbH">string</p> <p class="styled-p-sc-1ckzute-0 jhyKbH"><strong>Deprecated</strong>. The accessible label of the Grid. Use (<a class="link-sc-6kfngc-0 jTWaMI" href="/kendo-react-ui/components/grid/globalization/">messages</a>) instead.</p> <h4 id="toc-cellrender" style="position:relative" class="typography__h4-sc-1nd4eqp-3 jTWAkK"><a class="link-sc-6kfngc-0 HwYv" anchor="#toc-cellrender" href="#toc-cellrender">cellRender?</a></h4> <p class="styled-p-sc-1ckzute-0 jhyKbH">(defaultRendering: "null" | ReactElement&lt;HTMLTableCellElement&gt;, props: <a class="link-sc-6kfngc-0 jTWaMI" href="/kendo-react-ui/components/grid/api/GridCellProps/">GridCellProps</a>) =&gt; "null" | ReactElement&lt;HTMLTableCellElement&gt; | ReactElement&lt;HTMLTableCellElement&gt;[]</p> <p class="styled-p-sc-1ckzute-0 jhyKbH">Fires when a cell is about to be rendered. Used to override the default appearance of the cell (<a class="link-sc-6kfngc-0 jTWaMI" href="/kendo-react-ui/components/grid/grouping/grouping/">see example</a>).</p> <h4 id="toc-cells" style="position:relative" class="typography__h4-sc-1nd4eqp-3 jTWAkK"><a class="link-sc-6kfngc-0 HwYv" anchor="#toc-cells" href="#toc-cells">cells?</a></h4> <p class="styled-p-sc-1ckzute-0 jhyKbH"><a class="link-sc-6kfngc-0 jTWaMI" href="/kendo-react-ui/components/grid/api/GridCellsSettings/">GridCellsSettings</a></p> <p class="styled-p-sc-1ckzute-0 jhyKbH">Sets a set of custom components that the Grid will render instead of the built-in cell.</p> <h4 id="toc-children" style="position:relative" class="typography__h4-sc-1nd4eqp-3 jTWAkK"><a class="link-sc-6kfngc-0 HwYv" anchor="#toc-children" href="#toc-children">children?</a></h4> <p class="styled-p-sc-1ckzute-0 jhyKbH">React.ReactNode</p> <p class="styled-p-sc-1ckzute-0 jhyKbH">Determines the children nodes.</p> <h4 id="toc-classname" style="position:relative" class="typography__h4-sc-1nd4eqp-3 jTWAkK"><a class="link-sc-6kfngc-0 HwYv" anchor="#toc-classname" href="#toc-classname">className?</a></h4> <p class="styled-p-sc-1ckzute-0 jhyKbH">string</p> <p class="styled-p-sc-1ckzute-0 jhyKbH">Sets a class of the Grid DOM element.</p> <h4 id="toc-clipboard" style="position:relative" class="typography__h4-sc-1nd4eqp-3 jTWAkK"><a class="link-sc-6kfngc-0 HwYv" anchor="#toc-clipboard" href="#toc-clipboard">clipboard?</a></h4> <p class="styled-p-sc-1ckzute-0 jhyKbH">boolean | ClipboardSettings</p> <p class="styled-p-sc-1ckzute-0 jhyKbH">When set enables the clipboard copy, cut and paste manipulations. It takes values of type <a class="link-sc-6kfngc-0 jTWaMI" href="/kendo-react-ui/components/datatools/api/ClipboardSettings/">ClipboardSettings</a> or boolean.</p> <h4 id="toc-columnmenu" style="position:relative" class="typography__h4-sc-1nd4eqp-3 jTWAkK"><a class="link-sc-6kfngc-0 HwYv" anchor="#toc-columnmenu" href="#toc-columnmenu">columnMenu?</a></h4> <p class="styled-p-sc-1ckzute-0 jhyKbH">"null" | ComponentType&lt;<a class="link-sc-6kfngc-0 jTWaMI" href="/kendo-react-ui/components/grid/api/GridColumnMenuProps/">GridColumnMenuProps</a>&gt;</p> <p class="styled-p-sc-1ckzute-0 jhyKbH">Specifies a React element that will be cloned and rendered inside the column menu of the Grid. Can be overridden on column level.</p> <h4 id="toc-columnmenuicon" style="position:relative" class="typography__h4-sc-1nd4eqp-3 jTWAkK"><a class="link-sc-6kfngc-0 HwYv" anchor="#toc-columnmenuicon" href="#toc-columnmenuicon">columnMenuIcon?</a></h4> <p class="styled-p-sc-1ckzute-0 jhyKbH">SVGIcon</p> <p class="styled-p-sc-1ckzute-0 jhyKbH">Globally overrides the default(three vertical dots) column menu icon for the whole Grid. If set, the prop can be overridden on column level using the (<a class="link-sc-6kfngc-0 jTWaMI" href="/kendo-react-ui/components/grid/api/GridColumnProps/#toc-menuicon/">menuIcon</a>) property.</p> <h4 id="toc-columnvirtualization" style="position:relative" class="typography__h4-sc-1nd4eqp-3 jTWAkK"><a class="link-sc-6kfngc-0 HwYv" anchor="#toc-columnvirtualization" href="#toc-columnvirtualization">columnVirtualization?</a></h4> <p class="styled-p-sc-1ckzute-0 jhyKbH">boolean</p> <p class="styled-p-sc-1ckzute-0 jhyKbH">Enables virtualization of the columns. If virtualization is enabled, the columns outside the view are not rendered.</p> <h4 id="toc-data" style="position:relative" class="typography__h4-sc-1nd4eqp-3 jTWAkK"><a class="link-sc-6kfngc-0 HwYv" anchor="#toc-data" href="#toc-data">data?</a></h4> <p class="styled-p-sc-1ckzute-0 jhyKbH">"null" | any[] | DataResult</p> <p class="styled-p-sc-1ckzute-0 jhyKbH">Sets the data of the Grid (<a class="link-sc-6kfngc-0 jTWaMI" href="/kendo-react-ui/components/grid/paging/">see example</a>). If you use paging, the <code class="code-sc-1nirtn7-0 hDRBpP">data</code> option has to contain only the items for the current page. It takes values of type null, any or [DataResult]({% slug api_kendo-data-query_dataresult%})</p> <h4 id="toc-dataitemkey" style="position:relative" class="typography__h4-sc-1nd4eqp-3 jTWAkK"><a class="link-sc-6kfngc-0 HwYv" anchor="#toc-dataitemkey" href="#toc-dataitemkey">dataItemKey?</a></h4> <p class="styled-p-sc-1ckzute-0 jhyKbH">string</p> <p class="styled-p-sc-1ckzute-0 jhyKbH">Sets the Grid row key prop to the value of this field in the dataItem. If not set, the dataItem index will be used for the row key, which might lead to row not updated during paging or scrolling.</p> <h4 id="toc-detail" style="position:relative" class="typography__h4-sc-1nd4eqp-3 jTWAkK"><a class="link-sc-6kfngc-0 HwYv" anchor="#toc-detail" href="#toc-detail">detail?</a></h4> <p class="styled-p-sc-1ckzute-0 jhyKbH">"null" | ComponentType&lt;<a class="link-sc-6kfngc-0 jTWaMI" href="/kendo-react-ui/components/grid/api/GridDetailRowProps/">GridDetailRowProps</a>&gt;</p> <p class="styled-p-sc-1ckzute-0 jhyKbH">Specifies a React element that will be cloned and rendered inside the detail rows of the currently expanded items (<a class="link-sc-6kfngc-0 jTWaMI" href="/kendo-react-ui/components/grid/hierarchy/">see example</a>). An item will be rendered as expanded if the value of its <code class="code-sc-1nirtn7-0 hDRBpP">expandField</code> is <code class="code-sc-1nirtn7-0 hDRBpP">true</code>.</p> <h4 id="toc-detailrowheight" style="position:relative" class="typography__h4-sc-1nd4eqp-3 jTWAkK"><a class="link-sc-6kfngc-0 HwYv" anchor="#toc-detailrowheight" href="#toc-detailrowheight">detailRowHeight?</a></h4> <p class="styled-p-sc-1ckzute-0 jhyKbH">number</p> <p class="styled-p-sc-1ckzute-0 jhyKbH">Defines the detail row height and forces an equal height to all detail rows.</p> <h4 id="toc-editfield" style="position:relative" class="typography__h4-sc-1nd4eqp-3 jTWAkK"><a class="link-sc-6kfngc-0 HwYv" anchor="#toc-editfield" href="#toc-editfield">editField?</a></h4> <p class="styled-p-sc-1ckzute-0 jhyKbH">string</p> <p class="styled-p-sc-1ckzute-0 jhyKbH">Specifies the name of the field which will provide a Boolean representation of the edit state of the current item (<a class="link-sc-6kfngc-0 jTWaMI" href="/kendo-react-ui/components/grid/editing/editing-inline/">more information and examples</a>).</p> <h4 id="toc-expandfield" style="position:relative" class="typography__h4-sc-1nd4eqp-3 jTWAkK"><a class="link-sc-6kfngc-0 HwYv" anchor="#toc-expandfield" href="#toc-expandfield">expandField?</a></h4> <p class="styled-p-sc-1ckzute-0 jhyKbH">string</p> <p class="styled-p-sc-1ckzute-0 jhyKbH">Specifies the name of the field which will provide a Boolean representation of the expanded state of the item (<a class="link-sc-6kfngc-0 jTWaMI" href="/kendo-react-ui/components/grid/rows/detail/">see example</a>).</p> <h4 id="toc-filter" style="position:relative" class="typography__h4-sc-1nd4eqp-3 jTWAkK"><a class="link-sc-6kfngc-0 HwYv" anchor="#toc-filter" href="#toc-filter">filter?</a></h4> <p class="styled-p-sc-1ckzute-0 jhyKbH">CompositeFilterDescriptor</p> <p class="styled-p-sc-1ckzute-0 jhyKbH">The <a class="link-sc-6kfngc-0 jTWaMI" href="/kendo-react-ui/components/dataquery/api/CompositeFilterDescriptor/">descriptor</a> by which the data is filtered (<a class="link-sc-6kfngc-0 jTWaMI" href="/kendo-react-ui/components/grid/filtering/">more information and examples</a>). This affects the values and buttons in the <code class="code-sc-1nirtn7-0 hDRBpP">FilterRow</code> of the Grid.</p> <h4 id="toc-filterable" style="position:relative" class="typography__h4-sc-1nd4eqp-3 jTWAkK"><a class="link-sc-6kfngc-0 HwYv" anchor="#toc-filterable" href="#toc-filterable">filterable?</a></h4> <p class="styled-p-sc-1ckzute-0 jhyKbH">boolean</p> <p class="styled-p-sc-1ckzute-0 jhyKbH">Enables the filtering of the columns with their <code class="code-sc-1nirtn7-0 hDRBpP">field</code> option set (<a class="link-sc-6kfngc-0 jTWaMI" href="/kendo-react-ui/components/grid/filtering/">more information and examples</a>).</p> <h4 id="toc-filtercellrender" style="position:relative" class="typography__h4-sc-1nd4eqp-3 jTWAkK"><a class="link-sc-6kfngc-0 HwYv" anchor="#toc-filtercellrender" href="#toc-filtercellrender">filterCellRender?</a></h4> <p class="styled-p-sc-1ckzute-0 jhyKbH">(defaultRendering: "null" | ReactElement&lt;any&gt;, props: <a class="link-sc-6kfngc-0 jTWaMI" href="/kendo-react-ui/components/grid/api/GridFilterCellProps/">GridFilterCellProps</a>) =&gt; "null" | ReactElement&lt;any&gt;</p> <p class="styled-p-sc-1ckzute-0 jhyKbH">Fires when a filter cell is about to be rendered. Overrides the default appearance of the filter cell.</p> <h4 id="toc-filteroperators" style="position:relative" class="typography__h4-sc-1nd4eqp-3 jTWAkK"><a class="link-sc-6kfngc-0 HwYv" anchor="#toc-filteroperators" href="#toc-filteroperators">filterOperators?</a></h4> <p class="styled-p-sc-1ckzute-0 jhyKbH"><a class="link-sc-6kfngc-0 jTWaMI" href="/kendo-react-ui/components/grid/api/GridFilterOperators/">GridFilterOperators</a></p> <p class="styled-p-sc-1ckzute-0 jhyKbH">The filter operators for the Grid filters.</p> <h4 id="toc-fixedscroll" style="position:relative" class="typography__h4-sc-1nd4eqp-3 jTWAkK"><a class="link-sc-6kfngc-0 HwYv" anchor="#toc-fixedscroll" href="#toc-fixedscroll">fixedScroll?</a></h4> <p class="styled-p-sc-1ckzute-0 jhyKbH">boolean</p> <p class="styled-p-sc-1ckzute-0 jhyKbH">Determines if the scroll position will be updated after data change. If set to <code class="code-sc-1nirtn7-0 hDRBpP">true</code> the scroll will remain on the same position.</p> <h4 id="toc-group" style="position:relative" class="typography__h4-sc-1nd4eqp-3 jTWAkK"><a class="link-sc-6kfngc-0 HwYv" anchor="#toc-group" href="#toc-group">group?</a></h4> <p class="styled-p-sc-1ckzute-0 jhyKbH">GroupDescriptor[]</p> <p class="styled-p-sc-1ckzute-0 jhyKbH">The <a class="link-sc-6kfngc-0 jTWaMI" href="/kendo-react-ui/components/dataquery/api/GroupDescriptor/">descriptors</a>[] by which the data will be grouped (<a class="link-sc-6kfngc-0 jTWaMI" href="/kendo-react-ui/components/grid/grouping/">more information and examples</a>).</p> <h4 id="toc-groupable" style="position:relative" class="typography__h4-sc-1nd4eqp-3 jTWAkK"><a class="link-sc-6kfngc-0 HwYv" anchor="#toc-groupable" href="#toc-groupable">groupable?</a></h4> <p class="styled-p-sc-1ckzute-0 jhyKbH">boolean | <a class="link-sc-6kfngc-0 jTWaMI" href="/kendo-react-ui/components/grid/api/GridGroupableSettings/">GridGroupableSettings</a></p> <p class="styled-p-sc-1ckzute-0 jhyKbH">Determines if grouping by dragging and dropping the column headers is allowed (<a class="link-sc-6kfngc-0 jTWaMI" href="/kendo-react-ui/components/grid/grouping/">more information and examples</a>).</p> <h4 id="toc-headercellrender" style="position:relative" class="typography__h4-sc-1nd4eqp-3 jTWAkK"><a class="link-sc-6kfngc-0 HwYv" anchor="#toc-headercellrender" href="#toc-headercellrender">headerCellRender?</a></h4> <p class="styled-p-sc-1ckzute-0 jhyKbH">(defaultRendering: ReactNode, props: <a class="link-sc-6kfngc-0 jTWaMI" href="/kendo-react-ui/components/grid/api/GridHeaderCellProps/">GridHeaderCellProps</a>) =&gt; ReactNode</p> <p class="styled-p-sc-1ckzute-0 jhyKbH">Fires when a header cell is about to be rendered. Overrides the default appearance of the header cell.</p> <p class="styled-p-sc-1ckzute-0 jhyKbH">string</p> <p class="styled-p-sc-1ckzute-0 jhyKbH">Sets the <code class="code-sc-1nirtn7-0 hDRBpP">id</code> property of the top div element of the component.</p> <h4 id="toc-lockgroups" style="position:relative" class="typography__h4-sc-1nd4eqp-3 jTWAkK"><a class="link-sc-6kfngc-0 HwYv" anchor="#toc-lockgroups" href="#toc-lockgroups">lockGroups?</a></h4> <p class="styled-p-sc-1ckzute-0 jhyKbH">boolean</p> <p class="styled-p-sc-1ckzute-0 jhyKbH">Defines if the group descriptor columns are locked (frozen or sticky). Locked columns are the columns that are visible at all times while the user scrolls the component horizontally. Defaults to <code class="code-sc-1nirtn7-0 hDRBpP">false</code>.</p> <h4 id="toc-navigatable" style="position:relative" class="typography__h4-sc-1nd4eqp-3 jTWAkK"><a class="link-sc-6kfngc-0 HwYv" anchor="#toc-navigatable" href="#toc-navigatable">navigatable?</a></h4> <p class="styled-p-sc-1ckzute-0 jhyKbH">boolean | NavigatableSettings</p> <p class="styled-p-sc-1ckzute-0 jhyKbH">If set to <code class="code-sc-1nirtn7-0 hDRBpP">true</code>, the user can use dedicated shortcuts to interact with the Grid. By default, navigation is disabled and the Grid content is accessible in the normal tab sequence.</p> <h4 id="toc-onclipboard" style="position:relative" class="typography__h4-sc-1nd4eqp-3 jTWAkK"><a class="link-sc-6kfngc-0 HwYv" anchor="#toc-onclipboard" href="#toc-onclipboard">onClipboard?</a></h4> <p class="styled-p-sc-1ckzute-0 jhyKbH">(event: ClipboardDataEvent) =&gt; void</p> <p class="styled-p-sc-1ckzute-0 jhyKbH">Fires when clipboard support is enabled and the one of the actions 'copy'. The event accepts type <a class="link-sc-6kfngc-0 jTWaMI" href="/kendo-react-ui/components/datatools/api/ClipboardDataEvent/">ClipboardDataEvent</a>.</p> <h4 id="toc-oncolumnreorder" style="position:relative" class="typography__h4-sc-1nd4eqp-3 jTWAkK"><a class="link-sc-6kfngc-0 HwYv" anchor="#toc-oncolumnreorder" href="#toc-oncolumnreorder">onColumnReorder?</a></h4> <p class="styled-p-sc-1ckzute-0 jhyKbH">(event: <a class="link-sc-6kfngc-0 jTWaMI" href="/kendo-react-ui/components/grid/api/GridColumnReorderEvent/">GridColumnReorderEvent</a>) =&gt; void</p> <p class="styled-p-sc-1ckzute-0 jhyKbH">Fires when the columns are reordered.</p> <h4 id="toc-oncolumnresize" style="position:relative" class="typography__h4-sc-1nd4eqp-3 jTWAkK"><a class="link-sc-6kfngc-0 HwYv" anchor="#toc-oncolumnresize" href="#toc-oncolumnresize">onColumnResize?</a></h4> <p class="styled-p-sc-1ckzute-0 jhyKbH">(event: <a class="link-sc-6kfngc-0 jTWaMI" href="/kendo-react-ui/components/grid/api/GridColumnResizeEvent/">GridColumnResizeEvent</a>) =&gt; void</p> <p class="styled-p-sc-1ckzute-0 jhyKbH">Fires when a column is resized.</p> <h4 id="toc-oncontextmenu" style="position:relative" class="typography__h4-sc-1nd4eqp-3 jTWAkK"><a class="link-sc-6kfngc-0 HwYv" anchor="#toc-oncontextmenu" href="#toc-oncontextmenu">onContextMenu?</a></h4> <p class="styled-p-sc-1ckzute-0 jhyKbH">(event: <a class="link-sc-6kfngc-0 jTWaMI" href="/kendo-react-ui/components/grid/api/GridContextMenuEvent/">GridContextMenuEvent</a>) =&gt; void</p> <p class="styled-p-sc-1ckzute-0 jhyKbH">The event that is fired when the ContextMenu is activated.</p> <h4 id="toc-ondatastatechange" style="position:relative" class="typography__h4-sc-1nd4eqp-3 jTWAkK"><a class="link-sc-6kfngc-0 HwYv" anchor="#toc-ondatastatechange" href="#toc-ondatastatechange">onDataStateChange?</a></h4> <p class="styled-p-sc-1ckzute-0 jhyKbH">(event: <a class="link-sc-6kfngc-0 jTWaMI" href="/kendo-react-ui/components/grid/api/GridDataStateChangeEvent/">GridDataStateChangeEvent</a>) =&gt; void</p> <p class="styled-p-sc-1ckzute-0 jhyKbH">Fires when the data state of the Grid is changed (<a class="link-sc-6kfngc-0 jTWaMI" href="/kendo-react-ui/components/grid/data-operations/local-operations/">more information</a> and <a class="link-sc-6kfngc-0 jTWaMI" href="/kendo-react-ui/components/grid/data-operations/odata-server-operations/">example</a>).</p> <h4 id="toc-onexpandchange" style="position:relative" class="typography__h4-sc-1nd4eqp-3 jTWAkK"><a class="link-sc-6kfngc-0 HwYv" anchor="#toc-onexpandchange" href="#toc-onexpandchange">onExpandChange?</a></h4> <p class="styled-p-sc-1ckzute-0 jhyKbH">(event: <a class="link-sc-6kfngc-0 jTWaMI" href="/kendo-react-ui/components/grid/api/GridExpandChangeEvent/">GridExpandChangeEvent</a>) =&gt; void</p> <p class="styled-p-sc-1ckzute-0 jhyKbH">Fires when the user tries to expand or collapse a row.</p> <h4 id="toc-onfilterchange" style="position:relative" class="typography__h4-sc-1nd4eqp-3 jTWAkK"><a class="link-sc-6kfngc-0 HwYv" anchor="#toc-onfilterchange" href="#toc-onfilterchange">onFilterChange?</a></h4> <p class="styled-p-sc-1ckzute-0 jhyKbH">(event: <a class="link-sc-6kfngc-0 jTWaMI" href="/kendo-react-ui/components/grid/api/GridFilterChangeEvent/">GridFilterChangeEvent</a>) =&gt; void</p> <p class="styled-p-sc-1ckzute-0 jhyKbH">Fires when the Grid filter is modified through the UI (<a class="link-sc-6kfngc-0 jTWaMI" href="/kendo-react-ui/components/grid/filtering/">more information and examples</a>). You have to handle the event yourself and filter the data.</p> <h4 id="toc-ongroupchange" style="position:relative" class="typography__h4-sc-1nd4eqp-3 jTWAkK"><a class="link-sc-6kfngc-0 HwYv" anchor="#toc-ongroupchange" href="#toc-ongroupchange">onGroupChange?</a></h4> <p class="styled-p-sc-1ckzute-0 jhyKbH">(event: <a class="link-sc-6kfngc-0 jTWaMI" href="/kendo-react-ui/components/grid/api/GridGroupChangeEvent/">GridGroupChangeEvent</a>) =&gt; void</p> <p class="styled-p-sc-1ckzute-0 jhyKbH">Fires when the grouping of the Grid is changed. You have to handle the event yourself and group the data (<a class="link-sc-6kfngc-0 jTWaMI" href="/kendo-react-ui/components/grid/grouping/">more information and examples</a>).</p> <h4 id="toc-onheaderselectionchange" style="position:relative" class="typography__h4-sc-1nd4eqp-3 jTWAkK"><a class="link-sc-6kfngc-0 HwYv" anchor="#toc-onheaderselectionchange" href="#toc-onheaderselectionchange">onHeaderSelectionChange?</a></h4> <p class="styled-p-sc-1ckzute-0 jhyKbH">(event: <a class="link-sc-6kfngc-0 jTWaMI" href="/kendo-react-ui/components/grid/api/GridHeaderSelectionChangeEvent/">GridHeaderSelectionChangeEvent</a>) =&gt; void</p> <p class="styled-p-sc-1ckzute-0 jhyKbH">Fires when the user clicks the checkbox of a column header whose <code class="code-sc-1nirtn7-0 hDRBpP">field</code> matches <code class="code-sc-1nirtn7-0 hDRBpP">selectedField</code> (<a class="link-sc-6kfngc-0 jTWaMI" href="/kendo-react-ui/components/grid/interactivity/selection/">more information and example</a>).</p> <h4 id="toc-onitemchange" style="position:relative" class="typography__h4-sc-1nd4eqp-3 jTWAkK"><a class="link-sc-6kfngc-0 HwYv" anchor="#toc-onitemchange" href="#toc-onitemchange">onItemChange?</a></h4> <p class="styled-p-sc-1ckzute-0 jhyKbH">(event: <a class="link-sc-6kfngc-0 jTWaMI" href="/kendo-react-ui/components/grid/api/GridItemChangeEvent/">GridItemChangeEvent</a>) =&gt; void</p> <p class="styled-p-sc-1ckzute-0 jhyKbH">Fires when the user changes the values of the item. The event is not debounced and fires on every <code class="code-sc-1nirtn7-0 hDRBpP">onChange</code> event of the input in the current <code class="code-sc-1nirtn7-0 hDRBpP">EditCell</code> (<a class="link-sc-6kfngc-0 jTWaMI" href="/kendo-react-ui/components/grid/editing/editing-inline/">more information and examples</a>).</p> <h4 id="toc-onkeydown" style="position:relative" class="typography__h4-sc-1nd4eqp-3 jTWAkK"><a class="link-sc-6kfngc-0 HwYv" anchor="#toc-onkeydown" href="#toc-onkeydown">onKeyDown?</a></h4> <p class="styled-p-sc-1ckzute-0 jhyKbH">(event: <a class="link-sc-6kfngc-0 jTWaMI" href="/kendo-react-ui/components/grid/api/GridKeyDownEvent/">GridKeyDownEvent</a>) =&gt; void</p> <p class="styled-p-sc-1ckzute-0 jhyKbH">Fires when the user press keyboard key.</p> <h4 id="toc-onnavigationaction" style="position:relative" class="typography__h4-sc-1nd4eqp-3 jTWAkK"><a class="link-sc-6kfngc-0 HwYv" anchor="#toc-onnavigationaction" href="#toc-onnavigationaction">onNavigationAction?</a></h4> <p class="styled-p-sc-1ckzute-0 jhyKbH">(event: <a class="link-sc-6kfngc-0 jTWaMI" href="/kendo-react-ui/components/grid/api/GridNavigationActionEvent/">GridNavigationActionEvent</a>) =&gt; void</p> <p class="styled-p-sc-1ckzute-0 jhyKbH">Fires when Grid keyboard navigation position is changed.</p> <h4 id="toc-onpagechange" style="position:relative" class="typography__h4-sc-1nd4eqp-3 jTWAkK"><a class="link-sc-6kfngc-0 HwYv" anchor="#toc-onpagechange" href="#toc-onpagechange">onPageChange?</a></h4> <p class="styled-p-sc-1ckzute-0 jhyKbH">(event: <a class="link-sc-6kfngc-0 jTWaMI" href="/kendo-react-ui/components/grid/api/GridPageChangeEvent/">GridPageChangeEvent</a>) =&gt; void</p> <p class="styled-p-sc-1ckzute-0 jhyKbH">Fires when the page of the Grid is changed (<a class="link-sc-6kfngc-0 jTWaMI" href="/kendo-react-ui/components/grid/paging/">see example</a>). You have to handle the event yourself and page the data.</p> <h4 id="toc-onrowclick" style="position:relative" class="typography__h4-sc-1nd4eqp-3 jTWAkK"><a class="link-sc-6kfngc-0 HwYv" anchor="#toc-onrowclick" href="#toc-onrowclick">onRowClick?</a></h4> <p class="styled-p-sc-1ckzute-0 jhyKbH">(event: <a class="link-sc-6kfngc-0 jTWaMI" href="/kendo-react-ui/components/grid/api/GridRowClickEvent/">GridRowClickEvent</a>) =&gt; void</p> <p class="styled-p-sc-1ckzute-0 jhyKbH">Fires when the user clicks a row.</p> <h4 id="toc-onrowdoubleclick" style="position:relative" class="typography__h4-sc-1nd4eqp-3 jTWAkK"><a class="link-sc-6kfngc-0 HwYv" anchor="#toc-onrowdoubleclick" href="#toc-onrowdoubleclick">onRowDoubleClick?</a></h4> <p class="styled-p-sc-1ckzute-0 jhyKbH">(event: <a class="link-sc-6kfngc-0 jTWaMI" href="/kendo-react-ui/components/grid/api/GridRowDoubleClickEvent/">GridRowDoubleClickEvent</a>) =&gt; void</p> <p class="styled-p-sc-1ckzute-0 jhyKbH">Fires when the user double clicks a row.</p> <h4 id="toc-onscroll" style="position:relative" class="typography__h4-sc-1nd4eqp-3 jTWAkK"><a class="link-sc-6kfngc-0 HwYv" anchor="#toc-onscroll" href="#toc-onscroll">onScroll?</a></h4> <p class="styled-p-sc-1ckzute-0 jhyKbH">(event: <a class="link-sc-6kfngc-0 jTWaMI" href="/kendo-react-ui/components/grid/api/GridEvent/">GridEvent</a>) =&gt; void</p> <p class="styled-p-sc-1ckzute-0 jhyKbH">Fires when Grid is scrolled.</p> <h4 id="toc-onselectionchange" style="position:relative" class="typography__h4-sc-1nd4eqp-3 jTWAkK"><a class="link-sc-6kfngc-0 HwYv" anchor="#toc-onselectionchange" href="#toc-onselectionchange">onSelectionChange?</a></h4> <p class="styled-p-sc-1ckzute-0 jhyKbH">(event: <a class="link-sc-6kfngc-0 jTWaMI" href="/kendo-react-ui/components/grid/api/GridSelectionChangeEvent/">GridSelectionChangeEvent</a>) =&gt; void</p> <p class="styled-p-sc-1ckzute-0 jhyKbH">Fires when the user tries to select or deselect a row or cell.</p> <h4 id="toc-onsortchange" style="position:relative" class="typography__h4-sc-1nd4eqp-3 jTWAkK"><a class="link-sc-6kfngc-0 HwYv" anchor="#toc-onsortchange" href="#toc-onsortchange">onSortChange?</a></h4> <p class="styled-p-sc-1ckzute-0 jhyKbH">(event: <a class="link-sc-6kfngc-0 jTWaMI" href="/kendo-react-ui/components/grid/api/GridSortChangeEvent/">GridSortChangeEvent</a>) =&gt; void</p> <p class="styled-p-sc-1ckzute-0 jhyKbH">Fires when the sorting of the Grid is changed (<a class="link-sc-6kfngc-0 jTWaMI" href="/kendo-react-ui/components/grid/sorting/">see example</a>). You have to handle the event yourself and sort the data.</p> <h4 id="toc-pageable" style="position:relative" class="typography__h4-sc-1nd4eqp-3 jTWAkK"><a class="link-sc-6kfngc-0 HwYv" anchor="#toc-pageable" href="#toc-pageable">pageable?</a></h4> <p class="styled-p-sc-1ckzute-0 jhyKbH">boolean | <a class="link-sc-6kfngc-0 jTWaMI" href="/kendo-react-ui/components/grid/api/GridPagerSettings/">GridPagerSettings</a></p> <p class="styled-p-sc-1ckzute-0 jhyKbH">Configures the pager of the Grid (<a class="link-sc-6kfngc-0 jTWaMI" href="/kendo-react-ui/components/grid/paging/">see example</a>).</p> <p class="styled-p-sc-1ckzute-0 jhyKbH">The available options are:</p> <li><code class="code-sc-1nirtn7-0 hDRBpP">buttonCount: Number</code>—Sets the maximum numeric buttons count before the buttons are collapsed.</li> <li><code class="code-sc-1nirtn7-0 hDRBpP">info: Boolean</code>—Toggles the information about the current page and the total number of records.</li> <li><code class="code-sc-1nirtn7-0 hDRBpP">type: PagerType</code>—Accepts the <code class="code-sc-1nirtn7-0 hDRBpP">numeric</code> (buttons with numbers) and <code class="code-sc-1nirtn7-0 hDRBpP">input</code> (input for typing the page number) values.</li> <li><code class="code-sc-1nirtn7-0 hDRBpP">pageSizes: Boolean</code> or <code class="code-sc-1nirtn7-0 hDRBpP">Array&lt;number&gt;</code>—Shows a menu for selecting the page size.</li> <li><code class="code-sc-1nirtn7-0 hDRBpP">previousNext: Boolean</code>—Toggles the <strong>Previous</strong> and <strong>Next</strong> buttons.</li> <li><code class="code-sc-1nirtn7-0 hDRBpP">navigatable: Boolean</code>—Defines if the pager will be navigatable.</li> <h4 id="toc-pager" style="position:relative" class="typography__h4-sc-1nd4eqp-3 jTWAkK"><a class="link-sc-6kfngc-0 HwYv" anchor="#toc-pager" href="#toc-pager">pager?</a></h4> <p class="styled-p-sc-1ckzute-0 jhyKbH">"null" | ComponentType&lt;PagerProps&gt;</p> <p class="styled-p-sc-1ckzute-0 jhyKbH">The pager component that the Grid will render instead of the built-in pager. It takes values of type null and ComponentType&lt;<a class="link-sc-6kfngc-0 jTWaMI" href="/kendo-react-ui/components/datatools/api/PagerProps/">PagerProps</a>&amp;gt</p> <h4 id="toc-pagesize" style="position:relative" class="typography__h4-sc-1nd4eqp-3 jTWAkK"><a class="link-sc-6kfngc-0 HwYv" anchor="#toc-pagesize" href="#toc-pagesize">pageSize?</a></h4> <p class="styled-p-sc-1ckzute-0 jhyKbH">number</p> <p class="styled-p-sc-1ckzute-0 jhyKbH">Defines the page size that is used by the Grid pager (<a class="link-sc-6kfngc-0 jTWaMI" href="/kendo-react-ui/components/grid/paging/">see example</a>). Required by the paging functionality.</p> <h4 id="toc-reorderable" style="position:relative" class="typography__h4-sc-1nd4eqp-3 jTWAkK"><a class="link-sc-6kfngc-0 HwYv" anchor="#toc-reorderable" href="#toc-reorderable">reorderable?</a></h4> <p class="styled-p-sc-1ckzute-0 jhyKbH">boolean</p> <p class="styled-p-sc-1ckzute-0 jhyKbH">If set to <code class="code-sc-1nirtn7-0 hDRBpP">true</code>, the user can reorder columns by dragging their header cells (<a class="link-sc-6kfngc-0 jTWaMI" href="/kendo-react-ui/components/grid/columns/reordering/">see example</a>).</p> <h4 id="toc-resizable" style="position:relative" class="typography__h4-sc-1nd4eqp-3 jTWAkK"><a class="link-sc-6kfngc-0 HwYv" anchor="#toc-resizable" href="#toc-resizable">resizable?</a></h4> <p class="styled-p-sc-1ckzute-0 jhyKbH">boolean</p> <p class="styled-p-sc-1ckzute-0 jhyKbH">If set to <code class="code-sc-1nirtn7-0 hDRBpP">true</code>, the user can resize columns by dragging the edges (resize handles) of their header cells (<a class="link-sc-6kfngc-0 jTWaMI" href="/kendo-react-ui/components/grid/columns/resizing/">see example</a>).</p> <h4 id="toc-rowheight" style="position:relative" class="typography__h4-sc-1nd4eqp-3 jTWAkK"><a class="link-sc-6kfngc-0 HwYv" anchor="#toc-rowheight" href="#toc-rowheight">rowHeight?</a></h4> <p class="styled-p-sc-1ckzute-0 jhyKbH">number</p> <p class="styled-p-sc-1ckzute-0 jhyKbH">Defines the row height and forces an equal height to all rows (<a class="link-sc-6kfngc-0 jTWaMI" href="/kendo-react-ui/components/grid/scroll-modes/">see example</a>).</p> <h4 id="toc-rowrender" style="position:relative" class="typography__h4-sc-1nd4eqp-3 jTWAkK"><a class="link-sc-6kfngc-0 HwYv" anchor="#toc-rowrender" href="#toc-rowrender">rowRender?</a></h4> <p class="styled-p-sc-1ckzute-0 jhyKbH">(row: ReactElement&lt;HTMLTableRowElement&gt;, props: <a class="link-sc-6kfngc-0 jTWaMI" href="/kendo-react-ui/components/grid/api/GridRowProps/">GridRowProps</a>) =&gt; ReactNode</p> <p class="styled-p-sc-1ckzute-0 jhyKbH">Fires when a row is about to be rendered. Overrides the default appearance of the row.</p> <h4 id="toc-scrollable" style="position:relative" class="typography__h4-sc-1nd4eqp-3 jTWAkK"><a class="link-sc-6kfngc-0 HwYv" anchor="#toc-scrollable" href="#toc-scrollable">scrollable?</a></h4> <p class="styled-p-sc-1ckzute-0 jhyKbH"><a class="link-sc-6kfngc-0 jTWaMI" href="/kendo-react-ui/components/grid/api/ScrollMode/">ScrollMode</a></p> <p class="styled-p-sc-1ckzute-0 jhyKbH">Defines the scroll mode that is used by the Grid (<a class="link-sc-6kfngc-0 jTWaMI" href="/kendo-react-ui/components/grid/scroll-modes/">see example</a>).</p> <p class="styled-p-sc-1ckzute-0 jhyKbH">The available options are:</p> <li><code class="code-sc-1nirtn7-0 hDRBpP">none</code>—Renders no scrollbar.</li> <li><code class="code-sc-1nirtn7-0 hDRBpP">scrollable</code>—This is the default scroll mode. It requires the setting of the <code class="code-sc-1nirtn7-0 hDRBpP">height</code> option.</li> <li><code class="code-sc-1nirtn7-0 hDRBpP">virtual</code>—Displays no pager and renders a portion of the data (optimized rendering) while the user is scrolling the content.</li> <h4 id="toc-selectable" style="position:relative" class="typography__h4-sc-1nd4eqp-3 jTWAkK"><a class="link-sc-6kfngc-0 HwYv" anchor="#toc-selectable" href="#toc-selectable">selectable?</a></h4> <p class="styled-p-sc-1ckzute-0 jhyKbH"><a class="link-sc-6kfngc-0 jTWaMI" href="/kendo-react-ui/components/grid/api/GridSelectableSettings/">GridSelectableSettings</a></p> <p class="styled-p-sc-1ckzute-0 jhyKbH">The Grid selectable settings.</p> <h4 id="toc-selectedfield" style="position:relative" class="typography__h4-sc-1nd4eqp-3 jTWAkK"><a class="link-sc-6kfngc-0 HwYv" anchor="#toc-selectedfield" href="#toc-selectedfield">selectedField?</a></h4> <p class="styled-p-sc-1ckzute-0 jhyKbH">string</p> <p class="styled-p-sc-1ckzute-0 jhyKbH">Specifies the name of the field which will provide a:</p> <li>Boolean representation of the selected state of the item (<a class="link-sc-6kfngc-0 jTWaMI" href="/kendo-react-ui/components/grid/interactivity/selection/">see example</a>) for row selection</li> <li>String array of the selected columns of the item for cell selection</li> <h4 id="toc-size" style="position:relative" class="typography__h4-sc-1nd4eqp-3 jTWAkK"><a class="link-sc-6kfngc-0 HwYv" anchor="#toc-size" href="#toc-size">size?</a></h4> <p class="styled-p-sc-1ckzute-0 jhyKbH">"small" | "medium"</p> <p class="styled-p-sc-1ckzute-0 jhyKbH"><code class="code-sc-1nirtn7-0 hDRBpP">medium</code></p> <p class="styled-p-sc-1ckzute-0 jhyKbH">Configures the <code class="code-sc-1nirtn7-0 hDRBpP">size</code> of the Grid.</p> <p class="styled-p-sc-1ckzute-0 jhyKbH">The available options are:</p> <li>small</li> <li>medium</li> <h4 id="toc-skip" style="position:relative" class="typography__h4-sc-1nd4eqp-3 jTWAkK"><a class="link-sc-6kfngc-0 HwYv" anchor="#toc-skip" href="#toc-skip">skip?</a></h4> <p class="styled-p-sc-1ckzute-0 jhyKbH">number</p> <p class="styled-p-sc-1ckzute-0 jhyKbH">Defines the number of records that will be skipped by the pager (<a class="link-sc-6kfngc-0 jTWaMI" href="/kendo-react-ui/components/grid/paging/">see example</a>). Required by the paging functionality.</p> <h4 id="toc-sort" style="position:relative" class="typography__h4-sc-1nd4eqp-3 jTWAkK"><a class="link-sc-6kfngc-0 HwYv" anchor="#toc-sort" href="#toc-sort">sort?</a></h4> <p class="styled-p-sc-1ckzute-0 jhyKbH">SortDescriptor[]</p> <p class="styled-p-sc-1ckzute-0 jhyKbH">The (<a class="link-sc-6kfngc-0 jTWaMI" href="/kendo-react-ui/components/dataquery/api/SortDescriptor/">descriptors</a>) by which the data is sorted. Applies the sorting styles and buttons to the affected columns.</p> <h4 id="toc-sortable" style="position:relative" class="typography__h4-sc-1nd4eqp-3 jTWAkK"><a class="link-sc-6kfngc-0 HwYv" anchor="#toc-sortable" href="#toc-sortable">sortable?</a></h4> <p class="styled-p-sc-1ckzute-0 jhyKbH">SortSettings</p> <p class="styled-p-sc-1ckzute-0 jhyKbH">Enables the sorting for the columns with their <code class="code-sc-1nirtn7-0 hDRBpP">field</code> option set (<a class="link-sc-6kfngc-0 jTWaMI" href="/kendo-react-ui/components/grid/sorting/">see example</a>).</p> <h4 id="toc-style" style="position:relative" class="typography__h4-sc-1nd4eqp-3 jTWAkK"><a class="link-sc-6kfngc-0 HwYv" anchor="#toc-style" href="#toc-style">style?</a></h4> <p class="styled-p-sc-1ckzute-0 jhyKbH">React.CSSProperties</p> <p class="styled-p-sc-1ckzute-0 jhyKbH">Represents the <code class="code-sc-1nirtn7-0 hDRBpP">style</code> HTML attribute.</p> <h4 id="toc-take" style="position:relative" class="typography__h4-sc-1nd4eqp-3 jTWAkK"><a class="link-sc-6kfngc-0 HwYv" anchor="#toc-take" href="#toc-take">take?</a></h4> <p class="styled-p-sc-1ckzute-0 jhyKbH">number</p> <p class="styled-p-sc-1ckzute-0 jhyKbH">Alias of <code class="code-sc-1nirtn7-0 hDRBpP">pageSize</code> property. If <code class="code-sc-1nirtn7-0 hDRBpP">take</code> is set, <code class="code-sc-1nirtn7-0 hDRBpP">pageSize</code> will be ignored.</p> <h4 id="toc-total" style="position:relative" class="typography__h4-sc-1nd4eqp-3 jTWAkK"><a class="link-sc-6kfngc-0 HwYv" anchor="#toc-total" href="#toc-total">total?</a></h4> <p class="styled-p-sc-1ckzute-0 jhyKbH">number</p>