GridView中的双列，从C＃中的后面代码构建

Question

我正在尝试使用RadioButton和CreditCardList中的数据填充GridView。 但是，它会将每个字段的列加倍……一组完整的列，然后是另一组完整的集（没有RadioButton）。我已经检查了creditCardList.items.Count并确保它仅为1（是）。 我究竟做错了什么？

aspx：

<asp:GridView ID="gvCards" runat="server" CellPadding="4" ForeColor="#333333" GridLines="None">
        <Columns>
            <asp:TemplateField HeaderText="Sel">
                <ItemTemplate>
                    <asp:RadioButton ID="Sel" runat="server" GroupName="rad" />
                </ItemTemplate>
            </asp:TemplateField>

            <asp:BoundField DataField="Name" HeaderText="Name" />
            <asp:BoundField DataField="Customer ID"  />
            <asp:BoundField DataField="Card ID" HeaderText="Card ID" />
            <asp:BoundField DataField="Card Number" HeaderText="Card Number" />
            <asp:BoundField DataField="Expiration" HeaderText="Expiration" />
            <asp:BoundField DataField="State" HeaderText="State" />
        </Columns>

    </asp:GridView>

后面的代码：

DataTable dt = new DataTable();
dt.Columns.Add("Name", typeof(string));
dt.Columns.Add("Customer ID", typeof(string));
dt.Columns.Add("Card ID", typeof(string));
dt.Columns.Add("Card Number", typeof(string));
dt.Columns.Add("Expiration", typeof(string));
dt.Columns.Add("State", typeof(string));
        for (var i = 0; i < creditCardList.items.Count; i++)
        {
            DataRow row1 = dt.NewRow();
            row1["Name"] = creditCardList.items[i].first_name + " " + creditCardList.items[i].last_name;
            row1["Customer ID"] = creditCardList.items[i].external_customer_id;
            row1["Card ID"] = creditCardList.items[i].id;
            row1["Card Number"] = creditCardList.items[i].number;
            row1["Expiration"] = creditCardList.items[i].expire_month + "/" + creditCardList.items[i].expire_year;
            row1["State"] = creditCardList.items[i].state;
            dt.Rows.Add(row1);
        }
        gvCards.DataSource = dt;
        gvCards.DataBind();

输出：Sel姓名卡ID卡号到期状态名称客户ID卡ID卡号到期状态Steve Ricketts％40LDN CON CARD-3F3 xxxxxxxxxxx1000 3/2020 ok Steve Ricketts％40LDN CON CARD-3F3 xxxxxxxxxxx1000 3/2020 ok

Answer 1

设置AutoGenerateColumns="false" 。

<asp:GridView ID="MyGrid" runat="server" AutoGenerateColumns="false">
     <Columns>
     </Columns>
</asp:GridView>

备注
当AutoGenerateColumns属性设置为true时，将自动为数据源中的每个字段创建一个AutoGeneratedField对象。 然后，每个字段在GridView控件中显示为一列，顺序是字段在数据源中出现的顺序。 此选项提供了一种方便的方式来显示数据源中的每个字段。 但是，您对自动显示的列字段的显示或行为控制有限。
您可以通过将AutoGenerateColumns属性设置为false，然后创建一个自定义的Columns集合来手动定义列字段，而不是让GridView控件自动生成列字段。 除了绑定列字段之外，您还可以基于您自己的自定义模板显示按钮列字段，复选框列字段，命令字段，超链接列字段，图像字段或列字段。