如何在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-包括sorttable.js，在页面的头部放置一个指向它的链接，如下所示：

3-将你的表标记为一个可排序的表，给它一个“可排序”的类：

 <table class="sortable">