diff --git a/browser/IgBlazorSamples.Client/IgBlazorSamples.Client.csproj b/browser/IgBlazorSamples.Client/IgBlazorSamples.Client.csproj
index 3acd1c1e4..740d03224 100644
--- a/browser/IgBlazorSamples.Client/IgBlazorSamples.Client.csproj
+++ b/browser/IgBlazorSamples.Client/IgBlazorSamples.Client.csproj
@@ -51,7 +51,7 @@
     <PackageReference Include="IgniteUI.Blazor.Trial" Version="25.2.83" />
     <PackageReference Include="IgniteUI.Blazor.Documents.Core.Trial" Version="25.2.83" />
     <PackageReference Include="IgniteUI.Blazor.Documents.Excel.Trial" Version="25.2.83" />
-    <PackageReference Include="IgniteUI.Blazor.GridLite" Version="0.0.1" />
+    <PackageReference Include="IgniteUI.Blazor.GridLite" Version="0.7.1" />
     <PackageReference Include="Microsoft.AspNetCore.Components" Version="10.0.1" />
     <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="10.0.1" />
     <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.DevServer" Version="10.0.1" />
diff --git a/samples/grids/grid-lite/column-config-dynamic/App.razor b/samples/grids/grid-lite/column-config-dynamic/App.razor
index 1f38f278e..f356bc620 100644
--- a/samples/grids/grid-lite/column-config-dynamic/App.razor
+++ b/samples/grids/grid-lite/column-config-dynamic/App.razor
@@ -11,81 +11,32 @@
 
         <IgbGridLite @ref="grid"
                      TItem="ProductInfo" 
-                     Data="@products" 
-                     Columns="@columns"
-                     class="grid-lite-sample" />
+                     Data="@products"
+                     class="grid-lite-sample">
+            <IgbGridLiteColumn Field="@nameof(ProductInfo.Name)" Header="Product Name" DataType="GridLiteColumnDataType.String" Resizable />
+            <IgbGridLiteColumn Field="@nameof(ProductInfo.Price)" Header="Price" DataType="GridLiteColumnDataType.Number" Width="150px" Resizable />
+            <IgbGridLiteColumn Field="@nameof(ProductInfo.Sold)" Header="Units sold" DataType="GridLiteColumnDataType.Number" Width="150px" Resizable />
+            <IgbGridLiteColumn Field="@nameof(ProductInfo.Total)" Header="Total sold" DataType="GridLiteColumnDataType.Number" Width="150px" Resizable />
+            @if (showRating)
+            {
+                <IgbGridLiteColumn Field="@nameof(ProductInfo.Rating)" Header="Customer rating" DataType="GridLiteColumnDataType.Number" Width="180px" Resizable />
+            }
+        </IgbGridLite>
 
 </div>
 
 @code {
     private IgbGridLite<ProductInfo> grid;
     private List<ProductInfo> products;
-    private List<IgbColumnConfiguration> columns;
     private bool showRating = true;
 
     protected override void OnInitialized()
     {
         products = MockDataGenerator.CreateProducts(50);
-        UpdateColumns();
-    }
-
-    private void UpdateColumns()
-    {
-        columns = new List<IgbColumnConfiguration>
-        {
-            new IgbColumnConfiguration
-            {
-                Key = nameof(ProductInfo.Name),
-                HeaderText = "Product Name",
-                Type = GridLiteColumnDataType.String,
-                Resizable = true
-            },
-            new IgbColumnConfiguration
-            {
-                Key = nameof(ProductInfo.Price),
-                HeaderText = "Price",
-                Type = GridLiteColumnDataType.Number,
-                Width = "150px",
-                Resizable = true
-            },
-            new IgbColumnConfiguration
-            {
-                Key = nameof(ProductInfo.Sold),
-                HeaderText = "Units sold",
-                Type = GridLiteColumnDataType.Number,
-                Width = "150px",
-                Resizable = true
-            },
-            new IgbColumnConfiguration
-            {
-                Key = nameof(ProductInfo.Total),
-                HeaderText = "Total sold",
-                Type = GridLiteColumnDataType.Number,
-                Width = "150px",
-                Resizable = true
-            }
-        };
-
-        if (showRating)
-        {
-            columns.Add(new IgbColumnConfiguration
-            {
-                Key = nameof(ProductInfo.Rating),
-                HeaderText = "Customer rating",
-                Type = GridLiteColumnDataType.Number,
-                Width = "180px",
-                Resizable = true
-            });
-        }
     }
 
-    private async Task ToggleColumn()
+    private void ToggleColumn()
     {
         showRating = !showRating;
-        UpdateColumns();
-        if (grid != null)
-        {
-            await grid.UpdateColumnsAsync(columns);
-        }
     }
 }
diff --git a/samples/grids/grid-lite/column-config-dynamic/BlazorClientApp.csproj b/samples/grids/grid-lite/column-config-dynamic/BlazorClientApp.csproj
index 527fc7b36..fc1bfa2f7 100644
--- a/samples/grids/grid-lite/column-config-dynamic/BlazorClientApp.csproj
+++ b/samples/grids/grid-lite/column-config-dynamic/BlazorClientApp.csproj
@@ -12,7 +12,7 @@
   </PropertyGroup>
 
   <ItemGroup>
-    <PackageReference Include="IgniteUI.Blazor.GridLite" Version="0.0.1" />
+    <PackageReference Include="IgniteUI.Blazor.GridLite" Version="0.7.1" />
     <PackageReference Include="Microsoft.AspNetCore.Components" Version="10.0.1" />
     <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="10.0.1" />
     <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.DevServer" Version="10.0.1" />
diff --git a/samples/grids/grid-lite/column-config-simple/App.razor b/samples/grids/grid-lite/column-config-simple/App.razor
index f7d301ff2..4a9c6cf83 100644
--- a/samples/grids/grid-lite/column-config-simple/App.razor
+++ b/samples/grids/grid-lite/column-config-simple/App.razor
@@ -6,60 +6,26 @@
 
 <div class="container">
 
-    @if (products != null && columns != null)
+    @if (products != null)
     {
         <IgbGridLite TItem="ProductInfo" 
-                     Data="@products" 
-                     Columns="@columns"
-                     class="grid-lite-sample" />
+                     Data="@products"
+                     class="grid-lite-sample">
+            <IgbGridLiteColumn Field="@nameof(ProductInfo.Name)" Header="Product Name" DataType="GridLiteColumnDataType.String" />
+            <IgbGridLiteColumn Field="@nameof(ProductInfo.Price)" Header="Price" DataType="GridLiteColumnDataType.Number" Width="150px" />
+            <IgbGridLiteColumn Field="@nameof(ProductInfo.Sold)" Header="Units sold" DataType="GridLiteColumnDataType.Number" Width="150px" />
+            <IgbGridLiteColumn Field="@nameof(ProductInfo.Total)" Header="Total sold" DataType="GridLiteColumnDataType.Number" Width="150px" />
+            <IgbGridLiteColumn Field="@nameof(ProductInfo.Rating)" Header="Customer rating" DataType="GridLiteColumnDataType.Number" Width="180px" />
+        </IgbGridLite>
     }
 </div>
 
 @code {
     private List<ProductInfo> products;
-    private List<IgbColumnConfiguration> columns;
 
     protected override void OnInitialized()
     {
         // Generate 50 products
         products = MockDataGenerator.CreateProducts(50);
-
-        columns = new List<IgbColumnConfiguration>
-        {
-            new IgbColumnConfiguration
-            {
-                Key = nameof(ProductInfo.Name),
-                HeaderText = "Product Name",
-                Type = GridLiteColumnDataType.String
-            },
-            new IgbColumnConfiguration
-            {
-                Key = nameof(ProductInfo.Price),
-                HeaderText = "Price",
-                Type = GridLiteColumnDataType.Number,
-                Width = "150px"
-            },
-            new IgbColumnConfiguration
-            {
-                Key = nameof(ProductInfo.Sold),
-                HeaderText = "Units sold",
-                Type = GridLiteColumnDataType.Number,
-                Width = "150px"
-            },
-            new IgbColumnConfiguration
-            {
-                Key = nameof(ProductInfo.Total),
-                HeaderText = "Total sold",
-                Type = GridLiteColumnDataType.Number,
-                Width = "150px"
-            },
-            new IgbColumnConfiguration
-            {
-                Key = nameof(ProductInfo.Rating),
-                HeaderText = "Customer rating",
-                Type = GridLiteColumnDataType.Number,
-                Width = "180px"
-            }
-        };
     }
 }
diff --git a/samples/grids/grid-lite/column-config-simple/BlazorClientApp.csproj b/samples/grids/grid-lite/column-config-simple/BlazorClientApp.csproj
index 527fc7b36..fc1bfa2f7 100644
--- a/samples/grids/grid-lite/column-config-simple/BlazorClientApp.csproj
+++ b/samples/grids/grid-lite/column-config-simple/BlazorClientApp.csproj
@@ -12,7 +12,7 @@
   </PropertyGroup>
 
   <ItemGroup>
-    <PackageReference Include="IgniteUI.Blazor.GridLite" Version="0.0.1" />
+    <PackageReference Include="IgniteUI.Blazor.GridLite" Version="0.7.1" />
     <PackageReference Include="Microsoft.AspNetCore.Components" Version="10.0.1" />
     <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="10.0.1" />
     <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.DevServer" Version="10.0.1" />
diff --git a/samples/grids/grid-lite/data-binding/App.razor b/samples/grids/grid-lite/data-binding/App.razor
index 3ddf1238b..0e84c90b6 100644
--- a/samples/grids/grid-lite/data-binding/App.razor
+++ b/samples/grids/grid-lite/data-binding/App.razor
@@ -7,16 +7,14 @@
 
     <button class="btn btn-primary" @onclick="SwitchData">Switch Data: @(showingProducts ? "Show Users" : "Show Products")</button>
 
-    <IgbGridLite @ref="grid" Data="data" AutoGenerate="true" Columns="columns" class="grid-lite-sample" />
+    <IgbGridLite @ref="grid" Data="data" AutoGenerate="true" class="grid-lite-sample" />
 </div>
 
 @code {
-    private IgbGridLite<ProductInfo> productGrid;
     private IgbGridLite<object> grid;
     private List<User> users;
     private List<ProductInfo> products;
     private List<object> data;
-    private List<IgbColumnConfiguration> columns = new List<IgbColumnConfiguration>();
     private bool showingProducts = true;
 
     protected override void OnInitialized()
@@ -42,12 +40,10 @@
         showingProducts = !showingProducts;
         if (showingProducts)
         {
-            this.columns = new List<IgbColumnConfiguration>();
             this.data = products.ToList<object>();
         }
         else
         {
-            this.columns = new List<IgbColumnConfiguration>();
             this.data = users.ToList<object>();
         }
     }
diff --git a/samples/grids/grid-lite/data-binding/BlazorClientApp.csproj b/samples/grids/grid-lite/data-binding/BlazorClientApp.csproj
index 527fc7b36..fc1bfa2f7 100644
--- a/samples/grids/grid-lite/data-binding/BlazorClientApp.csproj
+++ b/samples/grids/grid-lite/data-binding/BlazorClientApp.csproj
@@ -12,7 +12,7 @@
   </PropertyGroup>
 
   <ItemGroup>
-    <PackageReference Include="IgniteUI.Blazor.GridLite" Version="0.0.1" />
+    <PackageReference Include="IgniteUI.Blazor.GridLite" Version="0.7.1" />
     <PackageReference Include="Microsoft.AspNetCore.Components" Version="10.0.1" />
     <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="10.0.1" />
     <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.DevServer" Version="10.0.1" />
diff --git a/samples/grids/grid-lite/filtering-config-events/App.razor b/samples/grids/grid-lite/filtering-config-events/App.razor
index 43effa8f5..270e825c3 100644
--- a/samples/grids/grid-lite/filtering-config-events/App.razor
+++ b/samples/grids/grid-lite/filtering-config-events/App.razor
@@ -5,14 +5,18 @@
 
 <div class="container">
 
-    @if (users != null && columns != null)
+    @if (users != null)
     {
         <IgbGridLite TItem="User" 
-                     Data="@users" 
-                     Columns="@columns"
+                     Data="@users"
                      Filtering="@HandleFiltering"
                      Filtered="@HandleFiltered"
-                     class="grid-lite-sample" />
+                     class="grid-lite-sample">
+            <IgbGridLiteColumn Field="@nameof(User.FirstName)" Header="First name" Filterable />
+            <IgbGridLiteColumn Field="@nameof(User.LastName)" Header="Last name" Filterable />
+            <IgbGridLiteColumn Field="@nameof(User.Age)" Header="Age" DataType="GridLiteColumnDataType.Number" Filterable />
+            <IgbGridLiteColumn Field="@nameof(User.Active)" Header="Active" DataType="GridLiteColumnDataType.Boolean" Filterable />
+        </IgbGridLite>
     }
 
     <div class="event-log">
@@ -28,43 +32,12 @@
 
 @code {
     private List<User> users;
-    private List<IgbColumnConfiguration> columns;
     private List<string> eventLogs = new List<string>();
 
     protected override void OnInitialized()
     {
         // Generate 50 users
         users = MockDataGenerator.CreateUsers(50);
-
-        columns = new List<IgbColumnConfiguration>
-        {
-            new IgbColumnConfiguration
-            {
-                Key = nameof(User.FirstName),
-                HeaderText = "First name",
-                Filter = true
-            },
-            new IgbColumnConfiguration
-            {
-                Key = nameof(User.LastName),
-                HeaderText = "Last name",
-                Filter = true
-            },
-            new IgbColumnConfiguration
-            {
-                Key = nameof(User.Age),
-                HeaderText = "Age",
-                Type = GridLiteColumnDataType.Number,
-                Filter = true
-            },
-            new IgbColumnConfiguration
-            {
-                Key = nameof(User.Active),
-                HeaderText = "Active",
-                Type = GridLiteColumnDataType.Boolean,
-                Filter = true
-            }
-        };
     }
 
     private void HandleFiltering(IgbGridLiteFilteringEventArgs e)
diff --git a/samples/grids/grid-lite/filtering-config-events/BlazorClientApp.csproj b/samples/grids/grid-lite/filtering-config-events/BlazorClientApp.csproj
index 527fc7b36..fc1bfa2f7 100644
--- a/samples/grids/grid-lite/filtering-config-events/BlazorClientApp.csproj
+++ b/samples/grids/grid-lite/filtering-config-events/BlazorClientApp.csproj
@@ -12,7 +12,7 @@
   </PropertyGroup>
 
   <ItemGroup>
-    <PackageReference Include="IgniteUI.Blazor.GridLite" Version="0.0.1" />
+    <PackageReference Include="IgniteUI.Blazor.GridLite" Version="0.7.1" />
     <PackageReference Include="Microsoft.AspNetCore.Components" Version="10.0.1" />
     <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="10.0.1" />
     <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.DevServer" Version="10.0.1" />
diff --git a/samples/grids/grid-lite/filtering-config/App.razor b/samples/grids/grid-lite/filtering-config/App.razor
index 3c6b6ff4b..e9e89c76b 100644
--- a/samples/grids/grid-lite/filtering-config/App.razor
+++ b/samples/grids/grid-lite/filtering-config/App.razor
@@ -9,55 +9,25 @@
 
 <div class="container">
 
-    @if (users != null && columns != null)
+    @if (users != null)
     {
         <IgbGridLite TItem="User"
                      Data="@users"
-                     Columns="@columns"
-                     class="grid-lite-sample" />
+                     class="grid-lite-sample">
+            <IgbGridLiteColumn Field="@nameof(User.FirstName)" Header="First name" Filterable FilteringCaseSensitive />
+            <IgbGridLiteColumn Field="@nameof(User.LastName)" Header="Last name" Filterable />
+            <IgbGridLiteColumn Field="@nameof(User.Age)" Header="Age" DataType="GridLiteColumnDataType.Number" Filterable />
+            <IgbGridLiteColumn Field="@nameof(User.Active)" Header="Active" DataType="GridLiteColumnDataType.Boolean" Filterable />
+        </IgbGridLite>
     }
 </div>
 
 @code {
     private List<User> users;
-    private List<IgbColumnConfiguration> columns;
 
     protected override void OnInitialized()
     {
         // Generate 50 users
         users = MockDataGenerator.CreateUsers(50);
-
-        columns = new List<IgbColumnConfiguration>
-        {
-            new IgbColumnConfiguration
-            {
-                Key = nameof(User.FirstName),
-                HeaderText = "First name",
-                Filter = new IgbColumnFilterConfiguration
-                {
-                    CaseSensitive = true
-                }
-            },
-            new IgbColumnConfiguration
-            {
-                Key = nameof(User.LastName),
-                HeaderText = "Last name",
-                Filter = true
-            },
-            new IgbColumnConfiguration
-            {
-                Key = nameof(User.Age),
-                HeaderText = "Age",
-                Type = GridLiteColumnDataType.Number,
-                Filter = true
-            },
-            new IgbColumnConfiguration
-            {
-                Key = nameof(User.Active),
-                HeaderText = "Active",
-                Type = GridLiteColumnDataType.Boolean,
-                Filter = true
-            }
-        };
     }
 }
\ No newline at end of file
diff --git a/samples/grids/grid-lite/filtering-config/BlazorClientApp.csproj b/samples/grids/grid-lite/filtering-config/BlazorClientApp.csproj
index 527fc7b36..fc1bfa2f7 100644
--- a/samples/grids/grid-lite/filtering-config/BlazorClientApp.csproj
+++ b/samples/grids/grid-lite/filtering-config/BlazorClientApp.csproj
@@ -12,7 +12,7 @@
   </PropertyGroup>
 
   <ItemGroup>
-    <PackageReference Include="IgniteUI.Blazor.GridLite" Version="0.0.1" />
+    <PackageReference Include="IgniteUI.Blazor.GridLite" Version="0.7.1" />
     <PackageReference Include="Microsoft.AspNetCore.Components" Version="10.0.1" />
     <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="10.0.1" />
     <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.DevServer" Version="10.0.1" />
diff --git a/samples/grids/grid-lite/overview/App.razor b/samples/grids/grid-lite/overview/App.razor
index 2680dbd5b..6a2c30757 100644
--- a/samples/grids/grid-lite/overview/App.razor
+++ b/samples/grids/grid-lite/overview/App.razor
@@ -5,86 +5,29 @@
 
 <div class="container">
 
-    @if (users != null && columns != null)
+    @if (users != null)
     {
         <IgbGridLite TItem="User" 
-                     Data="@users" 
-                     Columns="@columns"
-                     class="grid-lite-sample" />
+                     Data="@users"
+                     class="grid-lite-sample">
+            <IgbGridLiteColumn Field="@nameof(User.Avatar)" Header="Avatar" Width="100px" Hidden />
+            <IgbGridLiteColumn Field="@nameof(User.FirstName)" Header="First name" Sortable Filterable Resizable />
+            <IgbGridLiteColumn Field="@nameof(User.LastName)" Header="Last name" Sortable Filterable Resizable />
+            <IgbGridLiteColumn Field="@nameof(User.Email)" Header="Email Address" DataType="GridLiteColumnDataType.String" />
+            <IgbGridLiteColumn Field="@nameof(User.Priority)" Header="Priority" Width="150px" Sortable />
+            <IgbGridLiteColumn Field="@nameof(User.Satisfaction)" Header="Satisfaction rating" DataType="GridLiteColumnDataType.Number" Sortable Filterable Width="180px" />
+            <IgbGridLiteColumn Field="@nameof(User.RegisteredAt)" Header="Registered @@" DataType="GridLiteColumnDataType.Date" Sortable Width="180px" />
+            <IgbGridLiteColumn Field="@nameof(User.Active)" Header="Active" DataType="GridLiteColumnDataType.Boolean" Width="100px" />
+        </IgbGridLite>
     }
 </div>
 
 @code {
     private List<User> users;
-    private List<IgbColumnConfiguration> columns;
 
     protected override void OnInitialized()
     {
         // Generate 1000 users like in the original sample
         users = MockDataGenerator.CreateUsers(1000);
-
-        columns = new List<IgbColumnConfiguration>
-        {
-            new IgbColumnConfiguration
-            {
-                Key = nameof(User.Avatar),
-                HeaderText = "Avatar",
-                Width = "100px",
-                Hidden = true
-            },
-            new IgbColumnConfiguration
-            {
-                Key = nameof(User.FirstName),
-                HeaderText = "First name",
-                Sort = true,
-                Filter = true,
-                Resizable = true
-            },
-            new IgbColumnConfiguration
-            {
-                Key = nameof(User.LastName),
-                HeaderText = "Last name",
-                Sort = true,
-                Filter = true,
-                Resizable = true
-            },
-            new IgbColumnConfiguration
-            {
-                Key = nameof(User.Email),
-                HeaderText = "Email Address",
-                Type = GridLiteColumnDataType.String
-            },
-            new IgbColumnConfiguration
-            {
-                Key = nameof(User.Priority),
-                HeaderText = "Priority",
-                Width = "150px",
-                Sort = true
-            },
-            new IgbColumnConfiguration
-            {
-                Key = nameof(User.Satisfaction),
-                HeaderText = "Satisfaction rating",
-                Type = GridLiteColumnDataType.Number,
-                Sort = true,
-                Filter = true,
-                Width = "180px"
-            },
-            new IgbColumnConfiguration
-            {
-                Key = nameof(User.RegisteredAt),
-                HeaderText = "Registered @",
-                Type = GridLiteColumnDataType.Date,
-                Sort = true,
-                Width = "180px"
-            },
-            new IgbColumnConfiguration
-            {
-                Key = nameof(User.Active),
-                Type = GridLiteColumnDataType.Boolean,
-                HeaderText = "Active",
-                Width = "100px"
-            }
-        };
     }
 }
diff --git a/samples/grids/grid-lite/overview/BlazorClientApp.csproj b/samples/grids/grid-lite/overview/BlazorClientApp.csproj
index 527fc7b36..fc1bfa2f7 100644
--- a/samples/grids/grid-lite/overview/BlazorClientApp.csproj
+++ b/samples/grids/grid-lite/overview/BlazorClientApp.csproj
@@ -12,7 +12,7 @@
   </PropertyGroup>
 
   <ItemGroup>
-    <PackageReference Include="IgniteUI.Blazor.GridLite" Version="0.0.1" />
+    <PackageReference Include="IgniteUI.Blazor.GridLite" Version="0.7.1" />
     <PackageReference Include="Microsoft.AspNetCore.Components" Version="10.0.1" />
     <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="10.0.1" />
     <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.DevServer" Version="10.0.1" />
diff --git a/samples/grids/grid-lite/sort-config-events/App.razor b/samples/grids/grid-lite/sort-config-events/App.razor
index 85cd9f691..f775b446e 100644
--- a/samples/grids/grid-lite/sort-config-events/App.razor
+++ b/samples/grids/grid-lite/sort-config-events/App.razor
@@ -5,14 +5,19 @@
 
 <div class="container">
 
-    @if (products != null && columns != null)
+    @if (products != null)
     {
         <IgbGridLite TItem="ProductInfo" 
-                     Data="@products" 
-                     Columns="@columns"
+                     Data="@products"
                      Sorting="@HandleSorting"
                      Sorted="@HandleSorted"
-                     class="grid-lite-sample" />
+                     class="grid-lite-sample">
+            <IgbGridLiteColumn Field="@nameof(ProductInfo.Name)" Header="Product Name" DataType="GridLiteColumnDataType.String" Sortable />
+            <IgbGridLiteColumn Field="@nameof(ProductInfo.Price)" Header="Price" DataType="GridLiteColumnDataType.Number" Width="150px" Sortable />
+            <IgbGridLiteColumn Field="@nameof(ProductInfo.Sold)" Header="Units sold" DataType="GridLiteColumnDataType.Number" Width="150px" Sortable />
+            <IgbGridLiteColumn Field="@nameof(ProductInfo.Total)" Header="Total sold" DataType="GridLiteColumnDataType.Number" Width="150px" Sortable />
+            <IgbGridLiteColumn Field="@nameof(ProductInfo.Rating)" Header="Customer rating" DataType="GridLiteColumnDataType.Number" Width="180px" Sortable />
+        </IgbGridLite>
     }
 
     <div class="event-log">
@@ -28,55 +33,11 @@
 
 @code {
     private List<ProductInfo> products;
-    private List<IgbColumnConfiguration> columns;
     private List<string> eventLogs = new List<string>();
 
     protected override void OnInitialized()
     {
         products = MockDataGenerator.CreateProducts(50);
-
-        columns = new List<IgbColumnConfiguration>
-        {
-            new IgbColumnConfiguration
-            {
-                Key = nameof(ProductInfo.Name),
-                HeaderText = "Product Name",
-                Type = GridLiteColumnDataType.String,
-                Sort = true
-            },
-            new IgbColumnConfiguration
-            {
-                Key = nameof(ProductInfo.Price),
-                HeaderText = "Price",
-                Type = GridLiteColumnDataType.Number,
-                Width = "150px",
-                Sort = true
-            },
-            new IgbColumnConfiguration
-            {
-                Key = nameof(ProductInfo.Sold),
-                HeaderText = "Units sold",
-                Type = GridLiteColumnDataType.Number,
-                Width = "150px",
-                Sort = true
-            },
-            new IgbColumnConfiguration
-            {
-                Key = nameof(ProductInfo.Total),
-                HeaderText = "Total sold",
-                Type = GridLiteColumnDataType.Number,
-                Width = "150px",
-                Sort = true
-            },
-            new IgbColumnConfiguration
-            {
-                Key = nameof(ProductInfo.Rating),
-                HeaderText = "Customer rating",
-                Type = GridLiteColumnDataType.Number,
-                Width = "180px",
-                Sort = true
-            }
-        };
     }
 
     private void HandleSorting(IgbGridLiteSortingEventArgs e)
diff --git a/samples/grids/grid-lite/sort-config-events/BlazorClientApp.csproj b/samples/grids/grid-lite/sort-config-events/BlazorClientApp.csproj
index 527fc7b36..fc1bfa2f7 100644
--- a/samples/grids/grid-lite/sort-config-events/BlazorClientApp.csproj
+++ b/samples/grids/grid-lite/sort-config-events/BlazorClientApp.csproj
@@ -12,7 +12,7 @@
   </PropertyGroup>
 
   <ItemGroup>
-    <PackageReference Include="IgniteUI.Blazor.GridLite" Version="0.0.1" />
+    <PackageReference Include="IgniteUI.Blazor.GridLite" Version="0.7.1" />
     <PackageReference Include="Microsoft.AspNetCore.Components" Version="10.0.1" />
     <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="10.0.1" />
     <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.DevServer" Version="10.0.1" />
diff --git a/samples/grids/grid-lite/sort-config-grid/App.razor b/samples/grids/grid-lite/sort-config-grid/App.razor
index 2e04a2472..41196625a 100644
--- a/samples/grids/grid-lite/sort-config-grid/App.razor
+++ b/samples/grids/grid-lite/sort-config-grid/App.razor
@@ -8,92 +8,43 @@
     <div class="switch-container">
         <IgbSwitch Checked Change="@MultiSortChanged">Enable multi-sort
         </IgbSwitch>
-        <IgbSwitch Checked Change="@TriStateChanged">Enable tri-state sorting
-        </IgbSwitch>
     </div>
 
-    @if (products != null && columns != null)
+    @if (products != null)
     {
-        <IgbGridLite TItem="ProductInfo" Data="@products" Columns="@columns" SortConfiguration="@sortConfig"
-            class="grid-lite-sample" />
+        <IgbGridLite @ref="grid" Data="@products" SortingOptions="@sortingOptions"
+            class="grid-lite-sample">
+            <IgbGridLiteColumn Field="@nameof(ProductInfo.Name)" Header="Product Name" DataType="GridLiteColumnDataType.String" Sortable />
+            <IgbGridLiteColumn Field="@nameof(ProductInfo.Price)" Header="Price" DataType="GridLiteColumnDataType.Number" Width="150px" Sortable />
+            <IgbGridLiteColumn Field="@nameof(ProductInfo.Sold)" Header="Units sold" DataType="GridLiteColumnDataType.Number" Width="150px" Sortable />
+            <IgbGridLiteColumn Field="@nameof(ProductInfo.Total)" Header="Total sold" DataType="GridLiteColumnDataType.Number" Width="150px" Sortable />
+            <IgbGridLiteColumn Field="@nameof(ProductInfo.Rating)" Header="Customer rating" DataType="GridLiteColumnDataType.Number" Width="180px" Sortable />
+        </IgbGridLite>
     }
 </div>
 
 @code {
     private List<ProductInfo> products;
-    private List<IgbColumnConfiguration> columns;
-    private IgbGridLiteSortConfiguration sortConfig;
+    private IgbGridLite<ProductInfo> grid;
+    private IgbGridLiteSortingOptions sortingOptions;
 
     protected override void OnInitialized()
     {
         products = MockDataGenerator.CreateProducts(50);
 
         // Grid-level sort configuration
-        sortConfig = new IgbGridLiteSortConfiguration
+        sortingOptions = new IgbGridLiteSortingOptions
         {
-            Multiple = true, // Enable multi-column sorting
-            TriState = true // Enable tri-state sorting (asc -> desc -> none)
+            Mode = GridLiteSortingMode.Multiple // Enable multi-column sorting
         };
-
-        columns = new List<IgbColumnConfiguration>
-{
-new IgbColumnConfiguration
-{
-Key = nameof(ProductInfo.Name),
-HeaderText = "Product Name",
-Type = GridLiteColumnDataType.String,
-Sort = true
-},
-new IgbColumnConfiguration
-{
-Key = nameof(ProductInfo.Price),
-HeaderText = "Price",
-Type = GridLiteColumnDataType.Number,
-Width = "150px",
-Sort = true
-},
-new IgbColumnConfiguration
-{
-Key = nameof(ProductInfo.Sold),
-HeaderText = "Units sold",
-Type = GridLiteColumnDataType.Number,
-Width = "150px",
-Sort = true
-},
-new IgbColumnConfiguration
-{
-Key = nameof(ProductInfo.Total),
-HeaderText = "Total sold",
-Type = GridLiteColumnDataType.Number,
-Width = "150px",
-Sort = true
-},
-new IgbColumnConfiguration
-{
-Key = nameof(ProductInfo.Rating),
-HeaderText = "Customer rating",
-Type = GridLiteColumnDataType.Number,
-Width = "180px",
-Sort = true
-}
-};
     }
 
     private void MultiSortChanged(IgbCheckboxChangeEventArgs e)
     {
-        sortConfig = new IgbGridLiteSortConfiguration
-        {
-            Multiple = e.Detail.Checked,
-            TriState = sortConfig.TriState
-        };
-    }
-
-    private void TriStateChanged(IgbCheckboxChangeEventArgs e)
-    {
-        sortConfig = new IgbGridLiteSortConfiguration
+        sortingOptions = new IgbGridLiteSortingOptions
         {
-            Multiple = sortConfig.Multiple,
-            TriState = e.Detail.Checked
+            Mode = e.Detail.Checked ? GridLiteSortingMode.Multiple : GridLiteSortingMode.Single
         };
+        grid?.ClearSortAsync(); // Clear existing sorting when changing mode
     }
 }
\ No newline at end of file
diff --git a/samples/grids/grid-lite/sort-config-grid/BlazorClientApp.csproj b/samples/grids/grid-lite/sort-config-grid/BlazorClientApp.csproj
index d3edb0811..1ceadb436 100644
--- a/samples/grids/grid-lite/sort-config-grid/BlazorClientApp.csproj
+++ b/samples/grids/grid-lite/sort-config-grid/BlazorClientApp.csproj
@@ -12,7 +12,7 @@
   </PropertyGroup>
 
   <ItemGroup>
-    <PackageReference Include="IgniteUI.Blazor.GridLite" Version="0.0.1" />
+    <PackageReference Include="IgniteUI.Blazor.GridLite" Version="0.7.1" />
     <PackageReference Include="IgniteUI.Blazor.Lite" Version="1.0.4" />
     <PackageReference Include="Microsoft.AspNetCore.Components" Version="10.0.1" />
     <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="10.0.1" />
diff --git a/samples/grids/grid-lite/sort-config-sample/App.razor b/samples/grids/grid-lite/sort-config-sample/App.razor
index a419adeeb..1ac0af181 100644
--- a/samples/grids/grid-lite/sort-config-sample/App.razor
+++ b/samples/grids/grid-lite/sort-config-sample/App.razor
@@ -5,65 +5,26 @@
 
 <div class="container">
 
-    @if (products != null && columns != null)
+    @if (products != null)
     {
         <IgbGridLite TItem="ProductInfo" 
-                     Data="@products" 
-                     Columns="@columns"
-                     class="grid-lite-sample" />
+                     Data="@products"
+                     class="grid-lite-sample">
+            <IgbGridLiteColumn Field="@nameof(ProductInfo.Name)" Header="Product Name" DataType="GridLiteColumnDataType.String" Sortable />
+            <IgbGridLiteColumn Field="@nameof(ProductInfo.Price)" Header="Price" DataType="GridLiteColumnDataType.Number" Width="150px" Sortable />
+            <IgbGridLiteColumn Field="@nameof(ProductInfo.Sold)" Header="Units sold" DataType="GridLiteColumnDataType.Number" Width="150px" Sortable />
+            <IgbGridLiteColumn Field="@nameof(ProductInfo.Total)" Header="Total sold" DataType="GridLiteColumnDataType.Number" Width="150px" Sortable />
+            <IgbGridLiteColumn Field="@nameof(ProductInfo.Rating)" Header="Customer rating" DataType="GridLiteColumnDataType.Number" Width="180px" Sortable />
+        </IgbGridLite>
     }
 </div>
 
 @code {
     private List<ProductInfo> products;
-    private List<IgbColumnConfiguration> columns;
 
     protected override void OnInitialized()
     {
         // Generate 50 products
         products = MockDataGenerator.CreateProducts(50);
-
-        columns = new List<IgbColumnConfiguration>
-        {
-            new IgbColumnConfiguration
-            {
-                Key = nameof(ProductInfo.Name),
-                HeaderText = "Product Name",
-                Type = GridLiteColumnDataType.String,
-                Sort = true
-            },
-            new IgbColumnConfiguration
-            {
-                Key = nameof(ProductInfo.Price),
-                HeaderText = "Price",
-                Type = GridLiteColumnDataType.Number,
-                Width = "150px",
-                Sort = true
-            },
-            new IgbColumnConfiguration
-            {
-                Key = nameof(ProductInfo.Sold),
-                HeaderText = "Units sold",
-                Type = GridLiteColumnDataType.Number,
-                Width = "150px",
-                Sort = true
-            },
-            new IgbColumnConfiguration
-            {
-                Key = nameof(ProductInfo.Total),
-                HeaderText = "Total sold",
-                Type = GridLiteColumnDataType.Number,
-                Width = "150px",
-                Sort = true
-            },
-            new IgbColumnConfiguration
-            {
-                Key = nameof(ProductInfo.Rating),
-                HeaderText = "Customer rating",
-                Type = GridLiteColumnDataType.Number,
-                Width = "180px",
-                Sort = true
-            }
-        };
     }
 }
diff --git a/samples/grids/grid-lite/sort-config-sample/BlazorClientApp.csproj b/samples/grids/grid-lite/sort-config-sample/BlazorClientApp.csproj
index 527fc7b36..fc1bfa2f7 100644
--- a/samples/grids/grid-lite/sort-config-sample/BlazorClientApp.csproj
+++ b/samples/grids/grid-lite/sort-config-sample/BlazorClientApp.csproj
@@ -12,7 +12,7 @@
   </PropertyGroup>
 
   <ItemGroup>
-    <PackageReference Include="IgniteUI.Blazor.GridLite" Version="0.0.1" />
+    <PackageReference Include="IgniteUI.Blazor.GridLite" Version="0.7.1" />
     <PackageReference Include="Microsoft.AspNetCore.Components" Version="10.0.1" />
     <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="10.0.1" />
     <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.DevServer" Version="10.0.1" />
diff --git a/samples/grids/grid-lite/styling-config-themes/App.razor b/samples/grids/grid-lite/styling-config-themes/App.razor
index 56229bac3..8ac278e2e 100644
--- a/samples/grids/grid-lite/styling-config-themes/App.razor
+++ b/samples/grids/grid-lite/styling-config-themes/App.razor
@@ -21,66 +21,27 @@
         </select>
     </div>
 
-    @if (products != null && columns != null)
+    @if (products != null)
     {
         <IgbGridLite TItem="ProductInfo" 
-                     Data="@products" 
-                     Columns="@columns"
-                     class="grid-lite-sample" />
+                     Data="@products"
+                     class="grid-lite-sample">
+            <IgbGridLiteColumn Field="@nameof(ProductInfo.Name)" Header="Product Name" DataType="GridLiteColumnDataType.String" Sortable />
+            <IgbGridLiteColumn Field="@nameof(ProductInfo.Price)" Header="Price" DataType="GridLiteColumnDataType.Number" Width="150px" Sortable />
+            <IgbGridLiteColumn Field="@nameof(ProductInfo.Sold)" Header="Units sold" DataType="GridLiteColumnDataType.Number" Width="150px" Sortable />
+            <IgbGridLiteColumn Field="@nameof(ProductInfo.Total)" Header="Total sold" DataType="GridLiteColumnDataType.Number" Width="150px" Sortable />
+            <IgbGridLiteColumn Field="@nameof(ProductInfo.Rating)" Header="Customer rating" DataType="GridLiteColumnDataType.Number" Width="180px" Sortable />
+        </IgbGridLite>
     }
 </div>
 
 @code {
     private List<ProductInfo> products;
-    private List<IgbColumnConfiguration> columns;
     private string currentTheme = "_content/IgniteUI.Blazor.GridLite/css/themes/light/bootstrap.css";
 
     protected override void OnInitialized()
     {
         products = MockDataGenerator.CreateProducts(50);
-
-        columns = new List<IgbColumnConfiguration>
-        {
-            new IgbColumnConfiguration
-            {
-                Key = nameof(ProductInfo.Name),
-                HeaderText = "Product Name",
-                Type = GridLiteColumnDataType.String,
-                Sort = true
-            },
-            new IgbColumnConfiguration
-            {
-                Key = nameof(ProductInfo.Price),
-                HeaderText = "Price",
-                Type = GridLiteColumnDataType.Number,
-                Width = "150px",
-                Sort = true
-            },
-            new IgbColumnConfiguration
-            {
-                Key = nameof(ProductInfo.Sold),
-                HeaderText = "Units sold",
-                Type = GridLiteColumnDataType.Number,
-                Width = "150px",
-                Sort = true
-            },
-            new IgbColumnConfiguration
-            {
-                Key = nameof(ProductInfo.Total),
-                HeaderText = "Total sold",
-                Type = GridLiteColumnDataType.Number,
-                Width = "150px",
-                Sort = true
-            },
-            new IgbColumnConfiguration
-            {
-                Key = nameof(ProductInfo.Rating),
-                HeaderText = "Customer rating",
-                Type = GridLiteColumnDataType.Number,
-                Width = "180px",
-                Sort = true
-            }
-        };
     }
 
     private void ChangeTheme(ChangeEventArgs e)
diff --git a/samples/grids/grid-lite/styling-config-themes/BlazorClientApp.csproj b/samples/grids/grid-lite/styling-config-themes/BlazorClientApp.csproj
index 527fc7b36..fc1bfa2f7 100644
--- a/samples/grids/grid-lite/styling-config-themes/BlazorClientApp.csproj
+++ b/samples/grids/grid-lite/styling-config-themes/BlazorClientApp.csproj
@@ -12,7 +12,7 @@
   </PropertyGroup>
 
   <ItemGroup>
-    <PackageReference Include="IgniteUI.Blazor.GridLite" Version="0.0.1" />
+    <PackageReference Include="IgniteUI.Blazor.GridLite" Version="0.7.1" />
     <PackageReference Include="Microsoft.AspNetCore.Components" Version="10.0.1" />
     <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="10.0.1" />
     <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.DevServer" Version="10.0.1" />
diff --git a/samples/grids/grid-lite/styling-custom-theme/App.razor b/samples/grids/grid-lite/styling-custom-theme/App.razor
index a419adeeb..1ac0af181 100644
--- a/samples/grids/grid-lite/styling-custom-theme/App.razor
+++ b/samples/grids/grid-lite/styling-custom-theme/App.razor
@@ -5,65 +5,26 @@
 
 <div class="container">
 
-    @if (products != null && columns != null)
+    @if (products != null)
     {
         <IgbGridLite TItem="ProductInfo" 
-                     Data="@products" 
-                     Columns="@columns"
-                     class="grid-lite-sample" />
+                     Data="@products"
+                     class="grid-lite-sample">
+            <IgbGridLiteColumn Field="@nameof(ProductInfo.Name)" Header="Product Name" DataType="GridLiteColumnDataType.String" Sortable />
+            <IgbGridLiteColumn Field="@nameof(ProductInfo.Price)" Header="Price" DataType="GridLiteColumnDataType.Number" Width="150px" Sortable />
+            <IgbGridLiteColumn Field="@nameof(ProductInfo.Sold)" Header="Units sold" DataType="GridLiteColumnDataType.Number" Width="150px" Sortable />
+            <IgbGridLiteColumn Field="@nameof(ProductInfo.Total)" Header="Total sold" DataType="GridLiteColumnDataType.Number" Width="150px" Sortable />
+            <IgbGridLiteColumn Field="@nameof(ProductInfo.Rating)" Header="Customer rating" DataType="GridLiteColumnDataType.Number" Width="180px" Sortable />
+        </IgbGridLite>
     }
 </div>
 
 @code {
     private List<ProductInfo> products;
-    private List<IgbColumnConfiguration> columns;
 
     protected override void OnInitialized()
     {
         // Generate 50 products
         products = MockDataGenerator.CreateProducts(50);
-
-        columns = new List<IgbColumnConfiguration>
-        {
-            new IgbColumnConfiguration
-            {
-                Key = nameof(ProductInfo.Name),
-                HeaderText = "Product Name",
-                Type = GridLiteColumnDataType.String,
-                Sort = true
-            },
-            new IgbColumnConfiguration
-            {
-                Key = nameof(ProductInfo.Price),
-                HeaderText = "Price",
-                Type = GridLiteColumnDataType.Number,
-                Width = "150px",
-                Sort = true
-            },
-            new IgbColumnConfiguration
-            {
-                Key = nameof(ProductInfo.Sold),
-                HeaderText = "Units sold",
-                Type = GridLiteColumnDataType.Number,
-                Width = "150px",
-                Sort = true
-            },
-            new IgbColumnConfiguration
-            {
-                Key = nameof(ProductInfo.Total),
-                HeaderText = "Total sold",
-                Type = GridLiteColumnDataType.Number,
-                Width = "150px",
-                Sort = true
-            },
-            new IgbColumnConfiguration
-            {
-                Key = nameof(ProductInfo.Rating),
-                HeaderText = "Customer rating",
-                Type = GridLiteColumnDataType.Number,
-                Width = "180px",
-                Sort = true
-            }
-        };
     }
 }
diff --git a/samples/grids/grid-lite/styling-custom-theme/BlazorClientApp.csproj b/samples/grids/grid-lite/styling-custom-theme/BlazorClientApp.csproj
index 527fc7b36..fc1bfa2f7 100644
--- a/samples/grids/grid-lite/styling-custom-theme/BlazorClientApp.csproj
+++ b/samples/grids/grid-lite/styling-custom-theme/BlazorClientApp.csproj
@@ -12,7 +12,7 @@
   </PropertyGroup>
 
   <ItemGroup>
-    <PackageReference Include="IgniteUI.Blazor.GridLite" Version="0.0.1" />
+    <PackageReference Include="IgniteUI.Blazor.GridLite" Version="0.7.1" />
     <PackageReference Include="Microsoft.AspNetCore.Components" Version="10.0.1" />
     <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="10.0.1" />
     <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.DevServer" Version="10.0.1" />