我试图将细胞的宽度归因于细胞,但它不起作用。我使用CSS来制作它,因为HTML5不支持宽度。在我的问题中,我有一个带有标题的表,在该表中我有另一个表用滚动来显示结果,我需要通过标题来排序单元格的结果与标题相同的宽度。有人能帮我吗? 这是fiddle。谢谢!
以下是我尝试的内容:
<table class="two">
<thead>
<tr>
<th style="width:150px">Tipo de Anúncio</th>
<th style="width:150px">Tipo de Imóvel</th>
<th style="width:150px">Localização</th>
<th style="width:150px">Mediador</th>
<th style="width:150px">Preço</th>
<th style="width:150px">Área</th>
</tr>
</thead>
<tbody class="scroll">
<tr>
<td colspan="2">
<div class="scroll">
<table>
<tr>
<td style="width:150px">January</td>
<td style="width:150px">$100</td>
<td style="width:150px">February</td>
<td style="width:150px">$80</td>
<td style="width:150px">February</td>
<td style="width:150px">$80</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
<td>February</td>
<td>$80</td>
<td>February</td>
<td>$80</td>
</tr>
<tr>
<td>January</td>
<td>$100</td>
<td>February</td>
<td>$80</td>
<td>February</td>
<td>$80</td>
</tr>
答案 0 :(得分:1)
你的布局有几个问题,但主要不是宽度而是colspan :(宽度正常工作)
你的th
没有包装所有专栏。如果ypu有六列,则需要colspan = 6
<tbody class="scroll">
<tr>
<td colspan="6">
我只触及了一些元素,但是你可以看到初步结果in this jsfiddle