IgbGrid – グリッドにデータが無い場合に表示されるテキストを変更する

Ignite UI for Blazor が提供するグリッドコンポーネント IgbGrid において、データが0件のとき初期設定では “Grid has no data.” と表示されます。
表示されるテキスト内容を変更したい場合、“EmptyGridMessage” プロパティより設定いただけます。

以下にプロパティ設定例を示します。

<IgbGrid AutoGenerate="false"
			Data="personList"
			PrimaryKey="@nameof(Person.Id)"

			EmptyGridMessage="*表示したいデータを登録してください*">
	@*表示するデータが0件のときに表示されるテキストを
	"EmptyGridMessage"プロパティより設定いただけます。
	非表示にしたい場合は空白文字をご指定ください。*@

	<IgbColumn Field="@nameof(Person.Id)" />
	<IgbColumn Field="@nameof(Person.name)" />
	<IgbColumn Field="@nameof(Person.age)" />

</IgbGrid>

このプロパティの設定を変更する前を後で比較すると以下のようになります。

設定変更 “前”

　↓　　

設定変更 “後”

設定したテキストがグリッド内に表示されました。
また空白文字を定義することでテキストを非表示にすることもできます。

上記作例の Blazor アプリケーションのソースコードは以下からアクセス頂けます。