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%;
}

DEMO

Answer 3

1 - 下载sorttable.js

2 - 包括sorttable.js，在页面的HEAD中添加一个链接，如下所示：

3 - 将您的桌子标记为可排序的，通过给它一个＆＃34;可排序的＆＃34;：

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

如何在HTML中执行此类表格？

4 个答案: