This section describes common issues and steps you can follow to diagnose and resolve these issues. If the solutions listed here do not help, create a ticket in our Support Center.
If DevExtreme components work unexpectedly, the first step of troubleshooting is to check the console.
The component logs a warning in the console:
> W2104 - The legend was hidden due to the container size. See: http://js.devexpress.com/error/22_1/W2104
The Chart gives priority to a series area if the Chart does not have enough space to accommodate all elements. Change the container size.
The component logs an error related to the CustomStore implementation:
> E4011 - Custom Store method is not implemented or is not a function: byKey. See: http://js.devexpress.com/error/22_1/E4011
Implement the byKey function to resolve the issue.
You can see the full list of warnings end errors on the following page: Errors and Warnings.
DevExtreme data-bound components may not display data or display unexpected data. The components use network requests to communicate with servers, and you may need to resolve network communication issues.
Check request parameters and data that DataGrid receives from the server:
Open your browser's DevTools and navigate to the Network tab.
Reload the page. Review the request list.
Find the request to your data end-point and click it to see the details.
Check what data your server sent back to the client in the Preview or Response tab.
DevExtreme components consist of HTML elements and obey CSS rules. If the component is not displayed correctly, examine its CSS.
Inspect the DataGrid toolbar element. Right-click the element and choose the Inspect menu item or press Ctrl+Shift+C (Chrome) and click the element. Both actions navigate you to this element in the Elements tab of your browser's DevTools.
Open the Computed tab and check the
background-color CSS property.
If this property does not exist, inspect the parent element.
The parent element has the
background-color property. Expand it to see that the unexpected color comes from a rule for
.dx-toolbar class in the styles.css file.
Use a more specific CSS selector for this style to take effect only on the standalone toolbar. For example, assign an ID to the standalone toolbar and specify the following selector: