换行标头在IE中不起作用

目前我正在asp.net中编程。我有一个69ish列和250.000条记录的网格视图。我在网格视图上有分页，每页显示15条记录。

现在，为了能够添加更多的记录，我想包装我的标题文本。

For example: | Project Funds in USD | (should it be) --- (what I have now) | Project |
                                                                             Funds
                                                                             in USD

在我的网格视图中，我尝试了几种方法：

Wrap="false";
Csclass->white-space:nowrap;

我还注意到，当我在本地运行web应用程序时，IE会完美地"读取"它，并像我希望的那样包装它。然而，当我把它发布到公司的网络服务器上时，它吓坏了，为所欲为。

<div style="overflow: auto; width: auto; height: auto; margin-top: 5px; clear:both">                
        <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" AllowSorting="True" 
            DataKeyNames="iol_id" CellPadding="4" ForeColor="#333333" 
            OnSorting="GridView1_Sorting">
            <RowStyle BackColor="#F7F6F3" ForeColor="#333333" HorizontalAlign="Center"/>
            <Columns>
                <asp:BoundField DataField="Rank" HeaderText="Rank" 
                    SortExpression="Rank" ItemStyle-Wrap="false">
                    <ItemStyle Wrap="False"></ItemStyle>
                </asp:BoundField>
                <asp:BoundField DataField="OI_IV_Status" HeaderText="OI IV Status"
                    SortExpression="OI_IV_Status" ItemStyle-Wrap="false">
                    <ItemStyle Wrap="false" />
                </asp:BoundField>
                <asp:BoundField DataField="Supplier_Code" HeaderText="Supplier Code" 
                    SortExpression="Supplier_Code" ItemStyle-Wrap="false" >
                    <ItemStyle Wrap="False"></ItemStyle>
                </asp:BoundField>
                <asp:BoundField DataField="Billing_Period" HeaderText="Billing Period" 
                    SortExpression="Billing_Period" ItemStyle-Wrap="false" >
                    <ItemStyle Wrap="False"></ItemStyle>
                </asp:BoundField>
                <asp:BoundField DataField="Invoice_Type" HeaderText="Invoice Type" 
                    SortExpression="Invoice_Type" ItemStyle-Wrap="false" >
                    <ItemStyle Wrap="False"></ItemStyle>
                </asp:BoundField>
                <asp:BoundField DataField="Invoice_Number" HeaderText="Invoice Number" 
                    SortExpression="Invoice_Number" ItemStyle-Wrap="false" >
                    <ItemStyle Wrap="False"></ItemStyle>
                </asp:BoundField>
                <asp:BoundField DataField="Bussiness" HeaderText="Bussiness" 
                    SortExpression="Bussiness" ItemStyle-Wrap="false">
                    <ItemStyle Wrap="False"></ItemStyle>
                </asp:BoundField>
                <asp:BoundField DataField="Payer_LE_Code" HeaderText="Payer LE Code" 
                    SortExpression="Payer_LE_Code" ItemStyle-Wrap="false">
                    <ItemStyle Wrap="False"></ItemStyle>
                </asp:BoundField>
                <asp:BoundField DataField="Payer_LE_Name" HeaderText="Payer LE Name" 
                    SortExpression="Payer_LE_Name" ItemStyle-Wrap="false" >
                    <ItemStyle Wrap="False"></ItemStyle>
                </asp:BoundField>
                ...
            </Columns>
        <FooterStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
        <PagerStyle BackColor="#284775" ForeColor="White" HorizontalAlign="Left" />
        <SelectedRowStyle BackColor="#E2DED6" Font-Bold="True" ForeColor="#333333" />
        <HeaderStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" HorizontalAlign="Center" Wrap="false" />
        <EditRowStyle BackColor="#999999" />
        <AlternatingRowStyle BackColor="White" ForeColor="#284775" />
    </asp:GridView>
    </div>

我删除了很多列，让它看起来不像一堵文字墙！：）*

如果你们需要任何其他代码，请问我；）

点击F12进入开发工具。检查本地和intranet部署中的视图模式。我有一种感觉，IE迫使你在内部网上进入兼容模式。您可以覆盖此行为，但通过在下拉列表中选择标准和兼容模式来仔细检查，以确定是否存在此问题。

编辑：如果是你现在说的问题，html需要以下元标签：

<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

该元标记必须是标头中的第一个标记

white-space:nowrap是为了确保标头不换行，这与您试图做的相反…

相关内容

最新更新

热门标签：