html表格缩进问题

Question

我有这个表格:

标记是:

<table style="width: 100%; padding:5px;">
<col style="width: 20%; text-align: left" />
<col style="width: 80%; text-align: left" />
<tr>
    <td>
        <div>
            Наименование</div>
    </td>
    <td>
        <dx:ASPxButtonEdit ID="beWorkTypeName" runat="server" AutoPostBack="False">
            <Buttons>
                <dx:EditButton>
                </dx:EditButton>
            </Buttons>
        </dx:ASPxButtonEdit>
    </td>
</tr>
<tr>
    <td>
        <div>
            Скважина</div>
    </td>
    <td>
        <dx:ASPxButtonEdit ID="beWell" runat="server" AutoPostBack="False">
            <Buttons>
                <dx:EditButton>
                </dx:EditButton>
            </Buttons>
        </dx:ASPxButtonEdit>
    </td>
</tr>
<tr>
    <td>
        <div>
            Дата начала</div>
    </td>
    <td>
        <table>
            <tr>
                <td>
                    <dx:ASPxDateEdit ID="deBeginDate" runat="server">
                    </dx:ASPxDateEdit>
                </td>
                <td>
                    <dx:ASPxButton ID="btnDateChange" AutoPostBack="false" Enabled="false" Text="Изменить дату"
                        runat="server">
                    </dx:ASPxButton>
                </td>
                <td>
                    <dx:ASPxCheckBox ID="cbIsMainWorkType" Enabled="false" runat="server">
                    </dx:ASPxCheckBox>
                </td>
                <td>
                    <div>
                        Основной вид работ в заявке</div>
                </td>
            </tr>
        </table>
    </td>
</tr>

问题是:我如何摆脱表格在另一个表格中的这种可怕的缩进？

Answer 1

尝试按如下方式设计您的内表:

.innerTable {
    border: 0px;
    border-collapse: collapse;
    margin: 0px;
    padding: 0px;
}

编辑:您可能还需要删除表格行和单元格的间距:

.innerTable tr {
    border: 0px;
    margin: 0px;
    padding: 0px;
}

.innerTable th {
    border: 0px;
    margin: 0px;
    padding: 0px;
}

.innerTable td {
    border: 0px;
    margin: 0px;
    padding: 0px;
}