Create table in html9/1/2023 ![]() Follow the instructions on the KendoReact My License page to activate your license. Using any of the UI components in the KendoReact library requires either a commercial license key or an active trial license key. ![]() ![]() Feel free to review the KendoReact License Agreement to get acquainted with the full terms of use. To use it commercially, you need to purchase a license. You are welcome to explore its full functionality and get technical support from the team when you register for a free 30-day trial. The React Data Grid component is part of KendoReact, a commercial UI library. KendoReact Trial Version and Commercial License You can learn all about the KendoReact Data Grid feature set in this guided video tour by KendoReact Product Manager Carl Bergenhem. Read more about the React Data Grid globalization. This built-in feature allows you to create applications that can be used all over the world. Globalizationīy using the globalization options in KendoReact, you can translate the React Data Grid messages and adapt them to specific culture locales. Read more about the React Data Grid column resizing. Resizing takes place in real-time but you can also control it programmatically. Column ResizingĮnd-users can resize the columns by simply dragging the edges of the header cells or by activating the auto-resize feature by double-clicking the resize handle. Read more about the React Data Grid virtualization. This feature boosts the performance of the component when displaying large data tables as it dynamically renders only a portion of the rows and the columns. The React Data Grid supports virtualization of both column and row data. Read more about the React Data Grid column locking and the React Data Grid reordering. The frozen columns are easily integrated with the column reordering, which allows users to rearrange them by dragging and dropping. When your React Data Grid has to display large amounts of data, the frozen columns feature enables you to lock any of the Data Grid columns by just setting the locked column property. Read more about the React Data Grid styling. In a similar manner, you can style the rows and other individual elements of the React Data Grid. By using the custom-cell approach, you can include icons, buttons, links, or any other HTML elements in the cell. Custom Rendererīased on a value, you can also use conditional formatting to highlight a data table cell. Read more about the React Data Grid selection. You can additionally configure the row selection by enabling or disabling the checkbox and row selection options. Read more about the React Data Grid detail rows. Users can expand or collapse the additional content. The detail rows of the Data Grid reveal additional information about a particular row of table data. Read more about the React Data Grid editing. Data Grid Editingĭepending on your users' requirements, you can opt for the inline or the in-cell edit modes, provide editing from an external form or Redux Form, and also further customize the React Data Grid. Read more about the React Data Grid grouping. You can apply dynamic grouping to the data records, set grouping by aggregate values, and pre-group the data for the users. Read more about the React Data Grid export to PDF and the React Data Grid export to Excel. When exporting to Excel, you can export specific data and customize the exported columns. When you implement the export to PDF, you can set the fonts, the exact portion and layout of the exported content, customize the columns, and other specifics of the output. Read more about the React Data Grid sorting. The React Data Grid allows you not only to sort and un-sort multiple columns but also to pre-sort the data records in the Data Grid. Read more about the React Data Grid paging. The React Data Grid also allows you to split the data records into pages and add a pager for easier navigation. Read more about the React Data Grid filtering. ![]() Data Grid FilteringĮnd users can easily display only the data they need with the help of the built-in filtering, which you can customize further by using the supplied configuration options. At the same time, the KendoReact development team works constantly to improve the performance of the components and their capabilities. This developer-friendly feature set allows you to create beautiful and functional applications faster. The KendoReact Data Grid provides a wide and always growing range of built-in features that isn't limited by the list in this section.
0 Comments
Leave a Reply.AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |