Wrap标头在IE中不起作用

时间:2012-02-28 14:24:12

标签: c# asp.net header styles

目前我正在使用asp.net编程。我有一个69ish列和250,000条记录的gridview。我在gridview上有分页,我显示了15条记录/页。

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

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

在我的gridview的标题中,我尝试了几件事:

  1. Wrap="false";
  2. Cssclass - > white-space:nowrap;
  3. 我还注意到,当我在本地运行Web应用程序时,IE'完美地读取它并将其包装起来,就像我希望它包装一样。然而,当我将它发布到公司的Web服务器上时,它会吓坏了,无论他想做什么。

    <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>
    
    • 我删除了很多列,以使其看起来不像文本墙! :) *

    如果你们需要任何其他代码,请问我;)

2 个答案:

答案 0 :(得分:0)

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

编辑: 如果这是你现在说的问题,那么html需要以下元标记:

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

此元标记必须是标题

中的第一个标记

答案 1 :(得分:0)

white-space:nowrap是为了确保标题不会换行,这与你要做的事情相反......