diff --git a/BlazorApp/BlazorApp/BlazorApp.csproj b/BlazorApp/BlazorApp/BlazorApp.csproj
index 1bb76d0..0b32f52 100644
--- a/BlazorApp/BlazorApp/BlazorApp.csproj
+++ b/BlazorApp/BlazorApp/BlazorApp.csproj
@@ -7,12 +7,13 @@
   </PropertyGroup>
 
   <ItemGroup>
-    <PackageReference Include="Blazorise.Bootstrap" Version="1.1.3.1" />
-    <PackageReference Include="Blazorise.DataGrid" Version="1.1.3.1" />
-    <PackageReference Include="Blazorise.Icons.FontAwesome" Version="1.1.3.1" />
+    <PackageReference Include="Blazorise.Bootstrap" Version="1.1.4.1" />
+    <PackageReference Include="Blazorise.DataGrid" Version="1.1.4.1" />
+    <PackageReference Include="Blazorise.Icons.FontAwesome" Version="1.1.4.1" />
     <PackageReference Include="Blazored.LocalStorage" Version="4.3.0" />
     <PackageReference Include="Blazored.Modal" Version="7.1.0" />
     <PackageReference Include="Microsoft.Extensions.Localization" Version="7.0.0" />
+    <PackageReference Include="Microsoft.Extensions.Logging.Configuration" Version="7.0.0" />
   </ItemGroup>
 
   <ItemGroup>
@@ -25,6 +26,9 @@
     <None Remove="Controllers\" />
     <None Remove="Resources\" />
     <None Remove="Components\" />
+    <None Remove="Microsoft.Extensions.Logging.Configuration" />
+    <None Remove="DevExpress.Blazor.ProjectTemplates" />
+    <None Remove="DevExpress.Data" />
   </ItemGroup>
   <ItemGroup>
     <Folder Include="Services\" />
diff --git a/BlazorApp/BlazorApp/Components/InventoryComp.razor b/BlazorApp/BlazorApp/Components/InventoryComp.razor
index ab7078a..31d5a00 100644
--- a/BlazorApp/BlazorApp/Components/InventoryComp.razor
+++ b/BlazorApp/BlazorApp/Components/InventoryComp.razor
@@ -50,8 +50,8 @@
                       TotalItems="@totalItem"
                       PageSize="10"
                       ShowPager
-                      
                       Sortable="true">
+
                 <Button type="submit" @onclick="() => SortByName()">SORT</Button>
                
                 <DataGridColumn TItem="Item" Field="@nameof(Item.Id)">
diff --git a/BlazorApp/BlazorApp/Components/InventoryComp.razor.cs b/BlazorApp/BlazorApp/Components/InventoryComp.razor.cs
index 6ca14eb..52aa4e4 100644
--- a/BlazorApp/BlazorApp/Components/InventoryComp.razor.cs
+++ b/BlazorApp/BlazorApp/Components/InventoryComp.razor.cs
@@ -26,6 +26,8 @@ namespace BlazorApp.Components
 
         private int totalItem;
 
+        public bool IsSorted { get; set; }
+
         public InventoryComp()
         {
             this.InventoryItems = new List<Item> { };
@@ -42,16 +44,28 @@ namespace BlazorApp.Components
                 return;
             }
 
-            if (!e.CancellationToken.IsCancellationRequested)
+            if (!e.CancellationToken.IsCancellationRequested && IsSorted ==false)
             {
                 Items = await DataService.List(e.Page, e.PageSize);
                 totalItem = await DataService.Count();
-        }
+            }
+            else
+            {
+                Items = await DataService.SortedList(e.Page, e.PageSize);
+            }
+
         }
 
         private async Task SortByName()
         {
-            Items = await DataService.SortedList();
+            if (IsSorted)
+            {
+                IsSorted = false;
+            }
+            else
+            {
+                IsSorted = true;
+            }
         }
 
         void refresh()
diff --git a/BlazorApp/BlazorApp/Services/DataApiService.cs b/BlazorApp/BlazorApp/Services/DataApiService.cs
index 035adb2..407996c 100644
--- a/BlazorApp/BlazorApp/Services/DataApiService.cs
+++ b/BlazorApp/BlazorApp/Services/DataApiService.cs
@@ -57,10 +57,9 @@ namespace BlazorApp.Services
             return await _http.GetFromJsonAsync<List<CraftingRecipe>>("https://localhost:7234/api/Crafting/recipe");
         }
 
-        public async Task<List<Item>> SortedList()
+        public async Task<List<Item>> SortedList(int currentPage, int pageSize)
         {
-            List<Item> it = await _http.GetFromJsonAsync<List<Item>>($"https://localhost:7234/api/Crafting/all/");
-            return it.OrderBy(i => i.DisplayName).ToList();
+            return await _http.GetFromJsonAsync<List<Item>>($"https://localhost:7234/api/Crafting/?currentPage={currentPage}&pageSize={pageSize}");
 
         }
         
diff --git a/BlazorApp/BlazorApp/Services/DataLocalService.cs b/BlazorApp/BlazorApp/Services/DataLocalService.cs
index 3b13a80..d599597 100644
--- a/BlazorApp/BlazorApp/Services/DataLocalService.cs
+++ b/BlazorApp/BlazorApp/Services/DataLocalService.cs
@@ -185,7 +185,7 @@ namespace BlazorApp.Services
             return Task.FromResult(items);
         }
 
-        public Task<List<Item>> SortedList()
+        public Task<List<Item>> SortedList(int currentPage, int pageSize)
         {
             throw new NotImplementedException();
         }
diff --git a/BlazorApp/BlazorApp/Services/IDataService.cs b/BlazorApp/BlazorApp/Services/IDataService.cs
index a39928c..12d2cdb 100644
--- a/BlazorApp/BlazorApp/Services/IDataService.cs
+++ b/BlazorApp/BlazorApp/Services/IDataService.cs
@@ -14,7 +14,7 @@ namespace BlazorApp.Services
         Task Update(int id, ItemModel itemModel);
         Task Delete(int id);
         Task<List<CraftingRecipe>> GetRecipes();
-        Task<List<Item>> SortedList();
+        Task<List<Item>> SortedList(int currentPage, int pageSize);
     }
 }
 
diff --git a/BlazorApp/Minecraft.Crafting.Api/Controllers/CraftingController.cs b/BlazorApp/Minecraft.Crafting.Api/Controllers/CraftingController.cs
index 11bb5fa..a916f63 100644
--- a/BlazorApp/Minecraft.Crafting.Api/Controllers/CraftingController.cs
+++ b/BlazorApp/Minecraft.Crafting.Api/Controllers/CraftingController.cs
@@ -214,6 +214,27 @@ namespace Minecraft.Crafting.Api.Controllers
             return Task.FromResult(data.Skip((currentPage - 1) * pageSize).Take(pageSize).ToList());
         }
 
+        /// <summary>
+        /// Get the sorted items with pagination.
+        /// </summary>
+        /// <param name="currentPage">The current page.</param>
+        /// <param name="pageSize">Size of the page.</param>
+        /// <returns>The sorted items.</returns>
+        [HttpGet]
+        [Route("")]
+        public Task<List<Item>> SortedList(int currentPage, int pageSize)
+        {
+            var data = JsonSerializer.Deserialize<List<Item>>(System.IO.File.ReadAllText("Data/items.json"), _jsonSerializerOptions);
+
+            if (data == null)
+            {
+                throw new Exception("Unable to get the items.");
+            }
+
+            var sorted = data.OrderBy(i => i.DisplayName);
+            return Task.FromResult(data.Skip((currentPage - 1) * pageSize).Take(pageSize).ToList());
+        }
+
         /// <summary>
         /// Resets the items.
         /// </summary>