feat(Table): remove table-layout style when fix column (#7052)

* feat: 固定列时移除 table-layout 样式

* doc: 更新示例

* chore: bump version

* doc: 更新模板列示例

* chore: bump version 9.12.1-beta01

* refactor: 文档格式化

Author: ArgoZhang

src/BootstrapBlazor.Server/Components/Samples/Table/TablesEdit.razor

@@ -9,19 +9,19 @@
 <h4>@((MarkupString)Localizer["TablesEditDescription"].Value)</h4>
 
 <DemoBlock Title="@Localizer["TablesEditItemsTitle"]" Introduction="@Localizer["TablesEditItemsIntro"]" Name="EditItems">
-	<section ignore class="row form-inline g-3">
-		<div class="col-12">
-			<div>@((MarkupString)Localizer["TablesEditItemsDescription"].Value)</div>
-		</div>
-		<div class="col-12 col-sm-6">
-			<BootstrapInputGroup>
-				<BootstrapInputGroupLabel DisplayText="IsGroupExtendButtons"></BootstrapInputGroupLabel>
-				<Switch @bind-Value="_useGroup"></Switch>
-			</BootstrapInputGroup>
-		</div>
-	</section>
+    <section ignore class="row form-inline g-3">
+        <div class="col-12">
+            <div>@((MarkupString)Localizer["TablesEditItemsDescription"].Value)</div>
+        </div>
+        <div class="col-12 col-sm-6">
+            <BootstrapInputGroup>
+                <BootstrapInputGroupLabel DisplayText="IsGroupExtendButtons"></BootstrapInputGroupLabel>
+                <Switch @bind-Value="_useGroup"></Switch>
+            </BootstrapInputGroup>
+        </div>
+    </section>
     <Table TItem="Foo" @bind-Items="EditItems"
-		   IsStriped="true" IsBordered="true" IsMultipleSelect="true" IsGroupExtendButtons="_useGroup"
+           IsStriped="true" IsBordered="true" IsMultipleSelect="true" IsGroupExtendButtons="_useGroup"
            ShowToolbar="true" ShowExtendButtons="true" ShowSkeleton="true"
            OnAddAsync="@OnAddAsync">
         <TableColumns>
@@ -318,7 +318,7 @@
             <TableColumn @bind-Field="@context.Hobby" Items="@Hobbies" Ignore="true" />
             <TableTemplateColumn Text="@Localizer["TableTemplateColumnText"]">
                 <Template Context="v">
-                    Test
+                    @v.Row.ReadonlyColumn
                 </Template>
             </TableTemplateColumn>
         </TableColumns>

src/BootstrapBlazor/BootstrapBlazor.csproj

@@ -1,11 +1,11 @@
 <Project Sdk="Microsoft.NET.Sdk.Razor">
 
   <PropertyGroup Condition="'$(VisualStudioVersion)' == '17.0'">
-    <Version>9.12.0</Version>
+    <Version>9.12.1-beta01</Version>
   </PropertyGroup>
 
   <PropertyGroup Condition="'$(VisualStudioVersion)' == '18.0'">
-    <Version>10.0.0-rc.2.2.0</Version>
+    <Version>10.0.0-rc.2.2.1</Version>
   </PropertyGroup>
 
   <ItemGroup>

src/BootstrapBlazor/Components/Table/Table.razor.scss

@@ -549,7 +549,6 @@ tr.active:not(.is-edit):hover {
 
 .table-fixed-column {
     .table {
-        table-layout: fixed;
         border-collapse: separate;
         border-spacing: 0;
     }