How to set cell spacing/padding?

[Kjell]

Hello, my grid is setup pretty similar to this example:
http://demos.kendoui.com/web/grid/rowtemplate.html 


My question is, how can I set cell spacing and/or padding?  I tried setting it in the table element and it seems to be ignored.  To go back to the example, there is a little space between the images on each row, what if you wanted to reduce that space to zero?  

My issue is there is too much extra space, it's more noticeable in my case because the rows are shorter, how do I get rid of it?  I actually tried setting the cellpadding and cellspacing to a high number just to see if it is being observed but it doesn't seem to have any impact.  

[Iliana Dyankova]

Hello Kjell,

There is a padding set for the table elements in Kendo UI Grid but you could use a CSS selector with the widget's specific CSS class for customizing the presentation. This action will override the common styling.

For example this snippet can be used for removing the space between the images on each row of your Grid:

.k-grid td
{
  padding: 0;
}

.k-grid img
{
  vertical-align: top;
}

I hope this helps.

Kind regards,
Iliana Nikolova
the Telerik team

[Kjell]

Ah thanks, that did it.