セルテーブル内にテーブルがあります。スペース全体をテーブルで占めたい。テーブルがセルの中央のみを占めているように見えます。
<asp:ListView ID="EmployeeListView" runat="server">
<LayoutTemplate>
<table id="tblEmployee">
</table>
</LayoutTemplate>
<ItemTemplate>
<tr>
<td>
<table style = "width: 100%; border-collapse: collapse; padding: 0">
<tr>
<td class = "aprovGriditem">
<asp:Label ID="Label1" runat="server" Text="3:15"></asp:Label>
</td>
</tr>
<tr>
<td class = "aprovGridalt">
<asp:Label ID="Label2" runat="server" Text="0:45"></asp:Label>
</td>
</tr>
</table>
</td>
</tr>
</ItemTemplate>
</asp:ListView>
内側のテーブルの両方のセルが、外側のセルのスペース全体を均等に占有するようにしたいのですが、中央に集中してそれらの周りにスペースを残すのではありません。
#tblEmployee
{
border-collapse: collapse;
height: 100%;
width: 100%;
}
#tblEmployee th
{
background-color: #BBC6E3;
height: 25px;
}
.aprovGriditem
{
border: 2px solid #BBC6E3;
padding: 0;
width: 100%;
}
.aprovGridalt
{
background-color: #BBC6E3;
border: 2px solid #BBC6E3;
padding: 0;
width: 100%;
}