doc: 更新示例

Author: ArgoZhang

src/BootstrapBlazor.Server/Components/Samples/SortableLists.razor

@@ -186,8 +186,8 @@
 <DemoBlock Title="@Localizer["SortableListTableTitle"]"
            Introduction="@Localizer["SortableListTableIntro"]"
            Name="Table">
-    <SortableList Option="_optionTable">
-        <Table TItem="Foo" Items="@Items.Take(3)" IsStriped="true">
+    <SortableList Option="_optionTable" OnUpdate="OnUpdateTable">
+        <Table TItem="Foo" Items="@Items" IsStriped="true" ShowLineNo="true">
             <TableColumns>
                 <TableColumn @bind-Field="@context.DateTime" Width="180" />
                 <TableColumn @bind-Field="@context.Name" />

src/BootstrapBlazor.Server/Components/Samples/SortableLists.razor.cs

@@ -136,6 +136,16 @@ protected override void OnInitialized()
         AddItems3 = Foo.GenerateFoo(FooLocalizer, 12).Skip(8).ToList();
     }
 
+    private Task OnUpdateTable(SortableEvent @event)
+    {
+        var oldItem = Items[@event.OldIndex];
+        Items.Remove(oldItem);
+        Items.Insert(@event.NewIndex, oldItem);
+
+        StateHasChanged();
+        return Task.CompletedTask;
+    }
+
     private Task OnUpdate(SortableEvent @event)
     {
         var oldIndex = @event.OldIndex;