Строка разметки кнопки в Blazor (С#) из CodeBehind не запускает событие onclick

Я использую Blazor WebApp с C# и .net 6. В этом примере для тестирования я использую стандартный проект Blazor Server App (VS 2022).

Я создал собственный «помощник таблицы», где я могу передать набор данных в коде, который отображается на странице с помощью одной команды. Полный файл находится здесь: Table.cs.

using System.Text;
using Microsoft.AspNetCore.Components;

namespace MarkusH.Modulxo.Webclient.Components
{
    public class Table
    {
        private Columnset _columnset = null;
        private Dataset _dataset = null;

        private List<string> _classes = new List<string>();
        private string _linkNew = "";
        private string _linkEdit = "";

        public Table()
        {
            AddClasses("table", "table-striped");
        }

        public void SetColumnset(Columnset columnset)
        {
            _columnset = columnset;
        }

        public void SetDataset(Dataset dataset, string orderByAttributeName = "")
        {
            _dataset = dataset;

            if (!string.IsNullOrWhiteSpace(orderByAttributeName))
            {
                SortRecordsBy(orderByAttributeName);
            }
        }

        public void SortRecordsBy(string orderByAttributeName)
        {
            _dataset?.OrderBy(orderByAttributeName);
        }

        public void SetLinkNew(string linkNew)
        {
            _linkNew = linkNew;
        }

        public void SetLinkEdit(string linkEdit)
        {
            _linkEdit = linkEdit;

        }

        public void AddClasses(params string[] classes)
        {
            _classes.AddRange(classes);
        }

        public MarkupString ShowComponent()
        {
            var stringBuilder = new StringBuilder();

            if (_columnset != null)
            {
                stringBuilder.Append(BuildTableHeader());
                stringBuilder.Append(BuildTableBody());
                stringBuilder.Append(BuildTableFooter());
            }

            return (MarkupString)stringBuilder.ToString();
        }

        private string BuildTableHeader()
        {
            var stringBuilder = new StringBuilder();

            stringBuilder.AppendLine($"<table class='{string.Join(" ", _classes)}'>");

            stringBuilder.AppendLine("<thead><tr>");

            foreach (var column in _columnset.Columns)
            {
                stringBuilder.Append($"<th @onclick='() => SortRecordsBy({column.AttributeName})'>{column.Header}</th>");
            }

            stringBuilder.Append("<th>");
            if (!string.IsNullOrEmpty(_linkNew))
            {
                stringBuilder.Append($"<a href='{_linkNew}'>New</a>");
            }
            stringBuilder.Append("</th>");

            stringBuilder.AppendLine("</tr></thead>");

            return stringBuilder.ToString();
        }

        private string BuildTableBody()
        {
            var stringBuilder = new StringBuilder();

            stringBuilder.AppendLine("<tbody>"); 
            
            if (_dataset != null && _dataset.Records.Count > 0)
            {
                stringBuilder.Append(BuildTableBodyFromData());
            }
            else
            {
                stringBuilder.Append(BuildTableBodyNoRecords());
            }

            stringBuilder.AppendLine("</tbody>");

            return stringBuilder.ToString();
        }

        private string BuildTableBodyFromData()
        {
            var stringBuilder = new StringBuilder();

            foreach (var record in _dataset.Records)
            {
                stringBuilder.AppendLine("<tr>");

                foreach (var column in _columnset.Columns)
                {
                    stringBuilder.Append($"<td>{record.GetAttributeValue<object>(column.AttributeName).ToString()}</td>");
                }

                stringBuilder.Append("<td>");
                if (!string.IsNullOrEmpty(_linkEdit))
                {
                    stringBuilder.Append($"<a href='{_linkEdit.Replace("%id%", record.Id.ToString())}'>Edit</a>");
                }
                stringBuilder.Append("</td>");

                stringBuilder.AppendLine("</tr>");
            }

            return stringBuilder.ToString();
        }

        private string BuildTableBodyNoRecords()
        {
            var stringBuilder = new StringBuilder();

                stringBuilder.AppendLine("<tr>");

                
                stringBuilder.Append($"<td colspan='{_columnset.Columns.Count + 2}'>No data</td>");

                stringBuilder.AppendLine("</tr>");

            return stringBuilder.ToString();
        }

        private string BuildTableFooter()
        {
            var stringBuilder = new StringBuilder();

            stringBuilder.AppendLine("</table>");

            return stringBuilder.ToString();
        }
    }
}

Реализация в коде выглядит так: Countrylist.razor.cs.

...
protected override async Task OnAfterRenderAsync(bool firstRender)
        {
            if (firstRender)
            {
                await addressbookService.InitMoxClient();

                if (ForwardToLoginPageIfNotAuthenticated(addressbookService)) { return; }

                var countries = addressbookService.GetCountryList();
                _countryTable.SetDataset(new Dataset(new List<MoxBaseRecord>(countries)), "Countryname");

                StateHasChanged();
            }
        }
...

Как видите, заголовки таблиц должны сортировать данные внутри, но вызов функции onclick отображается неправильно.

Я нашел несколько тем, посвященных более или менее одной и той же проблеме, но большинство советов, которые я нашел, заключались в циклическом переборе объектов на странице вместо кода программной части - но я хочу создать общий компонент для использования на нескольких страницах - поэтому я не мог понять, как добиться того же результата.

Было бы здорово, если бы кто-нибудь мог дать подсказку/решение для решения проблемы.

Спасибо и с уважением

Маркус