mirror of
https://gitee.com/LongbowEnterprise/BootstrapBlazor.git
synced 2024-12-05 05:29:47 +08:00
!3586 doc(#I64UVV): update sample code for Table
* doc: 固定表头增加 RenderMode 参数防止小屏自动 CardView 模式
This commit is contained in:
parent
e5d1fd25d5
commit
95cb46948d
@ -9,7 +9,7 @@
|
||||
<DemoBlock Title="@Localizer["FixedHeaderTitle"]" Introduction="@Localizer["FixedHeaderIntro"]" Name="FixedHeader">
|
||||
<p>@Localizer["FixedHeaderP"]</p>
|
||||
<p>@Localizer["FixedHeaderP1"]</p>
|
||||
<Table TItem="Foo" Items="@Items.Take(10)" Height="200" IsBordered="true" IsFixedHeader="true">
|
||||
<Table TItem="Foo" Items="@Items.Take(10)" RenderMode="TableRenderMode.Table" Height="200" IsBordered="true" IsFixedHeader="true">
|
||||
<TableColumns>
|
||||
<TableColumn @bind-Field="@context.DateTime" Width="180" />
|
||||
<TableColumn @bind-Field="@context.Name" Width="100" />
|
||||
@ -20,7 +20,7 @@
|
||||
|
||||
<DemoBlock Title="@Localizer["FixedWidthTitle"]" Introduction="@Localizer["FixedWidthIntro"]" Name="FixedWidth">
|
||||
<p>@Localizer["FixedWidthP"]</p>
|
||||
<Table TItem="Foo" Items="@Items.Take(10)" IsBordered="true" IsMultipleSelect="true" Height="200" IsFixedHeader="true">
|
||||
<Table TItem="Foo" Items="@Items.Take(10)" RenderMode="TableRenderMode.Table" IsBordered="true" IsMultipleSelect="true" Height="200" IsFixedHeader="true">
|
||||
<TableColumns>
|
||||
<TableColumn @bind-Field="@context.DateTime" Width="180" />
|
||||
<TableColumn @bind-Field="@context.Name" Width="100" />
|
||||
@ -31,7 +31,7 @@
|
||||
|
||||
<DemoBlock Title="@Localizer["AllowResizingTitle"]" Introduction="@Localizer["AllowResizingIntro"]" Name="AllowResizing">
|
||||
<p>@((MarkupString)Localizer["AllowResizingP"].Value)</p>
|
||||
<Table TItem="Foo" Items="@Items.Take(10)"
|
||||
<Table TItem="Foo" Items="@Items.Take(10)" RenderMode="TableRenderMode.Table"
|
||||
IsBordered="true" IsMultipleSelect="true" IsPagination="true" IsFixedHeader="true"
|
||||
Height="200" AllowResizing="true">
|
||||
<TableColumns>
|
||||
@ -45,7 +45,7 @@
|
||||
<DemoBlock Title="@Localizer["AutoHeightTitle"]" Introduction="@Localizer["AutoHeightIntro"]" Name="AutoHeight">
|
||||
<p>@((MarkupString)Localizer["AutoHeightP"].Value)</p>
|
||||
<div style="height: 300px;">
|
||||
<Table TItem="Foo" Items="@Items.Take(10)" ShowColumnList="true" ShowToolbar="true" ShowDefaultButtons="false" ShowRefresh="false"
|
||||
<Table TItem="Foo" Items="@Items.Take(10)" RenderMode="TableRenderMode.Table" ShowColumnList="true" ShowToolbar="true" ShowDefaultButtons="false" ShowRefresh="false"
|
||||
IsBordered="true" IsMultipleSelect="true" IsPagination="true" IsFixedHeader="true" AllowResizing="true">
|
||||
<TableColumns>
|
||||
<TableColumn @bind-Field="@context.DateTime" Width="180" />
|
||||
@ -77,7 +77,7 @@
|
||||
@code {
|
||||
RenderFragment RenderTable() =>
|
||||
@<Table TItem="Foo" Items="@Items" ShowColumnList="true" ShowToolbar="true" ShowDefaultButtons="false" ShowRefresh="false"
|
||||
IsBordered="true" IsMultipleSelect="true" IsPagination="true" IsFixedHeader="true" AllowResizing="true">
|
||||
IsBordered="true" IsMultipleSelect="true" IsPagination="true" IsFixedHeader="true" AllowResizing="true" RenderMode="TableRenderMode.Table">
|
||||
<TableColumns>
|
||||
<TableColumn @bind-Field="@context.DateTime" Width="180" />
|
||||
<TableColumn @bind-Field="@context.Name" Width="100" />
|
||||
|
Loading…
Reference in New Issue
Block a user