ビンゴアプリで、0から99の数字を予め初期表示する方法がわかりません。

以下のことで困っております。
どうぞよろしくお願いいたします。

前提・実現したいこと

ビンゴアプリを作ろうと思いまして、添付画像のようなものをイメージしております。

発生している問題・エラーメッセージ

添付画像左側のように、0-99の数字を初期表示させたいのですが、うまく実装できません。
※（ビンゴなので、既に出た数字を）色が変更できるようにしたいです。

該当のソースコード

VisualBasic
1※マスターページです。こちらのファイルは作成後何も変更しておりません。
2<%@ Master Language="VB" AutoEventWireup="false" CodeBehind="Site1.master.vb" Inherits="bingo.Site1" %>
3
4<!DOCTYPE html>
5
6<html>
7<head runat="server">
8<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
9    <title></title>
10    <asp:ContentPlaceHolder ID="head" runat="server">
11    </asp:ContentPlaceHolder>
12</head>
13<body>
14    <form id="form1" runat="server">
15        <div>
16            <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
17            </asp:ContentPlaceHolder>
18        </div>
19    </form>
20</body>
21</html>

VisualBasic
1※マスターページを含むWebフォームです。（top.aspx）
2<%@ Page Title="" Language="vb" AutoEventWireup="false" MasterPageFile="~/Site1.Master" CodeBehind="top.aspx.vb" Inherits="bingo.top" %>
3<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
4    <link rel="stylesheet" type="text/css" href="../CSS/top.css">
5</asp:Content>
6<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
7    <div class="parent_container">
8        <div class="left_container">
9            <asp:Label ID="num_all" runat="server" Text=""></asp:Label>
10        </div>
11        <div class="right_container">
12            <div>
13                <asp:Label ID="num_result" runat="server" Text="Label"></asp:Label>
14            </div>
15            <div>
16                <asp:Button ID="Button1" runat="server" Text="Button" />
17            </div>
18        </div>
19    </div>
20</asp:Content>

VisualBasic
1※vbファイルです。（top.aspx.vb）
2Public Class top
3    Inherits System.Web.UI.Page
4    Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
5        Dim Numarray(99) As Integer
6        For i = 0 To 99
7            num_all.Text += Numarray(i).ToString()
8        Next
9    End Sub
10End Class

試したこと

配列に0-99までを入れて、それを表示すれば良いと思い、上記vbファイルのコードを書きましたが、
「0」のみが連続して表示されてしまいました。
また、この方法では（ビンゴの数字をわかりやすくするための）「個々の数字の色の変更すること」
ができないのではないか、とも思っております。（※個々の色を変えるためには、それぞれの数字に個々のIDを振る必要があるため）

補足情報（FW/ツールのバージョンなど）

統合開発環境
Visual Studio2019
（言語：VB.NET、プロジェクトテンプレート：ASP.NET Webアプリケーション）

使用PC
Windows10

退会済みユーザー

2020/02/29 23:22

ASP.NET のタグをつけて下さい。(付いてないので、表題だけ見てスルーしてました。)

Eltk

2020/03/01 00:10

失礼しました。修正しました。

退会済みユーザー

2020/03/01 00:38 編集

動的にやろうとしないで、静的に、Label コントロールを table に並べて 100 個配置すれば簡単にできますが、それではダメなのですか？ダメなら、何故かを書いてください。

Eltk

2020/03/01 01:05

動的でないとダメというわけではございません。自分で方法を考えた際、 ①0-99までの数字を並べる必要があるので配列を作ってfor文で回せば良い。 ②ただ単に0-99だけを表示するだけでは、後で個々の色を変更する際、指定方法（id）が無くなってしまうのではないか。それぞれの数字に対してhtmlタグやLabelタグのようなものを同時に生成しないといけないんじゃないか。と考えた次第です。静的に配置する方法は、0-99まで100行書くベタ書き方法しかわからないため、すみませんがご教授いただけませんでしょうか。

退会済みユーザー

2020/03/01 01:34 編集

> ①0-99までの数字を並べる必要があるので配列を作ってfor文で回せば良い。そもそもそれができてないし、質問のコードでは何故、 > 「0」のみが連続して表示されてしまいました。となってしまうのか分からない初学者の方とお見受けします。であれば、上の私のコメントで書いたようにベタ書きすれば問題解決です。自分がやる場合でも 100 個という数、並べ方が固定であればそうします。 > ②ただ単に0-99だけを表示するだけでは、後で個々の色を変更する際だから Label コントロールを使うことを提案したのですが。

退会済みユーザー

2020/03/01 03:46

上のコメント後、質問者さんが無反応になってしまいましたが、もう解決したのか、それとも諦めたのですか？　とにかくレスに対しては、理解できた・できなかったぐらいはフィードバックしましょう。

Eltk

2020/03/01 07:11

返信が遅くなり、申し訳ございません。本日、（私事都合で申し訳ないのですが）法事があったため、返信が遅くなりました。ありがとうございます。教えていただいた内容については理解できました。（まだ試しておりませんが）ベタ書きで再度チャレンジしてみます。

退会済みユーザー

2020/03/01 07:21

返信ありがとうございます。やってみて不明点が出てきたらまた質問してください。

Eltk

2020/03/01 07:24

かしこまりました。その際はまた、質問させていただきます。ご親切にありがとうございます。