Заголовок переноса не работает в IE - PullRequest
Новая
       12

Заголовок переноса не работает в IE

1 голос
/ 28 февраля 2012

В настоящее время я программирую что-то на asp.net. У меня есть сетка с 69-ю столбцами и 250 000 записей. У меня есть страница просмотра сетки, и я показываю 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;

Я также заметил, что когда я запускаю веб-приложение локально, 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>
  • Я удалил много столбцов, чтобы он не выглядел как стена текста! :) *

Если вам, ребята, нужен какой-то другой код, просто спросите меня;)

Ответы [ 2 ]

0 голосов
/ 28 февраля 2012

white-space:nowrap, чтобы убедиться, что заголовок НЕ переносится, что противоположно тому, что вы пытаетесь сделать ...

0 голосов
/ 28 февраля 2012

Нажмите F12, чтобы войти в инструменты разработчика.Проверьте режим просмотра как в локальной, так и в интрасети.У меня такое ощущение, что IE вынуждает вас в режим совместимости в интрасетях.Вы можете переопределить это поведение, но дважды проверьте, выбрав стандартный и режимы совместимости в раскрывающемся списке, чтобы увидеть, является ли это проблемой.

edit: если это проблема, о которой вы сказали, что html нуждается вследующий метатег: 

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

этот метатег должен быть первым тегом в заголовке

...