Table コントロールの配置
概要
HTMLの「Table」タグに相当する、「Table」コントロールを配置する。
前提条件
手順
[ツールボックス] -> 「table」をドラッグアンドドロップで「default.aspx」のデザインビューに配置。
not found (185.jpg)
Tableコントロール自体はこれで配置完了。
しかし、HTMLの「Table」タグが「TR]タグと「TD」タグを必要とするように、
Tableコントロールも「TableRow」と「TableCell」がないと意味をなさないので、
しかし、HTMLの「Table」タグが「TR]タグと「TD」タグを必要とするように、
Tableコントロールも「TableRow」と「TableCell」がないと意味をなさないので、
の作業を行うのが順当である。
しかし、GUI操作が多いので、以下にソースを用意した。
これを「default.aspx」にコピペすれば、上記の作業は不要である。
これを「default.aspx」にコピペすれば、上記の作業は不要である。
※下記ソースは、プロパティをカスタマイズしている為、上記GUI作業の結果生成されるコードとは若干違う。
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>無題のページ</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Table ID="Table1" BorderStyle=Solid runat="server">
<asp:TableRow runat="server">
<asp:TableCell BorderStyle=Solid runat="server">あ</asp:TableCell>
<asp:TableCell BorderStyle=Solid runat="server">い</asp:TableCell>
<asp:TableCell BorderStyle=Solid RowSpan="2" runat="server">う</asp:TableCell>
</asp:TableRow>
<asp:TableRow runat="server">
<asp:TableCell BorderStyle=Solid runat="server">え</asp:TableCell>
<asp:TableCell BorderStyle=Solid runat="server">お</asp:TableCell>
</asp:TableRow>
<asp:TableRow BorderStyle=Solid runat="server">
<asp:TableCell BorderStyle=Solid runat="server">か</asp:TableCell>
<asp:TableCell BorderStyle=Solid ColumnSpan="2" runat="server">き</asp:TableCell>
</asp:TableRow>
</asp:Table>
</div>
</form>
</body>
</html>
実行すると以下のように表示される。
not found (184.jpg)