diff --git a/src/BootstrapBlazor.Shared/Pages/Samples/Table/TablesEdit.razor b/src/BootstrapBlazor.Shared/Pages/Samples/Table/TablesEdit.razor
index 666a07fa1ea8bdf5231fb457a68adeccc6269ad0..825841e8d0b5c756f54389fc892ce2ab772ab27a 100644
--- a/src/BootstrapBlazor.Shared/Pages/Samples/Table/TablesEdit.razor
+++ b/src/BootstrapBlazor.Shared/Pages/Samples/Table/TablesEdit.razor
@@ -143,3 +143,19 @@
         </TableColumns>
     </Table>
 </Block>
+
+<Block Title="使用自定义数据服务" Introduction="通过设置表格的 <code>DataService</code> 属性，使用独立的数据服务进行对数据的增删改查">
+    <p>
+        <b>自定义数据服务</b>
+        <div class="mt-1">开启使用注入数据服务后，可通过设置 <code>DataServices</code> 参数对组件进行单独设置，如未设置内部使用注入服务提供的实例</div>
+    </p>
+    <Pre class="no-highlight mt-3">services.AddTableDemoDataService();</Pre>
+    <Table TItem="Foo"
+           IsPagination="true" PageItemsSource="@PageItemsSource" DataService="@CustomerDataService"
+           IsStriped="true" IsBordered="true" IsMultipleSelect="true" AutoGenerateColumns="true"
+           ShowToolbar="true" ShowExtendButtons="true" ShowSkeleton="true" UseInjectDataService="true">
+        <TableColumns>
+            <TableColumn @bind-Field="@context.Hobby" Data="@Hobbys" />
+        </TableColumns>
+    </Table>
+</Block>
diff --git a/src/BootstrapBlazor.Shared/Pages/Samples/Table/TablesEdit.razor.cs b/src/BootstrapBlazor.Shared/Pages/Samples/Table/TablesEdit.razor.cs
index b99e64024422e39d599c3f652bdae31fccfaa76f..8faa04e493ccc0b18967776fe1aecb7de3c34360 100644
--- a/src/BootstrapBlazor.Shared/Pages/Samples/Table/TablesEdit.razor.cs
+++ b/src/BootstrapBlazor.Shared/Pages/Samples/Table/TablesEdit.razor.cs
@@ -5,6 +5,7 @@
 using BootstrapBlazor.Components;
 using BootstrapBlazor.Shared.Pages.Components;
 using Microsoft.AspNetCore.Components;
+using Microsoft.Extensions.DependencyInjection;
 using Microsoft.Extensions.Localization;
 using System;
 using System.Collections.Concurrent;
@@ -113,5 +114,13 @@ namespace BootstrapBlazor.Shared.Pages.Table
                 IsSearch = true
             });
         }
+
+        private IDataService<Foo> CustomerDataService { get; } = new FooDataService<Foo>();
+
+        private class FooDataService<TModel> : TableDemoDataService<TModel>
+            where TModel : class, new()
+        {
+
+        }
     }
 }