How do I change the column header of a GridView into 2 rows?

Tangara G

10y923.NET

Hi,

Can someone advise me how to make the column header into 2 rows or anyway so long a long word can split into 2 layers ?

Please find attached SupplierList where I want to me Supplier Code in 2 rows cos SupplierID and SupplierCode are jamming together.

Thanks.

5 Replies

Know the answer? Post it — somebody with the same question will find it here.

Tangara G10y ago
Jisny, your answer is same as the reply by the other member.
Anyway, I found the solution.
<asp:BoundField DataField="supplierId" HeaderText="Supplier
Id" HtmlEncode="false"

Hope it helps somebody out there.
Midhun Tp10y ago
Hi,
You can use below code -

Id" InsertVisible="False" ReadOnly="True" SortExpression="supplierId" HtmlEncode="false"/>
Please note the changes highlighted in yellow color
Tangara G10y ago
Hi both,
How to insert the things you said since I am using GridView ?
<%@PageTitle=""Language="C#"MasterPageFile="~/StoreClerk.Master"AutoEventWireup="true"CodeBehind="SupplierLists.aspx.cs"Inherits="LogicUniversity.SupplierLists"%>
"Content1"ContentPlaceHolderID="head"runat="server">
"Content2"ContentPlaceHolderID="StoreClerkContent"runat="server">
SupplierLists
"gvSupplierLists"runat="server"AutoGenerateColumns="False"CellPadding="4"DataKeyNames="supplierId"DataSourceID="SqlDataSource1"ForeColor="#333333"GridLines="None"AutoGenerateEditButton="True">
"White"/>
"50"/>
"supplierId"HeaderText="supplierId"InsertVisible="False"ReadOnly="True"SortExpression="supplierId"/>
"supplierCode"HeaderText="supplierCode"SortExpression="supplierCode"/>
"supplierName"HeaderText="supplierName"SortExpression="supplierName"/>
"contactName"HeaderText="contactName"SortExpression="contactName"/>
"phone"HeaderText="phone"SortExpression="phone"/>
"fax"HeaderText="fax"SortExpression="fax"/>
"address"HeaderText="address"SortExpression="address"/>
"#990000"Font-Bold="True"ForeColor="White"/>
"#990000"Font-Bold="True"ForeColor="White"Height="50"/>
"#FFCC66"ForeColor="#333333"HorizontalAlign="Center"/>
"#FFFBD6"ForeColor="#333333"/>
"#FFCC66"Font-Bold="True"ForeColor="Navy"/>
"#FDF5AC"/>
"#4D0000"/>
"#FCF6C0"/>
"#820000"/>
"SqlDataSource1"runat="server"ConnectionString="<%$ConnectionStrings:logic_universityConnectionString%>"SelectCommand="SELECT*FROM[supplier]">
Midhun Tp10y ago
Hi,
You can manage it using css. Give below style to your header class.
word-break: break-all;
Jisny Av10y ago
Hi,
You can use
in headings. For example

Supplier

Id

<%#DataBinder.Eval(Container, "DataItem.ID")%>

How do I change the column header of a GridView into 2 rows?

SupplierLists