Html 表中3列中的多个组合行

Html 表中3列中的多个组合行,html,css,twitter-bootstrap-3,datatables,Html,Css,Twitter Bootstrap 3,Datatables,我想创建一个在3列中包含多行的表。我很难解释,所以有一个例子: .min表{ 宽度:300px } 运输署署长:最后一名儿童{ 边框底部:无; 边缘底部:0px; } td p{ 最小高度:19px; 边框底部:1px实心#ddd; } 不 名称 日期 描述 笔记 票价 剩下的票 1. 丰盛的早餐 03.01.16 05.03.16 07.04.16 01.06.16 描述 描述 描述 描述 01/02/04 03/06/06 $12 3500

我想创建一个在3列中包含多行的表。我很难解释,所以有一个例子:

.min表{
宽度:300px
}
运输署署长:最后一名儿童{
边框底部:无;
边缘底部:0px;
}
td p{
最小高度:19px;
边框底部:1px实心#ddd;
}

不
名称
日期
描述
笔记
票价
剩下的票
1.
丰盛的早餐

03.01.16

05.03.16

07.04.16

01.06.16

描述

描述

描述

描述

01/02/04

03/06/06

$12 3500 2. 另一事件 03.02.17

04.02.17

05.02.17

06.02.17

07.02.17

08.02.17

09.02.17

10.02.17

描述

很长很长的描述

描述

描述

很长很长的描述

描述

01/02/04

03/06/06

01/02/04

03/06/06

$30 25
我认为您需要使用
colspan
rowspan
来解决您的问题。我希望这对你有帮助

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
    <table style="width:100%" border="1">
      <tr>
        <th rowspan="2">No</th>
        <th rowspan="2">Name</th> 
        <th colspan="4">Date</th>
        <th rowspan="2">Description</th>
        <th colspan="2">Code</th>
        <th rowspan="2">Gender</th>
        <th rowspan="2">Country</th>
      </tr>
      <tr>
        <th>Date 1</th>
        <th>Date 2</th>
        <th>Date 3</th>
        <th>Date 4</th>
        <th>Code 1</th>
        <th>Code 2</th>
      </tr>
      <tr>
        <td>1</td>
        <td>Jill Smith</td>
        <td>03.01.16</td>  
        <td>05.07.12</td>
        <td>07.04.07</td>
        <td>01.06.12</td>
        <td>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
        tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
        quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
        consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
        cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
        proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</td>
        <td>ATU985NF97H</td>
        <td>ACE7908HKN1</td>
        <td>Male</td>
        <td>Philippines</td>
      </tr>
    </table>
</body>
</html>

不
名称
日期
描述
代码
性别
国家
日期1
日期2
日期3
日期4
代码1
代码2
1.
吉尔·斯密斯
03.01.16  
05.07.12
07.04.07
01.06.12
Lorem ipsum Door sit amet,为精英们献身,为埃乌斯莫德服务
暂时性的劳工和财产损失。我们在这里吃得很少,
他在乌拉姆科实验室实习,并在普通实验室实习
康塞奎特。在沃鲁帕特·维利特·埃塞的《雷德亨德瑞特》中,两人或两人互为受害者
纤毛多洛雷欧盟福吉亚无巴黎。圣奥卡塔铜塔除外
傲慢的人,必须为自己的行为负责。
ATU985NF97H
ACE7908HKN1
男性
菲律宾

查看更新后的问题。当有固定数量的日期和描述时,您的方法是好的。但很难使用数据表进行过滤。@ptyskju。请使用DataTables尝试上面的以下代码。因为我认为它会起作用。