C# gridview命令字段更新&；取消IE上出现的图像

我正在使用Gridview

我的代码是：

<asp:GridView ID="gvReceivers" runat="server" AutoGenerateColumns="False" 
    BackColor="LightGoldenrodYellow" BorderColor="Tan" BorderWidth="1px" 
    CellPadding="2" ForeColor="Black" GridLines="None"
    OnRowEditing="RowEditing" Font-Size="Medium" 
    OnSelectedIndexChanging="gvReceivers_SelectedIndexChanging" 
    onrowcancelingedit="gvReceivers_RowCancelingEdit" 
    onrowdeleting="gvReceivers_RowDeleting" 
            onrowupdating="gvReceivers_RowUpdating">
    <FooterStyle BackColor="Tan" />
        <Columns>
            <asp:CommandField ShowEditButton="True" ButtonType="Image"
                CancelImageUrl="~/Images/Cancel.png" UpdateImageUrl="~/Images/save.png"
                EditImageUrl="~/images/Edit.png" ItemStyle-Width="25px"
                UpdateText="Update" CancelText="Cancel" />
    <asp:CommandField ShowDeleteButton="true" 
                DeleteImageUrl="~/Images/delete.png" ButtonType="Image"
        ItemStyle-Width="25px" />
    <asp:TemplateField>
        <ItemTemplate>
        <asp:ImageButton runat="server" ID="imgSelect" 
                        CommandName="Select" AlternateText="Select"
            ImageUrl="~/Images/allowed.png" />
        </ItemTemplate>
    </asp:TemplateField>

现在，我点击编辑图像。更新和取消图像和事件即将到来。但问题在于IE更新和取消图像即将出现。它在Mozila和chrome上运行良好。请查看下图

---

您似乎没有为

ItemTemplate

指定任何宽度，您可以选择两个单独的

ItemTemplate

，也可以使用单个

<asp:TemplateField HeaderText="ColumnHeader">
       <EditItemTemplate>
            //You controls
       </EditItemTemplate>
    <ItemStyle Width="30%" />

并相应地更新代码。如果有什么地方卡住了，你可以问我。在这里，我们可以指导您，但主要任务是您必须自己完成。

<asp:TemplateField>
        <ItemTemplate>
        <asp:ImageButton runat="server" ID="imgSelect" 
                        CommandName="Select" AlternateText="Select"
            ImageUrl="~/Images/allowed.png" />
        </ItemTemplate>
 <ItemStyle Width="30%" />
    </asp:TemplateField>

只需在列中添加ItemStyle Wrap=“false”就很简单了。
正如多雷尔·多莫科斯所建议的那样，我在CommandField中使用了ItemStyle Wrap解决了换行问题

例如：

<asp:CommandField ButtonType="Image" ShowEditButton="True" EditImageUrl="~/images/edit.png" CancelImageUrl="~/images/cancel.png" UpdateImageUrl="~/images/update.png" ItemStyle-Wrap="false" >
    <ItemStyle Wrap="False" Width="48px"></ItemStyle>
</asp:CommandField>

希望有帮助。
请将宽度像素更改为%
<td style="width:48px;white-space:nowrap;">
    <input type="image" name="GridView1$ctl02$ctl00" src="images/update.png" alt="Update">
    &nbsp;
    <input type="image" src="images/cancel.png" alt="Cancel" onclick="javascript:__doPostBack('GridView1','Cancel$0');return false;">
</td>