Posted 24 May 2021, 6:03 pm EST
Hello, I have check-boxes in my row header and I want to give a title to the top-left row header which is in the same row as the column headers. I am using Wijmo FlexSheet version 5.20183.568. Is this possible?
Forums Home / Wijmo / General Discussion
Posted by: chetan.shetty on 24 May 2021, 6:03 pm EST
Posted 24 May 2021, 6:03 pm EST
Hello, I have check-boxes in my row header and I want to give a title to the top-left row header which is in the same row as the column headers. I am using Wijmo FlexSheet version 5.20183.568. Is this possible?
Posted 25 May 2021, 11:12 pm EST
Hi Chetan,
Yes, it’s possible. In the sample, you have provided when you are creating checkboxes for the rowHeaders and setting cell.innerHTML to empty you can add a condition there and add a title for the rowHeaders like so:
cell.innerHTML = row == 0 ? 'Title' : '';
You may also refer to the sample demonstrating the same:
https://stackblitz.com/edit/angular-slclun?file=src%2Fapp%2Fapp.component.ts
Regards,
Ashwin
Posted 31 May 2021, 9:22 pm EST
Hi Ashwin, thank you for this. It helped me a lot. I have just one more doubt. How do I manage the width of the row header as now the title is longer and I don’t want to show ellipsis. For the other columns, I have used minWidth property to set the width as 130. How do I proceed here?
Posted 1 June 2021, 9:28 pm EST
Hi Chetan,
You may use the minSize property of columnCollection of the rowHeaders grid panel. Please refer to the code snippet:
this.formatSheet.rowHeaders.columns.minSize = 60;
API reference: https://www.grapecity.com/wijmo/api/classes/wijmo_grid.columncollection.html#minsize
~regards