chore(tree-grid): address comments

IgniteUI · Jun 5, 2024 · dde7b79 · dde7b79
1 parent 6695376
commit dde7b79
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/samples/grids/tree-grid/data-searching/App.razor b/samples/grids/tree-grid/data-searching/App.razor
@@ -3,7 +3,14 @@
 <div class="container sample">
     <div style="margin-bottom: 1rem">
         <IgbInput ValueChanging="OnValueChanging" Value="@searchText" @onkeydown="OnSearchKeyDown">
-            <IgbIcon @ref="searchIconRef" slot="prefix" IconName="clear" Collection="material" @onclick="ClearSearch" />
+            @if (searchText.Length == 0)
+            {
+                <IgbIcon @ref="searchIconRef" slot="prefix" IconName="search" Collection="material" />
+            }
+            @if (searchText.Length > 0)
+            {
+                <IgbIcon slot="prefix" IconName="clear" Collection="material" @onclick="ClearSearch" />
+            }
 
             <div class="chips" slot="suffix">
                 <IgbChip Selectable=true SelectedChanged="UpdateCase">
@@ -25,7 +32,7 @@
     </div>
 
     <div class="container vertical">
-        <IgbTreeGrid @ref=treeGrid AutoGenerate=false Data=EmployeesFlatData PrimaryKey="ID" ForeignKey="ParentID" AllowFiltering=true Height="480px">
+        <IgbTreeGrid @ref=treeGrid AutoGenerate=false Data=EmployeesFlatData PrimaryKey="ID" ForeignKey="ParentID" AllowFiltering=true Height="100%" Width="100%">
             <IgbColumn Field="Name" DataType="GridColumnDataType.String" Sortable=true></IgbColumn>
             <IgbColumn Field="ID" DataType="GridColumnDataType.Number" Sortable=true></IgbColumn>
             <IgbColumn Field="Title" DataType="GridColumnDataType.String" Sortable=true></IgbColumn>