Skip to content

Infragistics Community Forum / Web / Ignite UI for Angular / how to add autocomplete in grid cell

how to add autocomplete in grid cell

New Discussion
Ekarins S
Ekarins S asked on Dec 7, 2020 7:27 AM

Hello I need to searching item for add grid cell when typing to cell I want some dropdown  show choice on row grid

Thank you

Sign In to post a reply

Replies

  • 0
    Mihoko Kamiishi
    Mihoko Kamiishi answered on Dec 1, 2020 12:00 PM

    Hello Ekarins,

    You can use igxGrid’s cell editing template to show a dropdown in a cell.
    For more details about defining a cell editing template, please take a look at the document below.

    Grid cell editing and edit templates – Cell Editing Templates
    https://www.infragistics.com/products/ignite-ui-angular/angular/components/grid/cell-editing#cell-editing-templates

    Drop Down
    https://www.infragistics.com/products/ignite-ui-angular/angular/components/drop-down

    You can also add autocomplete functionality to the dropdown using igxAutocomplete directive and filter the list using the pipe as illustrated in this document.

    Autocomplete
    https://www.infragistics.com/products/ignite-ui-angular/angular/components/autocomplete

    I have created a sample for your reference. In this sample, you will see a dropdown with autocomplete feature on “Product Name” column cells.

    https://stackblitz.com/edit/github-hk9op4-9ohdvn?file=src/app/grid/grid-editing-events/grid-editing-events.component.ts

    • 0
      Ekarins S
      Ekarins S answered on Dec 7, 2020 7:27 AM

      Thank you for your help.

  • You must be logged in to reply to this topic.
Discussion created by
Favorites
Replies
Created On
Last Post
Discussion created by
Ekarins S
Favorites
0
Replies
2
Created On
Dec 07, 2020
Last Post
5 years, 8 months ago

Suggested Discussions

Created by

Created on

Dec 7, 2020 7:27 AM

Last activity on

Feb 11, 2026 9:56 PM