Vista de cuadrícula: alinea el centro con la etiqueta 'EmptyDataText' & amp; así que no es la izquierda predeterminada de la página

Question

Tengo un control gridview en mi programa c #. Básicamente, alguien ingresa una dirección de correo electrónico y los datos se muestran en la vista de cuadrícula, pero si no se pueden encontrar datos con la dirección de correo electrónico, se muestra un mensaje utilizando EmptyDataText = " no hay datos disponibles " etiqueta, pero parece que no puedo aplicar el estilo al texto "no hay datos disponibles", por lo que aparece en el centro de la página en lugar de la izquierda predeterminada. Aunque el CSS parece estar funcionando, ya que puedo cambiar el tamaño y el tipo de fuente pero no alinear el texto: centro.

He probado varias opciones diferentes:

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

El problema es que text-align: center no es un atributo válido.

Otra opción era:

<EmptyDataRowStyle cssclass="mycentertext" />

Y luego me vinculo a mi archivo style.css y coloco en eso:

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

Nuevamente, el tamaño de la fuente cambia y el tipo de fuente, pero aún no está alineado.

¡Por favor ayuda!

Esta es mi vista de cuadrícula:

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

Answer 1

¿Qué sucede si agrega HorizontalAlign = " Centro " a la etiqueta EmptyDataRowStyle? Además, ¿estás usando skins?

Answer 2

Su selector en el código css debería ser:

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

Answer 3

Todo lo que tienes que hacer es agregar a la vista de cuadrícula un CssClass = " myGrid y en ese " myGrid " estilo debe agregar margen: 0 auto y eso alineará el mensaje de datos vacíos al centro.