<div>
It's been a while since I've used Gridviews but can you use<br />
<br />
&nbsp; &nbsp; &nbsp; &lt;ItemStyle &nbsp;CssClass=&quot;mystyle&quot; /&gt;<br />
<br />
with css<br />
.mystyle<br />
{vertical-align: &lt;something here&gt;}<br />
<br />
OR<br />
<br />
&lt;asp:TemplateField ItemStyle-VerticalAlign=&quot;.<wbr />....&quot;
</div>


It's been a while since I've used Gridviews but can you use

      <ItemStyle  CssClass="mystyle" />

with css
.mystyle
{vertical-align: <something here>}

OR

<asp:TemplateField ItemStyle-VerticalAlign="....."

<div>
<div class="content wysiwyg-content">
I have a GridVIew table in an ASP.net project. I need the column headings to be oriented vertically.<br />
<br />
I have achieved this with the following steps:<br />
<br />
1) Adding the following into the head:<br />
<br />
&nbsp; &nbsp; &lt;style&gt;<br />
&nbsp; &nbsp; &nbsp; &nbsp; .verticaltext<br />
&nbsp; &nbsp; &nbsp; &nbsp; {<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; writing-mode: vertical-rl;<br />
&nbsp; &nbsp; &nbsp; &nbsp; }<br />
&nbsp; &nbsp; &lt;/style&gt;<br />
<br />
2) Adding the following into gvResults_DataBound:<br />
<br />
For C = 2 To 16<br />
&nbsp; &nbsp; &nbsp; gvResults.HeaderRow.Cells(<wbr />C).Text = &quot;&lt;div class=&quot;&quot;verticaltext&quot;&quot;&gt;&quot; &amp;&nbsp;gvResults.Columns(C).Heade<wbr />rText &amp;&nbsp;&quot;&lt;/div&gt;&quot;<br />
Next<br />
<br />
This has the required visual effect, but unfortunately breaks the ability to click the column heading to sort the table.<br />
<br />
Can anyone suggest a way to re-orient the header text without breaking the sort functionality.<br />
<br />
Thanks,<br />
<br />
Richard
</div>
</div>


I have a GridVIew table in an ASP.net project. I need the column headings to be oriented vertically.

I have achieved this with the following steps:

1) Adding the following into the head:

    <style>
        .verticaltext
        {
            writing-mode: vertical-rl;
        }
    </style>

2) Adding the following into gvResults_DataBound:

For C = 2 To 16
      gvResults.HeaderRow.Cells(C).Text = "<div class=""verticaltext"">" & gvResults.Columns(C).HeaderText & "</div>"
Next

This has the required visual effect, but unfortunately breaks the ability to click the column heading to sort the table.

Can anyone suggest a way to re-orient the header text without breaking the sort functionality.

Thanks,

Richard

GridView vertical column headings without breaking the sort functionality

The successor to Active Server Pages, ASP.NET websites utilize the .NET framework to produce dynamic, data and content-driven web applications and services. ASP.NET code can be written using any .NET supported language. As of 2009, ASP.NET can also apply the Model-View-Controller (MVC) pattern to web applications

ASP.NET

Visual Basic .NET (VB.NET) is an object-oriented programming language implemented on the .NET framework, but also supported on other platforms such as Mono and Silverlight. Microsoft launched VB.NET as the successor to the Visual Basic language. Though it is similar in syntax to  Visual Basic pre-2002, it is not the same technology,

Visual Basic.NET

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.