Ant Design Blazor のTableコンポーネントのTableFilterを動的に生成したい

Question

Ant Design BlazorのTableコンポーネントを使ってWEBアプリを作成しています。

データはWEBAPI経由で取得→モデルリストに格納→モデルリストからフィルターリストを動的に生成したいと考えて下記のようなコードを作りましたが、思うようにフィルターリストが作成されません。

公式のソースコードを見ても動的に生成しているようなコードが見当たらず、なかなか思うような処理ができず苦戦しています。
私自身、C#の経験も浅いこともあり、単純にコードの書き方が悪いのか、フレームワークの仕様としてできないのか判断できないため、ご存じでしたら教えてください。

@using AntDesign.TableModels;
@code {
  private List<UserModel> userList { get; set; }
  private TableFilter<string>[] userFilter { get; set; };
  public class UserModel
   {
        public string user_name { get; set; }
        public int user_id { get; set; }
   }
  protected override async Task OnInitializedAsync()
  {
    　userList = await Http.GetFromJsonAsync<List<UserModel>>("http://...");
　　　foreach (userModel in userList )
    　{
    　   　TableFilter<string> item;
         　item = new TableFilter<string>();
         　item.Text = userModel.user_name;
         　item.Value = userModel.user_name;
       　  userFilter.Append(item);
　　　　　 //これだとuserFilterに項目は追加できない
    　}
   }
   
   //こっちならuserFilterに項目を追加できる
   //TableFilter<string>[] userFilter= new[]
   // {
   //     new TableFilter<string> { Text = "AAA", Value = "AAA" },
   //     new TableFilter<string> { Text = "BBB", Value = "BBB" },
   // };
}

利用環境
Windows10 Pro
Visual Studio Pro
Ant Design Blazor 10.2
Blazor ServerSide
.Net 5

Answer 1

下記の方法で解決しました。

userList = await Http.GetFromJsonAsync<List<UserModel>>("http://...");
userFilter = new TableFilter<string>[userList.Count()];
int i = 0;
foreach (UserModel userModel in userList )
{
   userFilter[i] = new TableFilter<string> {Text = userModel.user_name, Value = userModel.user_name};
   i++;
}