删除表格的项目和表格边框中的空白区域

Question

我有以下表格：

实际上，这是一个付款方式为<tr>

的表格

另一个<tr>

中的图表

和网格位于另一个<tr>

中的<td>

我只想删除网格和表格边框之间的额外空间。

为此我选择不同宽度的网格，但空间总是随之而来。 （正如我在红色标记中提到的那样）。

如何删除该空间？

请帮帮我。

为了更清楚，下面是我的表格结构的代码：

<table cellpadding="0" cellspacing="0" width="25%">
    <tr>
        <td align="left" class="NormalText" colspan="2" style="font-weight: bold">
            By Payment mode
        </td>
    </tr>
    <tr>
        <td align="left" style="width: 30%" valign="top">
            <asp:Label ID="LblChartMonthTransPaywise" runat="server"></asp:Label>
        </td>
        <td align="left" valign="top" >
            <asp:GridView ID="GrdChartMonthTransPaywise" runat="server" AutoGenerateColumns="false"
                CellPadding="2" CellSpacing="2" ShowFooter="true" ShowHeader="false" Width="100%">
                <RowStyle CssClass="NormalText" VerticalAlign="Top" />
                <Columns>
                    <asp:TemplateField>
                        <ItemTemplate>
                            <%#Eval("PaymentMode")%>
                        </ItemTemplate>
                        <FooterTemplate>
                            Total:
                        </FooterTemplate>
                        <FooterStyle CssClass="NormalText" Font-Bold="true" HorizontalAlign="Right" />
                        <ItemStyle Width="40%" />
                    </asp:TemplateField>
                    <asp:TemplateField>
                        <ItemTemplate>
                            <asp:Label ID="LblAmt" runat="server" CssClass="NormalText"></asp:Label>
                        </ItemTemplate>
                        <ItemStyle HorizontalAlign="Right" Width="30%" />
                        <FooterTemplate>
                            <asp:Label ID="LblFootAmt" runat="server" CssClass="NormalText" Font-Bold="true"></asp:Label>
                        </FooterTemplate>
                        <FooterStyle HorizontalAlign="Right" Width="30%" />
                    </asp:TemplateField>
                    <asp:TemplateField>
                        <ItemTemplate>
                            <asp:Label ID="LblAmtPercentage" runat="server" CssClass="NormalText"></asp:Label>
                        </ItemTemplate>
                        <ItemStyle HorizontalAlign="Right" />
                    </asp:TemplateField>
                </Columns>
            </asp:GridView>
        </td>
    </tr>
</table>

Answer 1

我通过将margin-right:100px设置为gridview以上来完成此操作。

<td align="left" valign="top" style="margin-right:100px" >