HTML
<table id="tableAppointment" bgcolor="#fcfcfc" border="1" cellspacing="1" width="100%">
<thead>
<tr>
<td class="csstextheader" width="70px"></td>
<td class="csstextheader" width="70px"><b>Time Slot </b></td>
<td><b>Room 7</b></td>
<td><b>Room 8</b></td>
<td><b>Room 9</b></td>
<td><b>Room 10</b></td>
</tr>
</thead>
<tbody>
<tr class="csstablelisttd">
<td width="70px">08:00AM</td>
<td>00</td>
<td class="csstdred">John</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
C#
private void GenerateTable() {
for(int i = 0; i < tableAppointment.Rows.Count; i++) {
foreach(DataRow dr in dataTableAcqModality.Rows) {
cell = new HtmlTableCell() {
InnerHtml = " "
};
cell.Style.Add("word-wrap", "break-word");
cell.Attributes.Remove("class");
cell.Attributes.Remove("rowspan");
cell.Style.Remove("display");
tableAppointment.Rows[i].Cells.Add(cell);
tableAppointment.Style.Add("table-layout", "fixed");
if(i == 0) {
cell.Attributes.Add("ID", RoomID.ToString());
cell.InnerHtml = String.Format(
"<span id='{0}'>{1}</span>",
RoomID, Roomname
);
tableAppointment.Rows[0].Attributes.Add("class", "csstextheader");
}
}
}
}
protected void Page_Load(object sender, EventArgs e) {
for(int i = 0; i < tableAppointment.Rows.Count; i++) {
for(int j = 0; j < tableAppointment.Rows[i].Cells.Count; j++) {
// This is where I need to remove the extra cells added
// after providing rowspan :(
}
}
}
このJSBinrowspan
では、上の行のセルに追加されたために行の右側にスタックする余分なセルを確認できます。私はこれらを削除する方法を理解しようとしています。どんな提案でも大歓迎です!