Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
145
Igx-grid popover
posted

Hi,
I am using angular 6. I want to add a popover to one of the column in Igx-grid. Can you tell me how can I do that?

Also I want to filter the Igx-grid with passing dynamic '$filter' value to the backend and fill the grid with that value. This filter is not the one which we add to the column, this filter will be applied from the outside of the grid.

Please provide me a sample for these questions.

Thank you in advance!

  • 60
    Offline posted

    Hello Vaishnavi,

    Thank you for contacting Infragistics Support.

    At this point, we do not provide a popover control as part of the Ignite UI for Angular toolset. What I can suggest for achieving similar behavior is using igxTooltip and the igxTooltipTarget. They provides you with the ability to create a fully customizable tooltip and attach it to any element on your page.

    Since the tooltip itself is an ordinary element in our markup, we can improve its content by adding any elements we need and have the ability to style them accordingly! This sample illustrates how additional details for a specific location on a map can be displayed using igxTooltip.

    In regards to the second query, you can check this sample and this topic in our documentation which illustrates how using API filter method can be used to apply contains condition on Product Name column for an external input. The same logic can be applied for any external value of your choice.

    Should you have any further questions, please let me know. 

    Regards, 

    Malin Hadzhiev

    Entry Level Software Developer

    Infragistics