Missing border between columns

[Tomasz Tomczykiewicz]

Hi,

There is no border between drag and drop column and id column.

syncfusion/ej2-vue-gantt: 17.4.41

style: bootstrap4

Best regards,

Tomasz Tomczykiewicz

[Jesus Arockia Sankaran S]

Hi Tomasz, 

 

Thanks for contacting Syncfusion support.  

 

This is the default behavior in treegrid. However, you can remove the border between drag and drop column and id column in header, by using headercellInfo event. Please find following code snippet. 

headerCellInfo: function(args: any) 

{ 

    if (args.cell.column.field === 'TaskID') 

    { 

        args.node.style.borderLeftWidth = '0px'; 

    } 

} 

We have provided sample on this for your reference. 

Sample: https://stackblitz.com/edit/ckhzdd?file=index.ts 

Please let us know, if you need further details on this. 

 

Regards, 

Jesus Arockia Sankaran S 

[Tomasz Tomczykiewicz]

Hi,

Current behaviour: there is no border between the first and second row.

Expected behaviour: there is a border between the first and second row.

Best regards,

Tomasz Tomczykiewicz

[Jesus Arockia Sankaran S]

Hi Tomasz, 

 

Sorry for the inconvenience.  

 

At present, this the default UI of drag and drop field in Tree Grid. Using queryCellInfo event, we can customize the border of Tree Grid drag and drop field for your requirement.  

 

Please find following code snippet below: 

 

queryCellInfo: function (args: any) { 

   if (args.column.field === 'TaskID') { 

      args.cell.style.borderLeftWidth = '1px'; 

   } 

} 

 

We have also prepared the sample for your reference 

Sample: https://stackblitz.com/edit/ayrgdq?file=index.ts 

 

Please let us know, if you need further details on this. 

Regards, 

Jesus Arockia Sankaran S