using System;
using System.Collections.Generic;
using System.Linq;
using
System.Runtime.CompilerServices;
using System.Text.Json;
using System.Threading.Tasks;
using AntDesign.Core.HashCodes;
using AntDesign.JsInterop;
using AntDesign.TableModels;
using Microsoft.AspNetCore.Components;
namespace AntDesign
public partial class Table<TItem> : AntDomComponentBase, ITable, IAsyncDisposable
private static readonly TItem _fieldModel = (TItem)RuntimeHelpers.GetUninitializedObject(typeof(TItem));
private static readonly EventCallbackFactory _callbackFactory = new EventCallbackFactory();
private bool _preventRender = false;
private bool _shouldRender = true;
private int _parametersHashCode;
[Parameter]
public RenderMode RenderMode { get; set; } = RenderMode.Always;
[Parameter]
public IEnumerable<TItem> DataSource
get => _dataSource;
_waitingDataSourceReload = true;
_dataSourceCount = value?.Count() ?? 0;
_dataSource = value ?? Enumerable.Empty<TItem>();
[Parameter]
public RenderFragment<TItem> ChildContent { get; set; }
[Parameter]
public RenderFragment<TItem> RowTemplate { get; set; }
[Parameter]
public RenderFragment<RowData<TItem>> ExpandTemplate { get; set; }
[Parameter]
public bool DefaultExpandAllRows { get; set; }
[Parameter]
public Func<RowData<TItem>, bool> RowExpandable { get; set; } = _ => true;
[Parameter]
public Func<TItem, IEnumerable<TItem>> TreeChildren { get; set; } = _ => Enumerable.Empty<TItem>();
[Parameter]
public EventCallback<QueryModel<TItem>> OnChange { get; set; }
[Parameter]
public Func<RowData<TItem>, Dictionary<string, object>> OnRow { get; set; }
[Parameter]
public Func<Dictionary<string, object>> OnHeaderRow { get; set; }
[Parameter]
public bool Loading { get; set; }
[Parameter]
public string Title { get; set; }
[Parameter]
public RenderFragment TitleTemplate { get; set; }
[Parameter]
public string Footer { get; set; }
[Parameter]
public RenderFragment FooterTemplate { get; set; }
[Parameter]
public TableSize Size { get; set; }
[Parameter]
public TableLocale Locale { get; set; } = LocaleProvider.CurrentLocale.Table;
[Parameter]
public bool Bordered { get; set; } = false;
[Parameter]
public string ScrollX { get; set; }
[Parameter]
public string ScrollY { get; set; }
[Parameter]
public int ScrollBarWidth { get; set; } = 17;
[Parameter]
public int IndentSize { get; set; } = 15;
[Parameter]
public int ExpandIconColumnIndex { get; set; }
[Parameter]
public Func<RowData<TItem>, string> RowClassName { get; set; } = _ => "";
[Parameter]
public Func<RowData<TItem>, string> ExpandedRowClassName { get; set; } = _ => "";
[Parameter]
public EventCallback<RowData<TItem>> OnExpand { get; set; }
[Parameter]
public SortDirection[] SortDirections { get; set; } = SortDirection.Preset.Default;
[Parameter]
public string TableLayout { get; set; }
[Parameter]
public EventCallback<RowData<TItem>> OnRowClick { get; set; }
private bool _remoteDataSource;
private bool _hasRemoteDataSourceAttribute;
[Parameter]
public bool RemoteDataSource
get => _remoteDataSource;
_remoteDataSource = value;
_hasRemoteDataSourceAttribute = true;
[Parameter]
public bool Responsive { get; set; } = true;
[Inject]
private IDomEventListener DomEventListener { get; set; }
public ColumnContext ColumnContext { get; set; }
private IEnumerable<TItem> _showItems;
private IEnumerable<TItem> _dataSource;
private IList<SummaryRow> _summaryRows;
private bool _hasInitialized;
private bool _waitingDataSourceReload;
private bool _waitingReloadAndInvokeChange;
private bool _treeMode;
private bool _hasFixLeft;
private bool _hasFixRight;
private int _treeExpandIconColumnIndex;
private QueryModel _currentQueryModel;
private readonly ClassMapper _wrapperClassMapper = new ClassMapper();
private string TableLayoutStyle => TableLayout == null ? "" : $"table-layout: {TableLayout};";
private ElementReference _tableHeaderRef;
private ElementReference _tableBodyRef;
private ElementReference _tableRef;
private bool ServerSide => _hasRemoteDataSourceAttribute ? RemoteDataSource : Total > _dataSourceCount;
bool ITable.TreeMode => _treeMode;
int ITable.IndentSize => IndentSize;
string ITable.ScrollX => ScrollX;
string ITable.ScrollY => ScrollY;
int ITable.ScrollBarWidth => ScrollBarWidth;
int ITable.ExpandIconColumnIndex => ExpandIconColumnIndex + (_selection != null && _selection.ColIndex <= ExpandIconColumnIndex ? 1 : 0);
int ITable.TreeExpandIconColumnIndex => _treeExpandIconColumnIndex;
bool ITable.HasExpandTemplate => ExpandTemplate != null;
TableLocale ITable.Locale => this.Locale;
SortDirection[] ITable.SortDirections => SortDirections;
/// <summary>
/// This method will be called when all columns have been set
/// </summary>
void ITable.OnColumnInitialized() => OnColumnInitialized();
void ITable.OnExpandChange(int cacheKey)
if (OnExpand.HasDelegate && _dataSourceCache.TryGetValue(cacheKey, out var currentRowData))
OnExpand.InvokeAsync(currentRowData);
void ITable.AddSummaryRow(SummaryRow summaryRow)
_summaryRows ??= new List<SummaryRow>();
_summaryRows.Add(summaryRow);
void OnColumnInitialized()
if (_hasInitialized)
return;
ReloadAndInvokeChange();
_hasInitialized = true;
public void ReloadData()
PageIndex = 1;
FlushCache();
this.ReloadAndInvokeChange();
public QueryModel GetQueryModel() => BuildQueryModel();
private QueryModel<TItem> BuildQueryModel()
var queryModel = new QueryModel<TItem>(PageIndex, PageSize);
foreach (var col in ColumnContext.HeaderColumns)
if (col is IFieldColumn fieldColumn)
if (fieldColumn.SortModel != null)
queryModel.AddSortModel(fieldColumn.SortModel);
if (fieldColumn.FilterModel != null)
queryModel.AddFilterModel(fieldColumn.FilterModel);
return queryModel;
void ITable.Refresh()
_shouldRender = true;
StateHasChanged();
void ITable.ReloadAndInvokeChange()
ReloadAndInvokeChange();
void ITable.ColumnSorterChange(IFieldColumn column)
foreach (var col in ColumnContext.HeaderColumns)
if (col.ColIndex != column.ColIndex && col is IFieldColumn fieldCol && fieldCol.SorterMultiple <= 0 && fieldCol.Sortable)
fieldCol.ClearSorter();
ReloadAndInvokeChange
();
private void ReloadAndInvokeChange()
var queryModel = this.InternalReload();
StateHasChanged();
if (OnChange.HasDelegate)
OnChange.InvokeAsync(queryModel);
private QueryModel<TItem> InternalReload()
var queryModel = BuildQueryModel();
_currentQueryModel = queryModel;
if (ServerSide)
_showItems = _dataSource;
_total = Total;
if (_dataSource != null)
var query = queryModel.ExecuteQuery(_dataSource.AsQueryable());
_total = query.Count();
_showItems = queryModel.CurrentPagedRecords(query);
_showItems = Enumerable.Empty<TItem>();
_total = 0;
if (_total != Total && TotalChanged.HasDelegate)
TotalChanged.InvokeAsync(_total);
_shouldRender = true;
_treeMode = TreeChildren != null && (_showItems?.Any(x => TreeChildren(x)?.Any() == true) == true);
if (_treeMode)
_treeExpandIconColumnIndex = ExpandIconColumnIndex + (_selection != null && _selection.ColIndex <= ExpandIconColumnIndex ? 1 : 0);
return queryModel;
private void SetClass()
string prefixCls = "ant-table";
ClassMapper.Add(prefixCls)
.If($"{prefixCls}-fixed-header", () => ScrollY != null)
.If($"{prefixCls}-bordered", () => Bordered)
.If($"{prefixCls}-small", () => Size == TableSize.Small)
.If($"{prefixCls}-middle", () => Size == TableSize.Middle)
.If($"{prefixCls}-fixed-column {prefixCls}-scroll-horizontal", () => ScrollX != null)
.If($"{prefixCls}-has-fix-left", () => _hasFixLeft)
.If($"{prefixCls}-has-fix-right", () => _hasFixRight)
//.If($"{prefixCls}-ping-left", () => _pingLeft)
//.If($"{prefixCls}-ping-right", () => _pingRight)
.If($"{prefixCls}-rtl", () => RTL)
_wrapperClassMapper
.Add($"{prefixCls}-wrapper")
.If($"{prefixCls}-responsive", () => Responsive) // Not implemented in ant design
.If($"{prefixCls}-wrapper-rtl", () => RTL);
protected override void OnInitialized()
base.OnInitialized();
if (RowTemplate != null)
ChildContent = RowTemplate;
this.ColumnContext = new ColumnContext(this);
SetClass();
if (ScrollX != null || ScrollY != null)
TableLayout = "fixed";
InitializePagination();
FlushCache();
protected override void OnParametersSet()
base.OnParametersSet();
if (_waitingReloadAndInvokeChange)
_waitingReloadAndInvokeChange = false;
if (_hasInitialized)
_waitingDataSourceReload = false;
ReloadAndInvokeChange();
else if (_waitingDataSourceReload)
_waitingDataSourceReload = false;
if (_hasInitialized)
InternalReload();
if (_preventRender)
_shouldRender = false;
_preventRender = false;
else if (this.RenderMode == RenderMode.ParametersHashCodeChanged)
var hashCode = this.GetParametersHashCode();
this._shouldRender = this._parametersHashCode != hashCode;
this._parametersHashCode = hashCode;
this._shouldRender = true;
protected override async Task OnAfterRenderAsync(bool firstRender)
await base.OnAfterRenderAsync(firstRender);
if (firstRender)
DomEventListener.AddShared<JsonElement>("window", "beforeunload", Reloading);
if (ScrollY != null || ScrollX != null)
await JsInvokeAsync(JSInteropConstants.BindTableScroll, _tableBodyRef, _tableRef, _tableHeaderRef, ScrollX != null, ScrollY != null);
// To handle the case where JS is called asynchronously and does not render when there is a fixed header or are any fixed columns.
if (_hasInitialized && !_shouldRender)
_shouldRender = true;
StateHasChanged();
return;
// To handle the case where a dynamic table does not render columns until the data is requested
if (!ColumnContext.HeaderColumns.Any() && !_hasInitialized)
OnColumnInitialized();
return;
if (!firstRender)
this.FinishLoadPage();
_shouldRender = false;
protected override bool ShouldRender()
// Do not render until initialisation is complete.
this._shouldRender = this._shouldRender && _hasInitialized;
return this._shouldRender;
void ITable.HasFixLeft() => _hasFixLeft = true;
void ITable.HasFixRight() => _hasFixRight = true;
void ITable.TableLayoutIsFixed()
TableLayout = "fixed";
StateHasChanged();
protected override void Dispose(bool disposing)
DomEventListener.Dispose();
base.Dispose(disposing);
public async ValueTask DisposeAsync()
if (!_isReloading)
if (ScrollY != null || ScrollX != null)
await JsInvokeAsync(JSInteropConstants.UnbindTableScroll, _tableBodyRef);
DomEventListener.Dispose();
bool ITable.RowExpandable(RowData rowData)
return RowExpandable(rowData as RowData<TItem>);
IEnumerable<TItem> SortFilterChildren(IEnumerable<TItem> children)
if (_currentQueryModel == null || ServerSide)
return children;
var query = children.AsQueryable();
foreach (var sort in _currentQueryModel.SortModel.OrderBy(x => x.Priority))
query = sort.SortList(query);
foreach (var filter in _currentQueryModel.FilterModel)
query = filter.FilterList(query);
return query;
/// <summary>
/// Indicates that a page is being refreshed
/// </summary>
private bool _isReloading;
private void Reloading(JsonElement jsonElement)
_isReloading = true;
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。
https://gitee.com/ant-design-blazor/ant-design-blazor.git
ant-design-blazor
ant-design-blazor
ant-design-blazor
acbdc9d56ac50bcbe0b80c7c48868a273c41923c
