| グリッドにスクロールバーを表示させる方法 １．スクロールバーはスプレッドのように自動的に表示が出来ません。 （１）DataGridはページ設定を行わない限り、バインドされたデータの行数分表示します。 （２）このとき1ページに収まらなかった場合、ウェブページそのものがスクロールします。 ２．スプレッドのようにスクロール表示を行うにはHTMLコントロールにある「Flow Layout Panel」を使用します。 （１）PageLayoutモードの設定は「GridLayout」で可能です。 （２）Flow Layout PanelのなかにDataGridを内包するように作成します。 （３）Flow Layout Panel のプロパティを表示します。 （４）プロパティの「style」をクリックして右側をクリックして「スタイルビルダ」を表示します。 （５）スタイルビルダの「レイアウト」をクリックします。 （６）オーバーフローのＤＤＬから【常にスクロールバーを使用】を選択してＯＫをクリックします。 |
 データグリッドの配置 |
 スタイルビルダのオーバーフローの設定 |
グリッドへデータを表示するプログラム
| Private Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load Dim dt As New DataTable Dim dr As DataRow dt.Columns.Add(New DataColumn("項目１", GetType(String))) dt.Columns.Add(New DataColumn("項目２", GetType(String))) dt.Columns.Add(New DataColumn("項目３", GetType(String))) Dim i As Integer For i = 0 To 20 dr = dt.NewRow() dr(0) = i.ToString + " ITEM_1 " dr(1) = i.ToString + " ITEM_2 " dr(2) = i.ToString + " ITEM_3 " dt.Rows.Add(dr) Next i DataGrid1.DataSource = dt DataGrid1.DataBind() End Sub |
実行結果
 |
| HOME |