html - この種の表を HTML で作成するにはどうすればよいですか?

Question

__________________________________________
|________________________________________| << cell uses 100% of the row space
|____________________|___________________| << each cell there use 50% of the row

HTMLでこれを行うにはどうすればよいですか？

Answer 1

http://jsfiddle.net/m2mbs/

これを行に使用します

rowspan="x"

これは列の場合

colspan="x"

x はセルの目的のスパンです。

Answer 2

colspan1 つの列を 2 つの列にまたがる場合に使用します。

<table>
    <tr>
        <td colspan="2">100%</td>
    </tr>
    <tr>
        <td class="half">50%</td>
        <td class="half">50%</td>
    </tr>
</table>

css で幅を設定します。

.half {
    width: 50%;
}

デモ

Answer 3

1-sorttable.js をダウンロードします。

2-次のように、ページの HEAD にリンクを配置して、sorttable.js を含めます。

3-「ソート可能」のクラスを指定して、テーブルをソート可能としてマークします。

 <table class="sortable">

Answer 4

これがどのように行われるかです。(border=1 は、出力を明確にするために追加されています)

<table border=1>
 <tr>
  <td colspan='2'>row1</td>
 </tr>
 <tr>
  <td>row2</td><td>row2</td>
 </tr>
</table>