<table>
<tr>
<td colspan="2">4</td>
<td colspan="7">key</td>
<td colspan="2" rowspan="3"><!-- empty and crossed out--></td>
<td colspan="2" rowspan="3"><!-- empty and crossed out--></td>
<td colspan="2">value</td>
</tr>
<tr>
<td colspan="2">5</td>
<td colspan="4">key </td>
<td colspan="3">calc</td>
<td colspan="2">value</td>
</tr>
<tr>
<td colspan="2">6</td>
<td colspan="7">key</td>
<td colspan="2">value</td>
</tr>
</table>
輸出 期望的結果
所以我現在已經嘗試了 2 天,所有值都應該在最后一列中。第一個是對的,但其他兩個不是。請幫助我!干杯
uj5u.com熱心網友回復:
<table name="productsAgencies" class="table table-striped table-bordered ">
<tr>
<th class="white center" style="width: 278px;">Product</th>
<th class="white center">Crative Agency</th>
</tr>
<tr class="data-row" v-for="p in products"
:key="p.id">
<td class="underline">
{{p.name}}
</td>
<td class="underline">
<v-select
style="border: 0px;"
placeholder="productPlaceholder"
v-model="p.varName"
label="text"
:options="vars"
></v-select>
</td>
</tr>
</table>
uj5u.com熱心網友回復:
我看不出你提供的 HTML 有什么問題。所有值都在最后一列。
table, th, td {
border: 1px solid black;
}
<table>
<tr>
<td colspan="2">4</td>
<td colspan="7">key</td>
<td colspan="2" rowspan="3"><!-- empty and crossed out--></td>
<td colspan="2" rowspan="3"><!-- empty and crossed out--></td>
<td colspan="2">value</td>
</tr>
<tr>
<td colspan="2">5</td>
<td colspan="4">key </td>
<td colspan="3">calc</td>
<td colspan="2">value</td>
</tr>
<tr>
<td colspan="2">6</td>
<td colspan="7">key</td>
<td colspan="2">value</td>
</tr>
</table>
轉載請註明出處,本文鏈接:https://www.uj5u.com/shujuku/329265.html
標籤:html
