When trying to expand all rows in a Pivot Grid as follow:

The "Geography" field is expanded whereas the "Product" field is not.

See the attached image for a visual description of the problem

The question is : how does one expand all rows/cols in a pivot grid in React?

I have a Form and I'm entering some data to the fields and submitting data to backend using OnSubmit method, After submission I wanted to see my page with already submitted data. Instead page is reloading with previous item. I tried to pass new object with all the latest values to form in the Key attribute. But Form is not reloading with the new data that I supplied.

my code like this.

//submit method

var option;

const SubmitData = async (request, e) => {

option = request;

try{

await postData(request).unwrap().then(() => )

}

}

// Form

I'm creating a global variable and trying to pass it in the key. IS this a correct approach? Or key value should match with initialValues(varibale names) - data structure inside both are same.

Please help

Hi,

I want to ask if is there any way to export grid to excel with a cell's format as a hyperlink.

I tried to use Excel function HYPERLINK but it's only text, not a real hyperlink.

Thanks.

Hi,

I have a numeric input cell in a grid which should accept only integer.

Is it possible to restrict user from entering decimal values?

I was asked to look at an existing application and I have exactly zero React experience...  The main form has a KendoReact grid on it, and when clicking on a button on the form, a small modal window pops up (it's not a Dialog, it's Window).

The problem is that clicking the X  to close the popup doesn't do anything at all. Maximize and minimize work, but not the X. It only goes away by refreshing the page.

This is the popup:

    
import { Window } from '@progress/kendo-react-dialogs';
...
public exportCSVFile() {
        let window =
            <Window style={{ position: "fixed", marginTop: "-100px", width: "380px", height: "355px", zIndex: "10003" }} title={"REPORT PARAMETERS"} 
            onClose={this.closeDialog} modal >
                 <div>.....                </div>
            </Window>
        return (<div>{window}</div>)     

This is supposed to close it:

    closeDialog() {
        this.setState({
            visibleForm: false,
        });
        this.props.closeDialog()
    }

The line "this.props.closeDialog()" goes deeper to a few other functions, but ultimately it doesn't do anything.

As I said, I don't really know React, but from looking at the code it looks like there should be a relationship between the popup and the main form, and something there is not quite right.

I've seen the sample implementations of Window, but the form I work with creates the window differently than the samples.

Any ideas? I'm not even sure if this could work the way it's done... maybe it wasn't done right initially.

Sometimes the icons of the components do not load correctly, I am using the latest versions of all kendo react packages, below is an example with the dropdown and dateTimePicker.

Hello,

I'm looking for a way to lock the column that opens/closes the detail row in a Master-Detail Grid. I can probably use css however I have the next column also locked which dynamically puts it sticky at left: 0, Which would overlap the open/close column. 

Any thoughts on how to accomplish this?

Thanks,

Bill