Automatically sort table when property changed

So let’s say I have this table:

On each action “Up” and “Down” I swap SortOrder property between items but I can’t find a way to refresh/re-render the table. It always stays the same.

Tried on every “Up” and “Down” to call this:

List = List.OrderBy(x => x.SortOrder).ToList();

as well as

await InvokeAsync(StateHasChanged)

Any idea?

[kedzior-io]

Oh and by the way. Awesome work!

[anranruye]

@kedzior-io Well, this works for me:

@page "/demo" 
@using AntDesign
@using AntDesign.TableModels

<Table TItem="Data" DataSource="List">
    <Column Title="Name" @bind-Field="context.Name"></Column>
    <Column Title="Duration(Days)" @bind-Field="context.DurationInDays"></Column>
    <Column Title="Sort" @bind-Field="context.SortOrder"></Column>
    <ActionColumn>
        <Space>
            <SpaceItem>
                <Button Type="@ButtonType.Link" OnClick="() => { SortUp(context.Id); }">Up</Button>
            </SpaceItem>
            <SpaceItem>
                <Button Type="@ButtonType.Link" OnClick="() => { SortDown(context.Id); }">Down</Button>
            </SpaceItem>
        </Space>
    </ActionColumn>
</Table>

@code {
    public class Data
    {
        public int Id { get; set; }

        public string Name { get; set; }

        public int DurationInDays { get; set; }

        public int SortOrder { get; set; }
    }

    List<Data> List = new List<Data>();

    protected override void OnInitialized()
    {
        List.AddRange(Enumerable.Range(1, 5).Select(x => new Data
        {
            Id = x,
            DurationInDays = x * 2,
            Name = $"Item{x}",
            SortOrder = x
        }));
    }

    private void SortUp(int id)
    {
        var itemToSort = List.Single(x => x.Id == id);
        var itemIndex = List.IndexOf(itemToSort);
        if (itemIndex == 0)
        {
            return;
        }
        var newItemIndex = itemIndex - 1;
        itemToSort.SortOrder--;
        List[newItemIndex].SortOrder++;
        List = List.OrderBy(x => x.SortOrder).ToList();
    }

    private void SortDown(int id)
    {
        var itemToSort = List.Single(x => x.Id == id);
        var itemIndex = List.IndexOf(itemToSort);
        if (itemIndex == List.Count - 1)
        {
            return;
        }
        var newItemIndex = itemIndex + 1;
        itemToSort.SortOrder++;
        List[newItemIndex].SortOrder--;
        List = List.OrderBy(x => x.SortOrder).ToList();
    }
}

https://user-images.githubusercontent.com/54608128/115588404-4bfb7e80-a301-11eb-8cc0-8415640bf96b.mp4