Datagrid中的CSS垂直文本

时间:2014-01-10 16:56:32

标签: asp.net css gridview

问题:

文本正确更改为垂直,但在Gridview中文本不会转到一行,浏览器会根据它所在的水平框进行渲染。

有很多垂直对齐但不在gridview本身内。

目标:

要使文字侧向 - 完成 要使文本侧向并且boundfield是文本的高度而不是宽度 - 未完成

备注:

请注意,这是一个ASP gridview而不是datagridview

CSS:

 .Grid th    
 {             
    vertical-align:bottom;
    -webkit-transform: rotate(-90deg); 
    -moz-transform: rotate(-90deg); 
    -o-transform: rotate(-90deg); 
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); 
 }

网格示例:

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" CellPadding="4"
        DataKeyNames="PId" GridLines="None" Width="100%" AllowPaging="True"
        AllowSorting="True" CssClass="Grid" PagerStyle-CssClass="pgr" AlternatingRowStyle-CssClass="alt"   DataSourceID="SqlDataSource1" PageSize="20" HeaderStyle="Header"  EmptyDataText="Please search to show results // Nothing found"
        OnRowDataBound="GridView1_RowDataBound"> <headerstyle CssClass="Header" />
        <Columns>

<asp:BoundField HeaderText="ColumnA" ReadOnly="True" ConvertEmptyStringToNull="true"/>

0 个答案:

没有答案