Gridview - выровнять по центру тег «EmptyDataText», чтобы он не был по умолчанию слева от страницы - PullRequest
Новая
       27

Gridview - выровнять по центру тег «EmptyDataText», чтобы он не был по умолчанию слева от страницы

0 голосов
/ 23 октября 2009

У меня есть элемент управления gridview в моей программе на c #. Обычно кто-то вводит адрес электронной почты, и затем данные отображаются в сетке, но если с адресом электронной почты не может быть найдено никаких данных, сообщение отображается с использованием тега EmptyDataText = «данные недоступны», но я не могу оформить текст » данные отсутствуют », поэтому они отображаются в центре страницы, а не по умолчанию слева. Хотя CSS работает, я могу изменить размер и тип шрифта, но не text-align: center.

Я пробовал несколько вариантов: 

<EmptyDataRowStyle Font-Size="12px" text-align="center" />

Проблема в выравнивании текста: центр не является допустимым атрибутом.

Другой вариант был: 

<EmptyDataRowStyle cssclass="mycentertext" />

А затем я ссылаюсь на свой файл style.css и помещаю в него: 

.mycentertext {text-align: center;font-size: 12px;font-family: Verdana;}

Опять же, размер шрифта изменяется и тип шрифта, но все еще не выровнен.

Пожалуйста, помогите!

Это моя сетка: 

<asp:GridView ID="GridView1" Visible="false" runat="server" AutoGenerateColumns="False" DataKeyNames="ID"
                DataSourceID="SqlDataSource" EmptyDataText="No data could be found for the email address" CellSpacing="3" CellPadding="4"
                GridLines="None" ForeColor="#333333">
                <Columns>
                    <asp:BoundField DataField="ID" HeaderText="ID" InsertVisible="False" ReadOnly="True"
                        SortExpression="ID">
                        <ItemStyle Font-Names="Verdana" Font-Size="9pt" />
                        <HeaderStyle Font-Names="Verdana" Font-Size="10pt" />
                    </asp:BoundField>
                    <asp:BoundField DataField="name" HeaderText="Name" SortExpression="name">
                        <ItemStyle Font-Names="Verdana" Font-Size="9pt" />
                        <HeaderStyle Font-Names="Verdana" Font-Size="10pt" />
                    </asp:BoundField>
                    <asp:BoundField DataField="EmailAddress" HeaderText="Email Address" SortExpression="EmailAddress">
                        <ItemStyle Font-Names="Verdana" Font-Size="9pt" />
                        <HeaderStyle Font-Names="Verdana" Font-Size="10pt" />
                    </asp:BoundField>
                    <asp:BoundField DataField="Address1" HeaderText="Address1" SortExpression="Address1">
                        <ItemStyle Font-Names="Verdana" Font-Size="9pt" />
                        <HeaderStyle Font-Names="Verdana" Font-Size="10pt" />
                    </asp:BoundField>
                    <asp:BoundField DataField="Address2" HeaderText="Address2" SortExpression="Address2">
                        <ItemStyle Font-Names="Verdana" Font-Size="9pt" />
                        <HeaderStyle Font-Names="Verdana" Font-Size="10pt" />
                    </asp:BoundField>
                    <asp:BoundField DataField="city" HeaderText="City" SortExpression="city">
                        <ItemStyle Font-Names="Verdana" Font-Size="9pt" />
                        <HeaderStyle Font-Names="Verdana" Font-Size="10pt" />
                    </asp:BoundField>
                </Columns>

                <RowStyle BackColor="#F7F6F3" ForeColor="#333333" />
                <FooterStyle BackColor="#5D7B9D" ForeColor="White" Font-Bold="True" />
                <PagerStyle BackColor="#284775" ForeColor="White" HorizontalAlign="Center" />
                <SelectedRowStyle BackColor="#E2DED6" Font-Bold="True" ForeColor="#333333" />
                <HeaderStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
                <AlternatingRowStyle BackColor="White" ForeColor="#284775" />
                <EditRowStyle BackColor="#999999" />
                <EmptyDataRowStyle cssclass="mycentertext" />
            </asp:GridView>

Ответы [ 3 ]

2 голосов
/ 23 октября 2009

Что произойдет, если вы добавите HorizontalAlign = "Center" в тег EmptyDataRowStyle? Кроме того, вы вообще используете скины?

0 голосов
/ 26 сентября 2015

Все, что вам нужно сделать, это добавить к сетке CssClass="myGrid, и в этом стиле "myGrid" вы должны добавить margin: 0 auto, и это выровняет сообщение emptydata с центром.

0 голосов
/ 02 августа 2013

Ваш селектор в коде css должен быть:

tr.mycentertext td {text-align: center; размер шрифта: 12px; семейство шрифтов: Verdana; }

...