KendoUI Grid without borders request

Question

Kendo ASP.NET-MVC

Our designer wants a grid that has no borders or frames and no alternating row backgrounds. Basically a white box without lines. It's for financial reports. plain and simple.

There should be a monocolored header and footer row where the column names and paging go.

Is this achievable? We don't want to edit too much the main CSS as the rest of the controls on the site should have borders and colors. It's just the grid.

score 12 · Accepted Answer · answered Jun 06 '13 at 00:44

12

Try:

.k-grid, .k-grid * {
    background: white !important;
    border: 0 !important;
}

This forces all background for k-grid to white removing gradients and background images and sets borders to 0px (no border).

answered Jun 06 '13 at 00:44

OnaBai

40,767
6
96
125

what does !important do? – Ruaan Volschenk Oct 20 '14 at 12:19
1

Overwrites ulterior definitions for background unless they are also "important" (check [this](http://stackoverflow.com/q/9245353/1802671)) – OnaBai Oct 20 '14 at 14:48

KendoUI Grid without borders request

1 Answers1