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

用于colspan将单列跨越两个：

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