Table 在具有 rowspan 和 colspan 的 table 中
Table in a table with rowspan and colspan
我正在为 PDF
生成创建 table,我的设计很简单,但是当我在 table 中创建 table 时,它并没有创建我想要的设计想。该设计是它唯一的裁剪图像而不是完整图像
现在在 PARTICULARS FURNISHED BY SHIPPER
之后设计对我不起作用我只需要使用 table
而不是 div
。我该怎么做?
查看设计jsfiddle
MARKS AND NUMBERS
、#OF UNIT
、DESCRIPTION OF PACKAGES AND GOODS
、GROSS WEIGHT
和 MEASUREMENT
我认为这些是 rows
在 table或者td
,我想不通。
table table 中没有必要打破你的 td 并排成更小的块。
不太语义化,但很可能是万无一失的
只需将 colspan="5"
添加到 td
中,其中包含“ PARTICULARS FURNISHED BY SHIPPER”文本
这样它将与它下面的 5 列采用相同的 space(因为它们是相同的 table
)
见fiddle
这里我只用了HTML
没有用CSS
HTML部分内容如下
<tr>
<td>APHU7031756
<br/>SEAL
<br/>Container size
<br/>
</td>
<td rowspan="4">4</td>
<td>2012 NISSAN VERSA
<br/>2012 TOYOTA CAMRY
<br/>2014 TOYOTA CAMRY
<br/>2014 KIA CAMRY</td>
<td>1237 Kg
<br/>1295 Kg
<br/>1295 Kg
<br/>1295 Kg</td>
<td>99
<br/>14
<br/>14
<br/>14</td>
</tr>
我正在为 PDF
生成创建 table,我的设计很简单,但是当我在 table 中创建 table 时,它并没有创建我想要的设计想。该设计是它唯一的裁剪图像而不是完整图像
现在在 PARTICULARS FURNISHED BY SHIPPER
之后设计对我不起作用我只需要使用 table
而不是 div
。我该怎么做?
查看设计jsfiddle
MARKS AND NUMBERS
、#OF UNIT
、DESCRIPTION OF PACKAGES AND GOODS
、GROSS WEIGHT
和 MEASUREMENT
我认为这些是 rows
在 table或者td
,我想不通。
table table 中没有必要打破你的 td 并排成更小的块。
不太语义化,但很可能是万无一失的
只需将 colspan="5"
添加到 td
中,其中包含“ PARTICULARS FURNISHED BY SHIPPER”文本
这样它将与它下面的 5 列采用相同的 space(因为它们是相同的 table
)
见fiddle
这里我只用了HTML
没有用CSS
HTML部分内容如下
<tr>
<td>APHU7031756
<br/>SEAL
<br/>Container size
<br/>
</td>
<td rowspan="4">4</td>
<td>2012 NISSAN VERSA
<br/>2012 TOYOTA CAMRY
<br/>2014 TOYOTA CAMRY
<br/>2014 KIA CAMRY</td>
<td>1237 Kg
<br/>1295 Kg
<br/>1295 Kg
<br/>1295 Kg</td>
<td>99
<br/>14
<br/>14
<br/>14</td>
</tr>