Grid Multiple Row Selection

[Austin]

I have a Grid on a mobile app and I set to multiple row through selectable: option.  I have a problem where I can not select alternating rows.  Basically every other row can not be selected.

Do I have something set up wrong or if this is an issue how do I fix this?

We are getting our data through a datasource and JSON.

Thanks in advance for your help

[Dimiter Madjarov]

Hello Austin,

I could not reproduce the issue locally and in our demos. Could you send me a sample project to investigate the problem and assist you further?

 

All the best,
Dimiter Madjarov
the Telerik team

[Rob]

I have the same issue over here. Only even rows are selectable.
See my screenshot for more info...

Is there a solution already?

regards,

Rob

[Rob]

I found the solution for my problem. 

I'm using Foundation Zurb inside my project for the grid construction and those css rules were supressing the Kendo styles.
I created an override for the following elements, by adding the 'important' keyword to the background en border color properties:

.k-state-selected,
.k-state-selected:link,
.k-list > .k-state-selected,
.k-list > .k-state-highlight,
.k-panel > .k-state-selected,
.k-button:active,
.k-ghost-splitbar-vertical,
.k-ghost-splitbar-horizontal,
.k-draghandle.k-state-selected:hover {
  color: #ffffff;
  background-color: #7ea700 !important; // 
  border-color: #7ea700 !important;
}