Web ページ WebGrid
ASP.NET Web ページ - WebGrid ヘルパー
WebGrid - 多くの便利な ASP.NET Web ヘルパーの 1 つ。
記述された HTML
前の章では、Razor コードを使用してデータベース データを表示しました。すべての HTML マークアップは手書きでした。オンラインの例を参照してください
データを表示するための HTML テーブルを自動的に作成します
さまざまな書式設定オプションをサポートします
- データのページ分割された表示をサポートします
- リストのタイトルをクリックすることによる並べ替えをサポートします
- インスタンス
@{ var db = Database.Open("SmallBakery"); var query = "SELECT * FROM Product"; } <html> <body> <h1>Small Bakery Products</h1> <table border="1" width="100%"> <tr> <th>Id</th> <th>Product</th> <th>Description</th> <th>Price</th> </tr> @foreach(var row in db.Query(query)) { <tr> <td>@row.Id</td> <td>@row.Name</td> <td>@row.Description</td> <td align="right">@row.Price</td> </tr> } </table> </body> </html>
インスタンスの実行»
「インスタンスの実行」ボタンをクリックしてオンラインインスタンスを表示します