Title for top-left Row Header in Wijmo FlexSheet

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?
  • Replied 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
  • Replied 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?
  • Marked as Answer

    Replied 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
Need extra support?

Upgrade your support plan and get personal unlimited phone support with our customer engagement team

Learn More

Forum Channels