Question

Currently I’m programming something in asp.net. I have a gridview of 69ish columns and 250.000 records. I have paging on the gridview and I show 15 records / page.

Now to be able to add more records I want to wrap my header text.

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

In my headerstyle of my gridview I’ve tried several things:

1. Wrap="false";
2. Cssclass -> white-space:nowrap;

I have also noticed that when I run the web application locally, IE ‘reads’ it perfectly and wraps it like I want it to wrap. However when I publish it to the company web server, it freaks out and does whatever the hell he wants.

<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>

• I have deleted a lot of columns in order to make it look less like a wall of text! 🙂 *

If you guys need any other code, just ask me 😉

Answer 1

Hit F12 to get into the developer tools. Check the view mode in both your local and intranet deployments. I have a feeling that IE forces you into compatibility mode on intranets. You can override this behaviour but double check by selecting standard and the compatibility modes in the dropdown to see if this is the issue.

edit:
if it is the issue which you have now said it is the html needs the following meta tag:

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

this meta tag must be the first tag in the header