From 0e243205d1928b1f4c42d1fb3086f0aaab7a4215 Mon Sep 17 00:00:00 2001
From: Argo-Tianyi <argo@163.com>
Date: Thu, 28 Oct 2021 11:40:47 +0800
Subject: [PATCH 1/2] =?UTF-8?q?feat:=20Table=20=E8=99=9A=E6=8B=9F=E6=BB=9A?=
 =?UTF-8?q?=E5=8A=A8=E7=A7=BB=E9=99=A4=E9=AB=98=E5=BA=A6=E9=BB=98=E8=AE=A4?=
 =?UTF-8?q?=E5=80=BC=E5=A2=9E=E5=8A=A0=E5=BC=BA=E5=88=B6=E6=B8=B2=E6=9F=93?=
 =?UTF-8?q?=E4=B8=BA=20Table?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/BootstrapBlazor/Components/Table/Table.razor.cs | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/BootstrapBlazor/Components/Table/Table.razor.cs b/src/BootstrapBlazor/Components/Table/Table.razor.cs
index ec99de431..ab12bbe33 100644
--- a/src/BootstrapBlazor/Components/Table/Table.razor.cs
+++ b/src/BootstrapBlazor/Components/Table/Table.razor.cs
@@ -710,7 +710,7 @@ namespace BootstrapBlazor.Components
             if (ScrollMode == ScrollMode.Virtual)
             {
                 IsFixedHeader = true;
-                Height ??= 400;
+                RenderMode = TableRenderMode.Table;
             }
 
             RowItemsCache = null;
-- 
Gitee


From e6ed2ea391accba7656f124a4ee0d6ab1d20b0b8 Mon Sep 17 00:00:00 2001
From: Argo-Tianyi <argo@163.com>
Date: Thu, 28 Oct 2021 11:41:04 +0800
Subject: [PATCH 2/2] =?UTF-8?q?doc:=20=E6=9B=B4=E6=96=B0=E8=99=9A=E6=8B=9F?=
 =?UTF-8?q?=E6=BB=9A=E5=8A=A8=E7=A4=BA=E4=BE=8B=E5=A2=9E=E5=8A=A0=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Pages/Samples/Table/TablesVirtualization.razor |  4 ++--
 src/BootstrapBlazor.Shared/wwwroot/css/site.css    | 14 ++++++++++++++
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/src/BootstrapBlazor.Shared/Pages/Samples/Table/TablesVirtualization.razor b/src/BootstrapBlazor.Shared/Pages/Samples/Table/TablesVirtualization.razor
index 53446f928..22e3c2845 100644
--- a/src/BootstrapBlazor.Shared/Pages/Samples/Table/TablesVirtualization.razor
+++ b/src/BootstrapBlazor.Shared/Pages/Samples/Table/TablesVirtualization.razor
@@ -7,7 +7,7 @@
 
 <Block Title="正常使用" Introduction="无需分页滚动数据时后台按需加载">
     <p>需要设置 <code>ScrollMode</code> <code>Height</code> <code>RowHeight</code> <code>PageItems</code> 参数对虚拟滚动进行设置</p>
-    <div class="table-wrap-header-demo">
+    <div class="table-virtualize-demo">
         <Table TItem="Foo" IsBordered="true" IsStriped="true" Items="Items" ScrollMode="ScrollMode.Virtual">
             <TableColumns>
                 <TableColumn @bind-Field="@context.DateTime" Width="180" />
@@ -23,7 +23,7 @@
 
 <Block Title="动态获取数据" Introduction="无需分页滚动数据时后台按需加载">
     <p>快速滚动时显示行占位，提升用户体验</p>
-    <div class="table-wrap-header-demo">
+    <div class="table-virtualize-demo">
         <Table TItem="Foo" IsBordered="true" IsStriped="true" ScrollMode="ScrollMode.Virtual" OnQueryAsync="OnQueryAsync">
             <TableColumns>
                 <TableColumn @bind-Field="@context.DateTime" Width="180" />
diff --git a/src/BootstrapBlazor.Shared/wwwroot/css/site.css b/src/BootstrapBlazor.Shared/wwwroot/css/site.css
index 432d24283..85eac0cf5 100644
--- a/src/BootstrapBlazor.Shared/wwwroot/css/site.css
+++ b/src/BootstrapBlazor.Shared/wwwroot/css/site.css
@@ -1187,6 +1187,20 @@ section {
     text-overflow: ellipsis;
 }
 
+.table-virtualize-demo {
+    height: 400px;
+}
+
+    .table-virtualize-demo .table-cell {
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+    }
+
+    .table-virtualize-demo .table-fixed-body {
+        overflow-x: hidden !important;
+    }
+
 .install-prompt {
     position: fixed;
     bottom: 0.5rem;
-- 
Gitee