-2
我尝试了一些组合,但td的宽度未发生变化。 有人可以请指导。我试着改变宽度为各种值。 它只是HTML代码的一部分。无法更改html列的宽度
问题:我想增加每行的第一列的宽度并减小文本框的大小。
摊销总额和总收入列太小,测试箱长于需要。
小提琴手 - https://jsfiddle.net/o50d5qjk/
HTML
<div id="bladdiv<%=divcount%>" style="display: none; height: 750px; width: 1020px; overflow-y: auto">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table>
<tr>
<td style="width:100px"></td>
<td>
<table id="Table_calc" cellspacing="1" cellpadding="1" width="102">
<tr>
<div class="heading">Amortization Calculation</div>
</tr>
<tr>
<td valign='top' width="250px">Total numbers of amortization</td>
<td>
<input readonly style="background-color: <%=slskb_color5%>;" type="text" style="width: 13px" name="MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1" value='<%= MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1 %>'>
</td>
</tr>
<tr>
<td valign='top' width="250px">Interest rate %</td>
<td>
<input readonly style="background-color: <%=slskb_color5%>;" type="text" style="width: 13px" name="MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1" value='<%= MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1 %>'>
</td>
</tr>
<tr>
<td valign='top' width="250px">Amortization per year</td>
<td>
<input readonly style="background-color: <%=slskb_color5%>;" type="text" style="width: 13px" name="MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1" value='<%= MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1 %>'>
</td>
</tr>
<tr>
<td valign='top' width="250px">Interest per year</td>
<td>
<input readonly style="background-color: <%=slskb_color5%>;" type="text" style="width: 13px" name="MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1" value='<%= MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1 %>'>
</td>
</tr>
</table>
</td>
<td style="width:150px"></td>
<td>
<table id="Table_calc" cellspacing="1" cellpadding="1" width="102">
<tr>
<div class="heading">Amortization Calculation</div>
</tr>
<tr>
<td valign='top' width="250px">Total numbers of amortization</td>
<td>
<input readonly style="background-color: <%=slskb_color5%>;" type="text" style="width: 13px" name="MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1" value='<%= MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1 %>'>
</td>
</tr>
<tr>
<td valign='top' width="250px">Interest rate %</td>
<td>
<input readonly style="background-color: <%=slskb_color5%>;" type="text" style="width: 13px" name="MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1" value='<%= MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1 %>'>
</td>
</tr>
<tr>
<td valign='top' width="250px">Amortization per year</td>
<td>
<input readonly style="background-color: <%=slskb_color5%>;" type="text" style="width: 13px" name="MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1" value='<%= MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1 %>'>
</td>
</tr>
<tr>
<td valign='top' width="250px">Interest per year</td>
<td>
<input readonly style="background-color: <%=slskb_color5%>;" type="text" style="width: 13px" name="MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1" value='<%= MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1 %>'>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="width:400px" valign="top">
<table id="Table_OwnersTogether" cellspacing="1" cellpadding="1" width="1020">
<tr>
<th style="width: 400px" valign='top'>Income Details</th>
<th style="width:400px">2018
<!-- Faktiska ränta-->
</th>
<th width="13px">2019
<!-- Kalkylränta-->
</th>
<th width="13px">2020
<!-- Faktiska ränta-->
</th>
<th width="13px">2021
<!-- Kalkylränta-->
</th>
<th width="13px">2022
<!-- Faktiska ränta-->
</th>
<th width="13px">2023
<!-- Kalkylränta-->
</th>
<th width="13px">2024
<!-- Faktiska ränta-->
</th>
<th width="13px">2025
<!-- Kalkylränta-->
</th>
<th width="13px">2026
<!-- Faktiska ränta-->
</th>
<th width="13px">2027
<!-- Kalkylränta-->
</th>
</tr>
<!-- Inkomst före skatt -->
<tr>
<td style="width:250px" valign='top'>Val</td>
<td>
<input readonly style="background-color: <%=slskb_color5%>;" type="text" style="width: 13px" name="MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1" value='<%= MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1 %>'>
</td>
<td>
<input readonly style="background-color: <%=slskb_color5%>;" type="text" style="width: 13px" name="MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1" value='<%= MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1 %>'>
</td>
<td>
<input readonly style="background-color: <%=slskb_color5%>;" type="text" style="width: 13px" name="MAN_KNID_OSS_GROSS_MONTHLY_INCOME_HH_1" value='<%= MAN_KNID_OSS_GROSS_MONTHLY_INCOME_HH_1 %>'>
</td>
<td>
<input readonly style="background-color: <%=slskb_color5%>;" type="text" style="width: 13px" name="MAN_KNID_OSS_GROSS_MONTHLY_INCOME_HH_1" value='<%= MAN_KNID_OSS_GROSS_MONTHLY_INCOME_HH_1 %>'>
</td>
<td>
<input readonly style="background-color: <%=slskb_color5%>;" type="text" style="width: 13px" name="MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1" value='<%= MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1 %>'>
</td>
<td>
<input readonly style="background-color: <%=slskb_color5%>;" type="text" style="width: 13px" name="MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1" value='<%= MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1 %>'>
</td>
<td>
<input readonly style="background-color: <%=slskb_color5%>;" type="text" style="width: 13px" name="MAN_KNID_OSS_GROSS_MONTHLY_INCOME_HH_1" value='<%= MAN_KNID_OSS_GROSS_MONTHLY_INCOME_HH_1 %>'>
</td>
<td>
<input readonly style="background-color: <%=slskb_color5%>;" type="text" style="width: 13px" name="MAN_KNID_OSS_GROSS_MONTHLY_INCOME_HH_1" value='<%= MAN_KNID_OSS_GROSS_MONTHLY_INCOME_HH_1 %>'>
</td>
<td>
<input readonly style="background-color: <%=slskb_color5%>;" type="text" style="width: 13px" name="MAN_KNID_OSS_GROSS_MONTHLY_INCOME_HH_1" value='<%= MAN_KNID_OSS_GROSS_MONTHLY_INCOME_HH_1 %>'>
</td>
<td>
<input readonly style="background-color: <%=slskb_color5%>;" type="text" style="width: 13px" name="MAN_KNID_OSS_GROSS_MONTHLY_INCOME_HH_1" value='<%= MAN_KNID_OSS_GROSS_MONTHLY_INCOME_HH_1 %>'>
</td>
</tr>
<!-- Skatt -->
<tr>
<td style="width:250px" valign='top'>val2</td>
<td>
<input readonly style="background-color: <%=slskb_color5%>;" type="text" style="width: 13px" name="MAN_KNID_YEARLY_INCOME_TAX_HH_1" value='<%= MAN_KNID_YEARLY_INCOME_TAX_HH_1 %>'>
</td>
<td>
<input readonly style="background-color: <%=slskb_color5%>;" type="text" style="width: 13px" name="MAN_KNID_YEARLY_INCOME_TAX_HH_1" value='<%= MAN_KNID_YEARLY_INCOME_TAX_HH_1 %>'>
</td>
<td>
<input readonly style="background-color: <%=slskb_color5%>;" type="text" style="width:13px" name="MAN_KNID_MONTHLY_INCOME_TAX_HH_1" value='<%= MAN_KNID_MONTHLY_INCOME_TAX_HH_1 %>'>
</td>
<td>
<input readonly style="background-color: <%=slskb_color5%>;" type="text" style="width: 13px" name="MAN_KNID_MONTHLY_INCOME_TAX_HH_1" value='<%= MAN_KNID_MONTHLY_INCOME_TAX_HH_1 %>'>
</td>
<td>
<input readonly style="background-color: <%=slskb_color5%>;" type="text" style="width: 13px" name="MAN_KNID_YEARLY_INCOME_TAX_HH_1" value='<%= MAN_KNID_YEARLY_INCOME_TAX_HH_1 %>'>
</td>
<td>
<input readonly style="background-color: <%=slskb_color5%>;" type="text" style="width: 13px" name="MAN_KNID_YEARLY_INCOME_TAX_HH_1" value='<%= MAN_KNID_YEARLY_INCOME_TAX_HH_1 %>'>
</td>
<td>
<input readonly style="background-color: <%=slskb_color5%>;" type="text" style="width: 13px" name="MAN_KNID_MONTHLY_INCOME_TAX_HH_1" value='<%= MAN_KNID_MONTHLY_INCOME_TAX_HH_1 %>'>
</td>
<td>
<input readonly style="background-color: <%=slskb_color5%>;" type="text" style="width: 13px" name="MAN_KNID_MONTHLY_INCOME_TAX_HH_1" value='<%= MAN_KNID_MONTHLY_INCOME_TAX_HH_1 %>'>
</td>
<td>
<input readonly style="background-color: <%=slskb_color5%>;" type="text" style="width: 13px" name="MAN_KNID_MONTHLY_INCOME_TAX_HH_1" value='<%= MAN_KNID_MONTHLY_INCOME_TAX_HH_1 %>'>
</td>
<td>
<input readonly style="background-color: <%=slskb_color5%>;" type="text" style="width: 13px" name="MAN_KNID_MONTHLY_INCOME_TAX_HH_1" value='<%= MAN_KNID_MONTHLY_INCOME_TAX_HH_1 %>'>
</td>
</tr>
<!-- Skattefria inkomster -->
</table>
</td>
</tr>
</table>
</div>
部分目前还不清楚什么是您的问题。你能否提供代码片段或小提琴? –
你在说什么?一行中只有多个标题。 –
你想做什么? –