HtmlTableCell.ColSpan プロパティ

定義

HtmlTableCell クラスのインスタンスによって表されるセルで使用する列の数を取得または設定します。

public:
 property int ColSpan { int get(); void set(int value); };
public int ColSpan { get; set; }
member this.ColSpan : int with get, set
Public Property ColSpan As Integer

プロパティ値

Int32

HtmlTableCell のインスタンスで表されるセルで使用する列数。 既定値は -1 で、このプロパティが設定されていないことを示します。

次のコード例では、プロパティを使用して、コントロールの ColSpan 最初の行のセルが 2 つの列を占めるよう指定する方法を HtmlTable 示します。

<%@ Page Language="C#" AutoEventWireup="True" %>

<!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>
   <title>HtmlTableCell Example</title>
</head>
<body>

   <form id="form1" runat="server">

      <h3>HtmlTableCell Example</h3>

          <table id="Table1" runat="server" 
                style="border-width: 1; border-color: Black">

         <tr>
            <td colspan="2">
               Cell 1.
            </td>
         </tr>
         <tr>
            <td>
               Cell 3.
            </td>
            <td>
               Cell 4.
            </td>
         </tr>

      </table>      

   </form>

</body>
</html>
<%@ Page Language="VB" AutoEventWireup="True" %>

<!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>
   <title>HtmlTableCell Example</title>
</head>
<body>

   <form id="form1" runat="server">

      <h3>HtmlTableCell Example</h3>

          <table id="Table1" runat="server" 
                style="border-width: 1; border-color: Black">

         <tr>
            <td colspan="2">
               Cell 1.
            </td>
         </tr>
         <tr>
            <td>
               Cell 3.
            </td>
            <td>
               Cell 4.
            </td>
         </tr>

      </table>      

   </form>

</body>
</html>

注釈

クラスの HtmlTableCell インスタンスで表されるセルで、このプロパティを ColSpan 使用して、セルが占有する列の数を指定します。 これにより、複数の列を占めるセルをテーブルに作成できます。 たとえば、2 つの列と 2 つの行を含むテーブルがあるとします。 両方の列にまたがるテーブル見出しセルを作成できます。 最初の ColSpan 行の左端のセルのプロパティを設定して 2 、このセルがテーブル内の 2 つの列を占める必要があることを示します。

注意事項

列にまたがる場合は、スパンする列ごとに行に 1 つ少ないセルを定義してください。 たとえば、2 つの列にまたがる場合は、現在の行で 1 つ少ないセルを定義します。 それ以外の場合、その行はテーブル内の列の数より長くなり、テーブルは期待どおりに表示されません。

適用対象

こちらもご覧ください