Hello.

Is it possible to set filtering in React grid to work the same as in jQuery grid?

In the jQuery grid, if I use a row filter and a column menu filter at the same time, the column filter also changes when typing in the row. I don't know about React. Is this possible or do you plan to do it in the future?

Thanks.

Hi,

I am working on Kendo React toODataString with Odata .net core.

I am facing a problem when i am call custom filter with Kendo Grid Filter.

Manual Filter:

filter=clients/any(c:c/id eq 2)

it is possible to merge two filter auto using '@progress/kendo-data-query' or can i add my manual query in kendo react datastate like this?

dataState: {
    take: 10,
    skip: 0,
    filter: {
        filters: [{
            logic: "and",
            filters: [{
                field: "clients",
                operator: "any",
                value: {
                    field: "id",
                    operator: "eq",
                    value: 2
                }
                }]
        }]
    },
    
}

I want to add a custom combobox with filtering in incell grid editing.  I followed this example. But filtering is not working. Please help

• https://stackblitz.com/edit/react-5l9wj4?file=app%2FmyDropDownCell.jsx

Hi All,

I used a Numeric filter and found that I can only input up to three decimal places. If I want to enter four decimal places, need to use Custom Filter Cells.

However, I found that when using it, if the user is allowed to input to four decimal places, format="n4" must be set.
After setting, the input integer digits will be automatically filled with 0, and even if I clear the NumericTextBox, 0.0000 will still be displayed.

There is no good implementation of data filtering, do you have any suggestions?

Nkpwnb (forked) - StackBlitz

Regards,
Sunny

Hi All

I use Master-Detail Grids, and details grid have columns filter, when I scroll master grid, the filterOperators of detail will exceed components.

Any suggestions on how to fix this issue?

P4acyg (forked) - StackBlitz

Hi,

I am working on "OData Server Operations" with .NET Core and implement following logic and its working fine.

https://www.telerik.com/kendo-react-ui/components/grid/data-operations/odata-server-operations/

now I am editing a row using modal but after update data, how can I refresh this gird to get latest data.

service.updateData(dataItem).then((response) => {
    //how can i refresh grid here
 })

Something seems to have changed between Grid v5 and v7.  Previously, I could set the overall grid text color with a simple style prop on the Grid itself.

<Grid style={{ color: "#000" }} ... />

That no longer works, so now I need to use a custom CSS class like this:

.k-grid-black .k-table-td {
    color: #000;
}

<Grid className="k-grid-black" ... />

Seems I have to use the selector .k-table-td for that class.

This works, however, now any rowRender function can't set a custom color - it gets ignored.

Any suggestions on how to make this work better?  Thanks!

<Grid
    data={data.map(item => ({
        ...item,
        [SELECTED_FIELD]: selectedState[idGetter(item)]
    }))}
    style={{height: '400px'}}
    dataItemKey={DATA_ITEM_KEY}
    selectedField={SELECTED_FIELD}
    selectable={{enabled: true, drag: false, cell: false, mode: 'multiple'}}
    onSelectionChange={this.onSelectionChange}
    onHeaderSelectionChange={this.onHeaderSelectionChange}
>
    <Column field={SELECTED_FIELD} width="50px"
            headerSelectionValue={data.findIndex(item => !selectedState[idGetter(item)]) === -1}/>
    <Column field="name" title="Name" width="300px"/>
    <Column field="surname" title="Surname" width="300px"/>
    <Column  width="100px" title="Full Name" cell={(props) => (
        <td>
            <div>{props.dataItem.name + ' ' + props.dataItem.surname}</div>
        </td>
    )}/>
</Grid>