如何在页面上旋转gridview？答案

【问题标题】：How can i rotate gridview on page?如何在页面上旋转gridview？
【发布时间】：2018-06-28 10:32:45
【问题描述】：

我想在 Web 窗体中旋转 gridview 以清楚地打印它，因为它不适合页面的纵向方向。 Gridview 正在追赶page-break-before:always;
但是当我旋转它时，由于一些奇怪的原因，它会削减 50% 的网格。
如何旋转网格并使其 100% 适合页面？
我想要这样的东西：
但是我有这种情况
我要旋转的 CSS：

.gridCss {
    width: 100%; 
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg); 
    -webkit-transform: rotate(90deg);  
    -o-transform: rotate(90deg);  
    font-size:8px;
    word-wrap: break-word;
    height:100%;
}

我的代码：

<div class="gridCss"  style="page-break-before:always;"   >
    <br />
    <br />          
    <center CssClass="rotateText" > <asp:Label ID="MainLbl" runat="server"  />  &nbsp;и</center> <br />
    <center CssClass="rotateText" ><asp:Label ID="Lab1" runat="server" Text=""></asp:Label></center> <br />
    <br />
    <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" DataSourceID="DSI" Width="100%"   >
        <Columns>
            <asp:BoundField DataField="one" HeaderText=""  SortExpression="1" HtmlEncode="True" />
            <asp:BoundField DataField="fio" HeaderText="two" SortExpression="2" />
            <asp:BoundField DataField="3" HeaderText="" SortExpression="3" />
            <asp:BoundField DataField="4" HeaderText="К4" SortExpression="4" />
            <asp:BoundField DataField="Date" HeaderText="5" SortExpression="Date" />
          ...
        </Columns>
    </asp:GridView>
    <asp:SqlDataSource ID="DSI" runat="server" ConnectionString="<%$ ConnectionStrings:ConnectSta %>" SelectCommand="Command" SelectCommandType="StoredProcedure">
        <SelectParameters>
            <asp:SessionParameter Name="Sess" SessionField="Sess" Type="String" />

            <asp:Parameter DefaultValue="1" Name="st" Type="Int32" />
            <asp:Parameter DefaultValue="1" Name="nr" Type="String" />

        </SelectParameters>
    </asp:SqlDataSource>
    <br />
    <br />
    <br />
    <br />
    <tr>
        <td class="abz"/>
        <td align="right"> 
        <pre>        
            &#9;_______
            <asp:Label ID="Label_gv_2"        runat="server" Text="_____"></asp:Label>
            _______    __________________ &#9;Дата:___
            <asp:Label ID="Label_dt_2" runat="server" Text="_____"></asp:Label>
            ________ &#9;&#9;(ФИО)&#9;&#9;&#9;&#9;(подпись)<br />
        </pre>
</div>

【问题讨论】：

添加生成的html而不是asp.net标签。此外，它现在的样子似乎不是有效的 html；并且您缺少用于旋转 transform: rotate(90deg); 的非前缀 css

标签： c# css asp.net gridview webforms

【解决方案1】：

我使用了支持 export and printing 和扩展选项的 DevExpress 数据网格，包括文档 page orientation。如果不需要网格，可以使用他们的reporting tool 打印表格数据。

【讨论】：