正确对齐标题​​和列中的复选框

Question

我无法弄清楚我做错了什么。我希望第一列中的复选框显示在我的标题下的一个直接行中，带有复选框。代码示例：

 <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False"
                    GridLines="None" AllowSorting="True"
                    AllowPaging="True" PageSize="20" Width="100%" >
                     <HeaderStyle HorizontalAlign="Left" Wrap="False" />
                <Columns>
                 <asp:TemplateField>
                       <HeaderTemplate>
                            <input ID="SelectAllEvs" runat="server" type="checkbox" />                                
                       </HeaderTemplate>                       
                       <ItemTemplate>
                            <asp:CheckBox ID="EventSelector" runat="server" />                                  
                       </ItemTemplate>    
                        <ItemStyle HorizontalAlign="Left" />                                                                   
                   </asp:TemplateField>                       
                       <asp:BoundField DataField="EventDate" 
                            ...
                        <ItemStyle Wrap="False" />
                       </asp:BoundField>
                        <asp:BoundField DataField="Subject" 
                            ...                         
                       </asp:BoundField>
                        <asp:BoundField DataField="Body" 
                            ...
                       </asp:BoundField>                         
                </Columns>                    
    </asp:GridView>

附有结果的图像样本。 Thanx任何帮助。

Answer 1

删除<ItemStyle HorizontalAlign="Left" />复选框。并为该列提供固定宽度：

 <RowStyle Width="150px"/>

Answer 2

试试这段代码：

<Columns>
             <asp:TemplateField HeaderText="Checkbox">                             
                   <ItemTemplate>
                        <asp:CheckBox ID="EventSelector" runat="server" />                                  
                   </ItemTemplate>    
                    <ItemStyle HorizontalAlign="Left" />                                                                   
               </asp:TemplateField>                                                                     
</Columns>