点网 Ajax ColorPickerExtender GridView 内部问题

Question

我在使用 Ajax 颜色选择器时遇到问题 当我单击“ChangeColor”按钮时，它会显示颜色选择器，但它在 colors 的每一行之间包含一些较大的间隙。 将其放在 gridview 之外的任何位置时，颜色选择器显示正确。

 <asp:TemplateField HeaderText="Selected Color" >
                        <ItemTemplate>
                            <asp:Label ID="lblcolor" runat="server"
                                Text='<%# Eval("selected_color")%>'></asp:Label>
                        </ItemTemplate>
                        <EditItemTemplate>
                          <div id="preview2" style="width:70px;height:70px;border:1px solid black;margin:0 3px;float:left">
    </div>
    <asp:Button ID="btn_color2" runat="server" Text="Change Color" Width = "100px" />
    <cc1:colorpickerextender id="ColorPicker2" runat="server" 
         targetcontrolid="tb_color2"
         samplecontrolid="preview2"
         popupbuttonid="btn_color2" 
         PopupPosition ="Right"     
          />  
       <asp:Textbox id="tb_color2" Enabled="false" runat="server" CssClass="textfield"  Width = "95px" Height="20px"/>

                        </EditItemTemplate>
                    </asp:TemplateField>

  <script type="text/javascript">
    Sys.Application.add_init(function() {
        
        // created yet, initialize it for the first time.
        if (!AjaxControlToolkit.ColorPickerBehavior._colorRegex) {
            AjaxControlToolkit.ColorPickerBehavior._colorRegex = new RegExp('^[A-Fa-f0-9]{6}$');
        }
    });
     
    </script>