Page Title: What’s New 21.2: DevExtreme - JavaScript UI Components for Angular, React, Vue and jQuery by DevExpress

  • This webpage makes use of the TITLE meta tag - this is good for search engine optimization.

Page Description: What’s New in 21.2:

  • This webpage makes use of the DESCRIPTION meta tag - this is good for search engine optimization.

Page Keywords: javascript, javascript controls, jquery controls, angular controls, react controls, vue controls, asp.net client side controls, web controls, ui controls, javascript widgets, jquery widgets, angular widgets, react widgets, vue widgets, asp.net client side widgets, web widgets, ui widgets, angular components, vue components, react components, new

  • This webpage makes use of the KEYWORDS meta tag - whilst search engines nowadays do not put too much emphasis on this meta tag including them in your website does no harm.

Page Text: What’s New in v21.2 Data Grid and Tree List API Enhancements New Toolbar Customization API You can now customize our DataGrid/TreeList Toolbar on-the-fly: You can alter Toolbar items dynamically, at any time (in the past, you could only do so once when the Toolbar was created). When using our DataGrid/TreeList within a React, Angular or Vue app, you can customize the toolbar declaratively without direct DOM manipulation. We added a new toolbar property that allows you to customize toolbar items in much the same way as a standalone Toolbar. Each DataGrid/TreeList Toolbar item can be specified as an object with the same structure as a standalone Toolbar. In addition, you can specify an item using a predefined string name from the list of built-in DataGrid/TreeList commands (such as 'addRowButton', 'applyFilterButton','columnChooserButton', 'exportButton', 'groupPanel', 'revertButton', 'saveButton', 'searchPanel'). Disable Command Buttons You can now disable certain command buttons for specific rows using the new disabled column button's property. Demo Extended navigateToRow API Our navigateToRow method now returns a Promise object. You can now be notified when a background operation has finished. Virtual Scrolling Enhancements We reworked our DataGrid/TreeList's Virtual Scrolling engine and introduced the following enhancements: Optimized our row rendering algorithm to increase overall FPS. Optimized our data loading algorithm to reduce the number of remote data requests. Introduced a new scrolling.renderAsync property so you can render rows synchronously or asynchronously. Demo Documentation Improved Search We reduced false-positive matches when users search for numbers within the DataGrid's Search Panel. Our DataGrid now matches search string with both original and formatted cell values, respecting column formatting. For instance, if your numeric column uses a $#.# format and a cell displays '$12,000.1', you can locate the record by either '12000.1' or '$12,000.1'. Conversely, '12000.1m' doesn't match a '12000.1' number cell value as it did previously. The following image illustrates the difference between our previous/current implementation. Data Grid Add New Row at a Specified Position You can now specify where to insert a new row when using insertBeforeKey or insertAfterKey properties. Both properties accept a key for the row before/after which to insert the new row. For popular use cases, we added a newRowPosition property with a set of shortcut values: "first"/"last" - Insert a new row at the beginning/end of the dataset. "pageTop"/"pageBottom" - Insert a new row at the top/bottom of the current page. "viewportTop"/"viewportBottom" - Insert a new row at the top/bottom of the viewport.

  • This webpage has 374 words which is between the recommended minimum of 250 words and the recommended maximum of 2500 words - GOOD WORK.

Header tags:

  • It appears that you are using header tags - this is a GOOD thing!

Spelling errors:

  • This webpage has no spelling errors that we can detect - GOOD WORK.

Broken links:

  • This webpage has no broken links that we can detect - GOOD WORK.

Broken image links:

  • This webpage has no broken image links that we can detect - GOOD WORK.

CSS over tables for layout?:

  • It appears that this page uses DIVs for layout this is a GOOD thing!

Last modified date:

  • We were unable to detect what date this page was last modified

Images that are being re-sized:

  • This webpage has no images that are being re-sized by the browser - GOOD WORK.

Images that are being re-sized:

  • This webpage has 13 images that do not have their width and height specified.

Mobile friendly:

  • After testing this webpage it appears to be mobile friendly - this is a GOOD thing!

Links with no anchor text:

  • This webpage has no links that are missing anchor text - GOOD WORK.

W3C Validation:

Print friendly?:

  • It appears that the webpage does NOT use CSS stylesheets to provide print functionality - this is a BAD thing.

GZIP Compression enabled?:

  • It appears that the serrver does NOT have GZIP Compression enabled - this is a NOT a good thing!