Bagikan melalui

HtmlTableCell.ColSpan Properti

Definisi

Ruang nama:
System.Web.UI.HtmlControls
Rakitan:
System.Web.dll

Mendapatkan atau mengatur jumlah kolom yang ditempati oleh sel yang diwakili oleh instans HtmlTableCell kelas.

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

Nilai Properti

Int32

Jumlah kolom yang ditempati oleh sel yang diwakili oleh instans HtmlTableCell. Nilai defaultnya adalah -1, yang menunjukkan bahwa properti ini tidak diatur.

Contoh

Contoh kode berikut menunjukkan cara menggunakan ColSpan properti untuk menentukan bahwa sel di baris HtmlTable pertama kontrol mengambil dua kolom.

<%@ 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>

Keterangan

Dalam sel yang diwakili oleh instans HtmlTableCell kelas, gunakan ColSpan properti untuk menentukan jumlah kolom yang diduduki sel. Ini memungkinkan Anda membuat sel dalam tabel yang menempati lebih dari satu kolom. Misalnya, Anda memiliki tabel yang berisi dua kolom dan dua baris. Anda bisa membuat sel judul tabel yang mencakup kedua kolom. Atur ColSpan properti sel paling kiri di baris pertama ke 2 untuk menunjukkan bahwa sel ini mengambil dua kolom dalam tabel.

Perhatian

Saat mencakup kolom, pastikan untuk menentukan satu sel yang lebih sedikit dalam baris untuk setiap kolom yang Anda rentangkan. Misalnya, jika Anda menjangkau dua kolom, tentukan satu sel yang lebih sedikit di baris saat ini. Jika tidak, baris tersebut akan lebih panjang dari jumlah kolom dalam tabel dan tabel tidak akan ditampilkan seperti yang diharapkan.

Berlaku untuk

Lihat juga