Hi, is there a demo showing Grid pagination and filters working together?

thanks

     I wonder if and how I would be able to get the aggregated value for a group in the grid to be displayed after the group name?

Say I group my products on Product category and I aggregate the Quantity in stock - how would I get the group names in a collapsed state say "Category 1, Quantity in stock: 450"?

Hello,

I intend to use the kendo-grid-react-wrapper and my question is if there is any possibility for internationalization for this grid-wrapper.

In the image below you can see what I mean by that. I would like that 'Is equal to', 'Filter', 'Items' etc. to be in a different language. The language that I intend to use is German (de-DE). With the kendo-react-grid (not the wrapper) the language shift is easily done, but for the kendo-grid-react-wrapper I just don't find a reasonable solution to that.

And one more question if I may: is there any possibility to customize the drop-down-filter-list? For example: binding more conditions than the ones already given.

I look forward to your reply.

Best Regards,

Darko Konrad

I'm running into an issue with the Kendo React Grids after introducing snapshot testing: The filtering cells seem to generate properties with GUIDs that change each render, making it impossible to snapshot test. You can see an example in the attached screenshot.

This is probably more of a feature request: Could thing be changed so the grid filter cells by default render in a predictable, repeatable way so they can be snapshot tested? Is there a better place to request this?

Hello,

We are facing a problem with filtering in Kendo UI Grid in React. I'm getting following exception op() is not a functiondirectly after I select an operator (for example "Ist gleich"):

This is the stacktrace:

filter-no-eval.js:81 Uncaught TypeError: op is not a function
    at filter-no-eval.js:81
    at filter-no-eval.js:10
    at count (array.operators.js:85)
    at process (array.operators.js:151)
    at KendoGrid.push../Global/Controls/KendoGrid.tsx.KendoGrid.render (KendoGrid.tsx:45)
    at finishClassComponent (react-dom.development.js:13538)
    at updateClassComponent (react-dom.development.js:13501)
    at beginWork (react-dom.development.js:14090)
    at performUnitOfWork (react-dom.development.js:16416)
    at workLoop (react-dom.development.js:16454)

I tried the same example which is on the Kedno UI Grid for React website (https://www.telerik.com/kendo-react-ui/components/grid/advanced-examples/stateful-grid/), and there it is working fine. However, I could found that the filter object is not the same in the 2 cases.

This is the filter object structure in my case where im getting the exception:

This the filter object structure from the example in Kendo website:

Any suggestion or help is highly appreciated

Thanks in advance!

Hello!

I created this example to show this behavior.

After column (with no initial "width" value set) visibility toggles (become invisible and visible again) the column doesn't become visible.

It seems it's partially related to the end of this discussion.

Hello!

There is a bug in GridNoRecords component — it doesn't accept children.

Version: 2.2.

In version 1.2 there were no such problem.

You can find it even in your official demo.

Expected result: "There is no data available" is visible if there is no data.

Actual result: default message "No records available" is visible if there is no data.

Given the following example from the official documentation:
https://stackblitz.com/run/?file=app%2Fmain.js

import React from 'react';
import ReactDOM from 'react-dom';
import { Grid, GridColumn } from '@progress/kendo-react-grid';

import products from './products.json';

class App extends React.Component {
    render() {
        return (
            <Grid
                style={{ height: '400px' }}
                data={products}
                reorderable
            >
                <GridColumn field="ProductID" title="ID" width="45px" />
                <GridColumn field="ProductName" title="Name" width="250px" />
                <GridColumn field="Category.CategoryName" title="CategoryName" />
                <GridColumn field="UnitPrice" title="Price" width="80px" />
                <GridColumn field="UnitsInStock" title="In stock" width="80px" />
            </Grid>
        );
    }
}

ReactDOM.render(<App />, document.querySelector('my-app'));

I need to know what column was exactly reordered from the ui perspectives. Following by https://www.telerik.com/kendo-react-ui/components/grid/api/GridProps/#toc-oncolumnreorder API I can subscribe to only event that gives me the new columns (including the reordered one). How is possible to know what column was reordered by dragging and dropping feature?