How to remove grid border in Kendo-React Grid Component?

1 Answer 384 Views
GridView
Sachin
Top achievements
Rank 1
Iron
Iron
Sachin asked on 07 Oct 2022, 08:06 PM

Hello,

Is there any prop or name to set remove a grid border?

As of now I am using grid component from kendo react and it looks like a iframe in my website. So, I want to remove grid border so that it looks like on the page!

 

1 Answer, 1 is accepted

Sort by
1
Accepted
Vessy
Telerik team
answered on 10 Oct 2022, 07:12 AM

Hello, Sachin,

The easiest way to remove the outer border of the Grid is to use a similar CSS style:

    <Grid
      style={{
        border: 0,
      }}

You can test the suggested approach here: https://stackblitz.com/edit/react-9lujfk?file=app%2Fmain.jsx 

Regards,
Vessy
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Sachin
Top achievements
Rank 1
Iron
Iron
commented on 10 Oct 2022, 03:08 PM

Thanks a lot! It worked :)
Vessy
Telerik team
commented on 10 Oct 2022, 03:33 PM

You are welcome, Sachin :)
Tags
GridView
Asked by
Sachin
Top achievements
Rank 1
Iron
Iron
Answers by
Vessy
Telerik team
Share this question
or