Question

假设asp.net gridView中有8列。 col1，col2，col3，col4，col5，col6，....我希望他们以这种方式安排：

-----------------------------
col_one | col_two | col_three
-----------------------------
col1     col4      col6  
col2     col5      col7
col3          

-----------------------------

我怎么能这样做？

我用Google搜索并找到了一篇文章here，它在列中排列了几列，但没有将排列的列放在不同的行中。

我可以在这里发布什么代码..我只是在搜索...

如何实现？

我应该切换到datagrid吗？为什么？

Answer 1

您应该使用TemplateField，然后根据需要为特定模式设置模板，如下所示：

    <asp:GridView ID="GridView1" runat="server" DataKeyNames="Id" DataSourceID="ObjectDataSource1" AutoGenerateColumns="false">
        <Columns>
            <asp:TemplateField HeaderText="col_one">
                <ItemTemplate>
                    <asp:Label ID="Label1" runat="server" Text='<%# Eval("col1") %>'></asp:Label><br />
                    <asp:Label ID="Label2" runat="server" Text='<%# Eval("col2") %>'></asp:Label><br />
                    <asp:Label ID="Label3" runat="server" Text='<%# Eval("col3") %>'></asp:Label>
                </ItemTemplate>
            </asp:TemplateField>
            <asp:TemplateField HeaderText="col_two">
                <ItemTemplate>
                    <asp:Label ID="Label1" runat="server" Text='<%# Eval("col4") %>'></asp:Label><br />
                    <asp:Label ID="Label2" runat="server" Text='<%# Eval("col5") %>'></asp:Label>
                </ItemTemplate>
            </asp:TemplateField>
            <asp:TemplateField HeaderText="col_three">
                <ItemTemplate>
                    <asp:Label ID="Label1" runat="server" Text='<%# Eval("col6") %>'></asp:Label><br />
                    <asp:Label ID="Label2" runat="server" Text='<%# Eval("col7") %>'></asp:Label>
                </ItemTemplate>
            </asp:TemplateField>
        </Columns>
    </asp:GridView>
    <asp:ObjectDataSource ID="ObjectDataSource1" runat="server" SelectMethod="GetItems" TypeName="WebTester.DataGridTester">
    </asp:ObjectDataSource>

和页码：

    public static DataTable GetItems()
    { 
        //generate some demo data...
        DataTable dt = new DataTable();
        dt.Columns.Add("Id",typeof(int));
        dt.Columns.Add("col1", typeof(string));
        dt.Columns.Add("col2", typeof(string));
        dt.Columns.Add("col3", typeof(string));
        dt.Columns.Add("col4", typeof(string));
        dt.Columns.Add("col5", typeof(string));
        dt.Columns.Add("col6", typeof(string));
        dt.Columns.Add("col7", typeof(string));
        dt.Rows.Add(new object[] {1,"some","data","in","first","row", ".", ".." });
        dt.Rows.Add(new object[] { 2, "second", "record", "inside", "demo", "datatable", "-", "--" });
        return dt;
    }

asp.net GridView，在单个列中显示多行中的多个列

1 个答案: