Kendo UI grid subrow

0
votes

I need to develop a Kendo grid as the one in the mockup that follow:

enter image description here

This is simple, but when a special value is selected in one of the select fields, a sort of sub-row must be displayed:

enter image description here

So, this set of 3 (or 6) fields is what I need to have on every grid row. That means I need to add other rows like this, being able to liveedit them or delete.

I'm wondering what is the best way to reach this (if possibile).

Can I simply define the whole set of fields (with sub-row) as a single grid row then split someway it using CSS or Kendo grid already support this kind of layout?

1
csskendo-uikendo-grid
You will have an list of data ? Or just this 6 possible fields ? - 우두머리
@MarcoPalma the number of fields is static, values in the combo cames from remote services but the special value that activate the subrow in fixed. - keul

1 Answers

0
votes

The Kendo UI grid is a widget which allows you to visualize and edit data via its table representation, KendoGrid is not best approach in my opinion.

You just need to create on kendo template, with you 3 static dropsdown's and when you click on your "special" value you will have to append your template again with other data if is needed.

Check on KendoTemplate docs.

EDIT: So you will have to use kendogrid detail (hardcoded), and use tempate to show you 3 fields I think. Hope this help