Title for top-left Row Header in Wijmo FlexSheet

Posted by: chetan.shetty on 24 May 2021, 6:03 pm EST

    • Post Options:
    • Link

    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

Need extra support?

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

Learn More

Forum Channels