Blazor.WebForm.UI 2.4.1

Demo: https://blazorwebformdemo.github.io/

@using System.Web.UI
@using System.Web.UI.WebControls
@page "/fetchdata-gridview"
@inherits ControlComponent
@inject HttpClient Http

<div>
    <h1>Weather forecast (GridView)</h1>
    @this.Render(button)
    <hr />
    @this.Render(label)
    <br />
    @this.Render(gridview)
</div>

@code {
    private WeatherForecast[] forecasts;
    private Button button;
    private Label label;
    private GridView gridview;

    protected override void OnInitialized()
    {
        button = new Button();
        button.Text = "Load Data";
        button.Click += Button_Click;
        this.Controls.Add(button);

        label = new Label();
        this.Controls.Add(label);

        gridview = new GridView();
        gridview.CssClass = "table";
        gridview.AllowPaging = true;
        gridview.PageSize = 2;
        gridview.PageIndexChanging += GridView_PageIndexChanging;
        this.Controls.Add(gridview);
    }

    protected async void Button_Click(object sender, EventArgs e)
    {
        forecasts = await Http.GetFromJsonAsync<WeatherForecast[]>("sample-data/weather.json");

        label.Text = DateTime.Now.ToString();

        gridview.PageIndex = 0;
        gridview.DataSource = forecasts;
        gridview.DataBind();

        this.StateHasChanged();
    }

    protected void GridView_PageIndexChanging(object sender, GridViewPageEventArgs e)
    {
        gridview.PageIndex = e.NewPageIndex;
        gridview.DataBind();
    }

    public class WeatherForecast
    {
        public DateTime Date { get; set; }

        public int TemperatureC { get; set; }

        public string Summary { get; set; }

        public int TemperatureF => 32 + (int)(TemperatureC / 0.5556);
    }
}