How to Implement autocomplete textbox in Grid Columns in blazer asp .NET core 7

Question

pls help me to implement this functionality in asp .NET core blazer

I want to Implement autocomplete textbox in Grid Control with blazer asp .NET core 7 so that I can dynamically add New Rows in Grid Control just like datagridview control(windows forms). I am using IgniteUIBlazor component for adding grid in blazer.

`

<div class="container vertical">
    @if (Data != null)
    {<div style="overflow: hidden"> <IgbDataGrid Height="100%" Width="100%"
                         EditModeClickAction="EditModeClickAction.SingleClick"
                         DefaultColumnMinWidth="120"
                         AutoGenerateColumns="false"
                         DataSource="Data"
                         EditMode="EditModeType.Cell"
                         ActivationMode="@GridActivationMode.Cell"
                         SelectionMode="@DataGridSelectionMode.SingleRow"
                         SelectionBehavior="@GridSelectionBehavior.ModifierBased"
                         IsColumnOptionsEnabled="true">
                <IgbTextColumn Field="FirstName" HeaderText="Disease" Width="@("*>150")" />
                <IgbTextColumn Field="Street" HeaderText="Medicine" Width="@("*>160")" />
                <IgbTextColumn Field="City" HeaderText="Potency" Width="@("*>120")">

                
                </IgbTextColumn>
            </IgbDataGrid>
        </div>
    }
</div>

`