ant-design-blazor/site/AntDesign.Docs/Demos/Components/Table/demo/FixedColumnsHeader.razor
2021-02-06 20:15:46 +08:00

36 lines
1.3 KiB
C#

@using System.ComponentModel
<Table DataSource="data" PageSize="10" ScrollX="1500" ScrollY="300">
<Column @bind-Field="@context.Name" Width="100" Fixed="left" />
<Column @bind-Field="@context.Age" Width="100" Fixed="left" />
<Column @bind-Field="@context.Address" Width="150" Title="Column 1" />
<Column @bind-Field="@context.Address" Width="150" Title="Column 2" />
<Column @bind-Field="@context.Address" Width="150" Title="Column 3" />
<Column @bind-Field="@context.Address" Width="150" Title="Column 4" />
<Column @bind-Field="@context.Address" Width="150" Title="Column 5" />
<Column @bind-Field="@context.Address" Width="150" Title="Column 6" />
<Column @bind-Field="@context.Address" Width="150" Title="Column 7" />
<Column @bind-Field="@context.Address" Title="Column 8" />
<ActionColumn Title="Action" Width="100" Fixed="right">
<a>action</a>
</ActionColumn>
</Table>
@code {
class Column
{
[DisplayName("Full Name")]
public string Name { get; set; }
public int Age { get; set; }
public string Address { get; set; }
}
Column[] data = Enumerable.Range(0, 100).Select(i => new Column()
{
Name = $"Edrward {i}",
Age = 32,
Address = $"London Park no. {i}"
}).ToArray();
}