collapsible row of dataTable

Hi Team,

I am having datatable where each row having show more anchor tag.
If I am click on it that particular row should get collapsed down and I can see some content over there. Also show more get changed to show less and vice versa.
Thanks in advance.

Thanks,
Mira Karale

Hi team,

Please reply me.

Please, check the subview functionality (PRO edition): https://docs.webix.com/samples/60_pro/01_datatable/07_sub/04_sub_grid.html

The “+/-” icons can be styled to match your needs.

Hi Helga,

Thank you for reply. Can you tell me how to replace +/- with Show More and Show Less.

@Meera

Try doing it with css : https://webix.com/snippet/5dba2a20

Hi Yuppy,

Thanks… :slight_smile:

Hi,

In my datatable I want a spans in row.
code is like-
data:{ data:[],
spans:[
[3, “parameter”, 1, 2],

		            ]
         	},

$$(‘internationalisation’).parse(getInternationlizationInfoJson.data, ‘json’);

Hi Yuppy,
I want to call the angular controller inside webix. is it possible?
https://webix.com/snippet/04d19fd5

Thanks

@Meera I’m sorry but i’m not familiar with angular. But as far as i know it should be possible.

Sorry :slight_smile:

Ok. Thanks u :slight_smile:

Hi Yuppy
How to change the content for each row of subview.
Here is the snippet - https://webix.com/snippet/9083d59a

Thanks,
Mira Karale

Hi webix team,

Please reply me.

You can handle the onSubviewCreate event: https://docs.webix.com/samples/60_pro/01_datatable/07_sub/06_sub_grid_url.html

To update the inner Template (which is used in your code), you will need to reset its template property:

on:{
  onSubViewCreate:function(view, item){
     //view is the inner view
     //item is the properties of the related data item
     view.define("template", "other content");
     view.refresh();
  }
}

view.refresh();
is not working

Uncaught TypeError: view.refresh is not a function