Having issue to implement kendo UI Grid within tabsrtip

[Amit]

Hi Team,

We have one requirement, where we want to implement the Kendo UI grid within the tab strip. In our example it may be possible that one tab strip has multiple sub tab strip and each tab strip have a Kendo UI grid as shown in the screenshot below:

We have already implement above exmpale in Javascript/JQuery we want to implement the same example in AngularJS but we have been unable to implement it. Can you please guide us to implement above example in AngularJS.

Thanks.!

[Amit]

Hi Team,

I wanted to follow up on, anybody had a chance to look into the above issue. 

Thanks.!

[Bal]

Hi,

We want similar functionality. Anyone have solution for this.

Thanks!

[Georgi Denchev]

Hi, Amit,

Our Grid demo about the Detail Template showcases a similar functionality, where a second Grid is a part of a TabStrip:

https://demos.telerik.com/kendo-ui/grid/detailtemplate 

You can check the source code by clicking on the "View Source" tab.

For your convenience, I've also prepared a small example demonstrating nested TabStrips with a Grid:

https://dojo.telerik.com/@gdenchev/ohAjeHUn 

Best Regards,
Georgi Denchev
Progress Telerik

[Amit]

Hi,

Thank you for your quick reply.

Can you please send me the above example that you have created in AngularJS which is made by kendo-tab-strip . Actually, we have got the code that is in JavaScript/JQuery for the above example but when we try to implement this code in AngularJs that time we faced some issues.

Thanks!

[Georgi Denchev]

Hello, Amit,

My colleague has left a response in the other thread:

https://www.telerik.com/forums/multiple-tab-strip 

Since this is concerning the TabStrip more than it is the Grid, please continue the discussion there.

Let me know if you have any questions regarding the Grid itself.