Smart UI Components & Libraries – Grid, Scheduler, Gantt, Kanban for Angular, React, Next.js, Vue, Blazor, JavaScript › Forums › Data Grid › Data Grid Cell Tooltip

Tagged: 

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • August 17, 2022 at 1:47 pm #103501
    martinb
    Participant

    Hey,

    I’m using the native Javascript Component Library.

    I need to display tooltips on the data grid cells. If I grab a cell, I can see there is a cell property called ‘tooltip’.

    However, it doesn’t show anything if I set a value. Can you explain how can I use this correctly?

    Reference docs: https://www.htmlelements.com/docs/grid-row-cell-index/

    Thanks,

    Martin

    August 18, 2022 at 2:09 pm #103508
    ivanpeevski
    Participant

    Hi Martin,

    Tooltips are enabled with the appearance.showTooltips property.

    By default, the value of the tooltip is the value of the cell. Using the cell’s tooltip property allows you to set custom content.

    See an example here: codepen.

    Best Regards,
    Ivan Peevski
    Smart HTMLElements Team
    https://www.htmlelements.com/

     

     

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.