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

Question

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.

Tangara G · Answer

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 Tp · Answer

Hi, You can use below code - Id" InsertVisible="False" ReadOnly="True" SortExpression="supplierId" HtmlEncode="false" /> Please note the changes highlighted in yellow color

Tangara G · Answer

Hi both, How to insert the things you said since I am using GridView ? "" 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= " " SelectCommand= "SELECT*FROM[supplier]" >

Midhun Tp · Answer

Hi, You can manage it using css. Give below style to your header class. word-break : break-all ;

Jisny Av · Answer

Hi, You can use in headings. For example Supplier Id