Title: how to make line on group header datagrid
Post by: shivavalkyre on February 09, 2022, 03:08:05 AM
hi everyone,
I have a problem with the group header Datagrid, I want to make the border just the right border only.
any suggestion, please?
Best Regards
Title: Re: how to make line on group header datagrid
Post by: shivavalkyre on February 09, 2022, 01:42:26 PM
here my code,but my problem in td3 is not work as expected
var dg = $('#dg6');
dg.datagrid();
var td = dg.datagrid('getPanel').find('div.datagrid-header td[field="penerima_total"]');
td.css("border-right","1px solid grey");
var td1=dg.datagrid('getPanel').find('div.datagrid-header td[field="porsi_rescue"]');
td1.css("border-right","1px solid grey");
var td2 = dg.datagrid('getPanel').find('div.datagrid-header td[id="id1"]');
td2.css("border-right","1px solid grey");
var td3 = dg.datagrid('getPanel').find('div.datagrid-body td[field="penerima_total"]');
td3.css("border-right","1px solid red");
Title: Re: how to make line on group header datagrid
Post by: jarry on February 09, 2022, 07:25:43 PM
Please add this CSS code to append a line on the column header. <style type="text/css">
.datagrid-header-row:nth-child(1)>td:nth-child(2),
.datagrid-header-row:nth-child(1)>td:nth-child(3){
border-right: 1px solid #ccc;
}
.datagrid-header-row:nth-child(2)>td:nth-child(3),
.datagrid-header-row:nth-child(2)>td:nth-child(5){
border-right: 1px solid #ccc;
}
</style>
Title: Re: how to make line on group header datagrid
Post by: shivavalkyre on February 09, 2022, 07:38:18 PM
how about the body, my code work on header only var dg = $('#dg6');
dg.datagrid();
var td = dg.datagrid('getPanel').find('div.datagrid-header td[field="penerima_total"]');
td.css("border-right","1px solid grey");
var td1=dg.datagrid('getPanel').find('div.datagrid-header td[field="porsi_rescue"]');
td1.css("border-right","1px solid grey");
var td2 = dg.datagrid('getPanel').find('div.datagrid-header td[id="id1"]');
td2.css("border-right","1px solid grey");
Title: Re: how to make line on group header datagrid
Post by: shivavalkyre on February 09, 2022, 08:40:04 PM
after doing inspect I got this line, and how to style border-right on it
|