Pending Review
Last Updated: 05 Feb 2025 02:22 by David

As stated in the subject. To reproduce:

npx create-react-app my-app --template typescript
  • Change the react and react-dom dependencies in the generated package.json file from ^19.0.0 to ^18.0.0, add corresponding "@types/react": "^18.0.0" and "@types/react-dom": "^18.0.0" entries to devDependencies, and add a standard tsconfig.json file e.g.
{
    "compilerOptions": {
      "target": "es6",
      "lib": [
        "dom",
        "dom.iterable",
        "esnext"
      ],
      "allowJs": true,
      "skipLibCheck": true,
      "esModuleInterop": true,
      "allowSyntheticDefaultImports": true,
      "strict": true,
      "forceConsistentCasingInFileNames": true,
      "noFallthroughCasesInSwitch": true,
      "module": "esnext",
      "moduleResolution": "node",
      "resolveJsonModule": true,
      "isolatedModules": true,
      "noEmit": true,
      "jsx": "react-jsx"
    },
    "include": [
      "src"
    ]
  }
npm i @progress/kendo-react-grid @progress/kendo-data-query @progress/kendo-react-data-tools @progress/kendo-react-inputs @progress/kendo-react-intl @progress/kendo-react-dropdowns @progress/kendo-react-dateinputs @progress/kendo-drawing @progress/kendo-react-animation @progress/kendo-licensing @progress/kendo-react-buttons @progress/kendo-react-treeview @progress/kendo-react-popup @progress/kendo-svg-icons @progress/kendo-theme-default
  • Delete content generated by create-react-app which is not required e.g. App.test.tsx, logo.svg, reportWebVitals.ts, setupTests.ts and corresponding references
  • Confirm you can run npm start with no webpack errors or warnings (see screenshot)
  • Add a <Grid> with <GridNoRecords> to App.tsx e.g.
    <div className="App">
      <header className="App-header">
        <Grid>
          <GridNoRecords>This generates TS2786</GridNoRecords>
        </Grid>
      </header>
    </div>

Confirm that npm start results in error TS2786 (see screenshot).

Please see attached for the sample project (with the node_modules folder removed). I believe this error was introduced in v9.0.0 as part of the migration from classes to functional components.

 

Planned
Last Updated: 06 Jan 2025 06:21 by ADMIN
Created by: Hubert
Comments: 1
Category: Data Grid
Type: Bug Report
0

Hi, there is a problem with filter filter popups in Data Grid.

Steps to reproduce:

1. Go to https://www.telerik.com/kendo-react-ui/components/grid/filtering

2. Open the date filter popup  in the "FirstOrderOn" Column and click on any date

3. Open and close the filter combo in "Disconinued" column couple of times. 

 

Actual Behavior
On version 9.1.0 besides Opening the "Disconinued" filter combo, the date popup also openes. On version 8.5.0 seems to work fine

Expected Behavior
Only the popup from "Discontinued" column should be Opened / Closed

Browser
Chrome

Browser version
131.0.6778.205

OS type
Windows11

Completed
Last Updated: 19 Dec 2024 17:50 by ADMIN
Created by: Kristiyan
Comments: 2
Category: Data Grid
Type: Bug Report
0

Hello,

 

Seems the link to the GridColumnMenu accessibility page from the DataGrid accessibility page is broken. 

Our tools are also warning us about empty links, caused by the GridColumnMenu button. How would we solve these?

Thank you,

Kristiyan Dimitrov

 

Completed
Last Updated: 19 Dec 2024 17:48 by ADMIN
Created by: Valery
Comments: 2
Category: Data Grid
Type: Bug Report
0

The issue can be seen on your demo at https://www.telerik.com/kendo-react-ui/components/grid/

Steps: 

1) Load the demo from https://www.telerik.com/kendo-react-ui/components/grid/

2) Click on (x) in customerID grouping 

3) Look at the console and see the line with exception: 

The problem is that `e.originalEvent.target` is an svg object and it's className property is an object, not a string. The object is `SVGAnimatedString {baseVal: '', animVal: ''}` and it doesn't have the method indexOf.

 

Please fix asap.

 

 

 

 

Unplanned
Last Updated: 23 Oct 2024 07:38 by ADMIN

To demonstrate:

1. Open your simplest interactivity/selection demo, which is not grouped, in StackBlitz. See: https://www.telerik.com/kendo-react-ui/components/grid/interactivity/selection/

2. Add the Grid's group prop. To demonstrate the bug nothing else needs changed

<Grid group={[]} ...

3. Run demo, scroll down and pick a row.

4. Observe the grid scrolls to the top and you cannot see your selected row unless you scroll back.

Unplanned
Last Updated: 11 Oct 2024 06:53 by Youniss
I would like to customize the labels of the CheckBoxList FilterMenu without having to manipulate my data. 
Unplanned
Last Updated: 08 Oct 2024 15:46 by Narasegowda
Created by: Narasegowda
Comments: 0
Category: Data Grid
Type: Feature Request
2
I want to be able to set the page of my Grid from my code. A prop like page={gridPage}, where the gridPage is a 1-based page index. 
Unplanned
Last Updated: 27 Sep 2024 04:52 by ADMIN
Created by: Peter
Comments: 1
Category: Data Grid
Type: Feature Request
3
According to documentation for Kendo UI for Angular (https://www.telerik.com/kendo-angular-ui/components/grid/sorting/multi-sort/#toc-sort-key-modifier) there is possible to customize the multi-column sorting functionality of the grid by setting "multiSortKey" option of the "sortable" property (https://www.telerik.com/kendo-angular-ui/components/grid/api/MultipleSortSettings/#toc-multisortkey/).

Unfortunately, for KendoReact there is no such an option accessible for the "sortable" property of the data grid. We would really like to customize multi-column sorting fuctionality of our grids by the way that it is possible for Kendo UI for Angular, so we are requesting to add/make public option "multiSortKey" of the "sortable" property.
Unplanned
Last Updated: 11 Sep 2024 11:19 by Sunil
I want to use a property that can format the CheckBoxList ColumnMenu label. It should work the same as the format prop of the GridColumn.
Unplanned
Last Updated: 13 Aug 2024 15:50 by Tarik
Created by: Tarik
Comments: 0
Category: Data Grid
Type: Feature Request
1
Currently locking a column does not work with a detail component. It would be beneficial if it worked for the expand/child row as well.
Under Review
Last Updated: 17 Jul 2024 01:55 by ADMIN

We use data grids with virtual scrolling for inline editing a large number of records. However, when we want to add a new row to the grid it automatically resets the scroll position and doesn't even fire onPageChange event so the records you see do not correspond to the scroll position.

Check the following example (scroll to bottom, click anywhere on the table - this will add a new row - and observe the described problem):

https://stackblitz.com/edit/react-52zzvz?file=app%2Fapp.tsx%3AL78

Unplanned
Last Updated: 10 Jun 2024 12:00 by ADMIN

Currently (as visible in grid demos), touch drag scroll in mobile (responsive) mode is not working when rows selection is enabled.

There is no known workaround since the complexity of implementing custom row renderer with all the intricacies of the grid's behaviour would be a huge task.

The client's facing issue is that when using a KendoReact grid on mobile device, they can't easily scroll the grid rows data by touch drag scrolling the rows.

 

Declined
Last Updated: 04 Jun 2024 12:23 by ADMIN
Created by: Shridhar
Comments: 0
Category: Data Grid
Type: Feature Request
1
Will be beneficial if Grid row reorder can be executed by keyboard shortcuts, simular to this examle:
https://www.jqwidgets.com/jquery-widgets-demo/demos/jqxgrid/index.htm#demos/jqxgrid/dropdowngrid.htm 
Unplanned
Last Updated: 27 May 2024 08:42 by ADMIN
Created by: Andy
Comments: 1
Category: Data Grid
Type: Feature Request
0

As a follow on to this bug:

Steps to reproduce:

  • The "General Info" column has width setted to 500px

See Image 1.png

  • resize it in the grid to make wider

See Image 2.png

  • lock the "General Info" column
  • scroll horizontaly

 

I am requesting a new feature so that "that the locked prop is passed by default to the child columns"

 

Duplicated
Last Updated: 29 Apr 2024 08:53 by ADMIN
Created by: Peter
Comments: 1
Category: Data Grid
Type: Feature Request
3
According to documentation for Kendo UI for Angular (https://www.telerik.com/kendo-angular-ui/components/grid/sorting/multi-sort/#toc-sort-key-modifier) there is possible to customize the multi-column sorting functionality of the grid by setting "multiSortKey" option of the "sortable" property (https://www.telerik.com/kendo-angular-ui/components/grid/api/MultipleSortSettings/#toc-multisortkey/).

Unfortunately, for KendoReact there is no such an option accessible for the "sortable" property of the data grid. We would really like to customize multi-column sorting fuctionality of our grids by the way that it is possible for Kendo UI for Angular, so we are requesting to add/make public option "multiSortKey" of the "sortable" property.
Under Review
Last Updated: 25 Apr 2024 05:41 by ADMIN
Created by: Janki
Comments: 2
Category: Data Grid
Type: Feature Request
1

I think this would be a great feature to have out-of-the-box, and hopefully it's something easy to add from your end. UX-wise, it's really difficult to wrap your head around a non-alphabetized list, especially when the list is used for the special purpose of filtering -- you now have to filter down the list before you can filter the grid itself, which adds more overhead for the user.

I understand that Excel is not the end-all and be-all, but Excel also sorts it by default:

 

Full discussion can be found here - https://www.telerik.com/forums/how-to-make-gridcolumnmenucheckboxfilter-be-alphabetical-order

Unplanned
Last Updated: 10 Apr 2024 12:23 by Fabian

The GridHelper is defined in a separate file, and this is the way we can use it - https://www.telerik.com/kendo-react-ui/components/grid/getting-started/gridhelper/

 

However, I prefer if it is exported from the Grid package, and is maintained from there.

Planned
Last Updated: 11 Dec 2023 14:04 by ADMIN

Add the ability to apply table breakpoints to the Grid for responsive behavior.

Similar to the Bootstrap tables:

https://getbootstrap.com/docs/4.4/content/tables/#breakpoint-specific

Unplanned
Last Updated: 11 Oct 2023 08:27 by ADMIN
hi i need GridColumnMenuGroup `active` method like the `GridColumnMenuSort` and `GridColumnMenuFilter` components please add this feture
Unplanned
Last Updated: 02 Oct 2023 07:14 by ADMIN

I have one column that contains mix of boolean and string values. When I attempt to apply a filter function to that column, it generates an error for the boolean value true because indexOf cannot be performed on a boolean. When I have other formats along with strings and I use filter="text", I would like the value to be converted to string in the filter function rather than modifying the data on my end before calling the filter function, because that would actually be incorrect data.

Example

https://www.telerik.com/kendo-react-ui/components/grid/filtering/

If I change

<Column field="Discontinued" width="190px" filter="boolean" /> 

to

<Column field="Discontinued" width="190px" />

and then search for anything in that filter it throws error.

 

 

Maybe if you make the `filter="text"` always convert the all the values to string values that would help resolve the error

1 2