Questions tagged [devextreme-react]
15 questions
1
vote
0 answers
@devexpress/dx-react-grid-material-ui: Uncaught TypeError: Cannot read properties of null (reading 'registerPlugin')
I am creating a CustomGrid which is based on DevExpress's Grid component which seems to work fine so far.
App.tsx (this works)
import Paper from "@mui/material/Paper";
import { Table, TableHeaderRow, Grid } from…
user2073131
- 45
- 1
- 5
1
vote
1 answer
Migrate ReactDOM.render with async callback to createRoot()
Does anyone know what is the exact equivalent of this code for React 18, what happens with the async part?
ReactDOM.render(chart, container, async () => {
//code that makes some chart cells styling and adds cells to a worksheet via exceljs
})
Bozhidar Petrov
- 113
- 8
1
vote
1 answer
Devexpress DataGrid child object editing in React
I have a DataGrid anche inside it I have a child array. It's defined like:
{
id: 2,
attachments: [
{attachmentId: 1001, mandatory: true, name: "ordine"},
{attachmentId: 1002, mandatory: true, name: "ordine 2"} ]
..and so on with other…
Shyghar
- 313
- 4
- 19
0
votes
0 answers
how to add devextreme datagrid table a project with cloud tables in react js?
import React,{useEffect} from 'react';
import CloudTables from '@cloudtables/react';
import Card from 'react-bootstrap/Card';
function DataGridTable ({ input1Value, input2Value })
{
return (
…
Yunus Emre Ceylan
- 21
- 5
0
votes
0 answers
How to connect Node.js with Document Viewer using Reactjs as Frontend?
i am creating a pdf viewer application in react with Nodejs as its backend server…
as per DevExpress' Documentation for "# Document Viewer Integration in React Application" the back end server is only made using ASP.Net but i want to use Node.js…
i…
Manan
- 1
- 1
0
votes
0 answers
How to implement closeable dynamic tabs in React DevExtreme with automatic switch to parent tab on close?
enter image description here
I want to implement a tab system in DevExtreme React, where two tabs are static and each tab renders a TreeList component, while additional tabs are dynamically added upon clicking an icon in a row of the TreeList within…
Abdul Waheed
- 1
- 2
0
votes
1 answer
Body scroll on React VectorMap devextreme component
I am using a devextreme VectorMap Component, i have disabled zoom and panning
zoomingEnabled={false}
panningEnabled={false}
My problem is that even if i scroll on my VectorMap i want the body scrolling. I have reproduced my case here in this…
Koala7
- 1,340
- 7
- 41
- 83
0
votes
0 answers
devextreme react datagrid create custom summary table, group by, separate where clause for each column
I am looking to see if DevExtreme React datagrid can do what I am trying to do. Basically, using my source table, I am trying to create a results table saying the following:
1st column = grouping by product
2nd column = sum quantity where id =…
solarissf
- 1,199
- 2
- 23
- 58
0
votes
0 answers
Fixed row in DevExtremeREACTIVE
Im using DevExtremeREACTIVE grid. Need to fix one row. As I understood from documentations its very easy for columns, but couldn't find anything for rows.
In the picture marked row should be fixed while user scrolling vertically.
Yaks10
- 483
- 9
- 20
0
votes
0 answers
Devextreme Reactjs Chart remains on Starting Visual Range on Data change
I am having issue with Chart component of Devextreme using Reactjs. On initial page load it load data of Series as defined but when we pan chart and load new data, it switch back to initial visual range.
Did wrote a logic to change visualRange when…
Rohit Sure
- 1
- 2
0
votes
0 answers
Devextreme list doesn't retain selected item
I have a simple react app with 2 components. On the left, there's a devExtreme list and on the right, there's a 'detail' pane. When I click an item in the list, I set a 'selectedItem' variable which is used by the right pane to show detail about…
Dany Dhondt
- 881
- 9
- 27
0
votes
0 answers
devextreme pivot grid date groups handler.apply error
Midway through this: https://js.devexpress.com/Documentation/Guide/UI_Components/PivotGrid/Fields_and_Areas/#Areas
It talks about groups.
This is my implementation for grouping daily data into months and year columns:
// Cast Created At to be date…
Casey
- 444
- 1
- 7
- 22
0
votes
0 answers
How to sort by selection rows in React Grid(devextreme reactive)
As title says, i am developing Table component with dx-react-grid
I can´t find the way to sort by selected rows, in the application user need to be able to move selected rows to the top of the table. As sorting state is an array of objects that are…
SimonBarcelona
- 33
- 5
0
votes
0 answers
React TreeView DevExtreme not rendering data on init
I am trying to render a TreeView with departments which have some organization structure, meaning each department has a parent. The problem is that sometimes my TreeView renders without any data in it. I can see the console log when rendering, but…
H. Hasin
- 177
- 1
- 2
- 12
0
votes
0 answers
How to display hierarchy lines in devextreme tree-view?
Currently displaying without lines
I want it to display with lines, like below.
Rajath
- 2,611
- 8
- 27
- 43