2

ページング ボタンを取得できません: "<< < > >>" を右揃えにします。これが私のGridViewです：

               <asp:GridView ID="GridView1" ShowHeader="false" AllowPaging="true" PageSize="2"
                                AutoGenerateColumns="false" Width="100%" runat="server">
                                <Columns>
                                    <asp:TemplateField>
                                        <ItemTemplate>
                                           foo
                                        </ItemTemplate>
                                        <ItemStyle CssClass="blah" />
                                    </asp:TemplateField>
                                    <asp:TemplateField>
                                        <ItemTemplate>
                                            bar
                                        </ItemTemplate>
                                        <ItemStyle CssClass="pluh" />
                                    </asp:TemplateField>
                                </Columns>

                                <PagerStyle CssClass="gridpager" HorizontalAlign="Right" />
                                <PagerSettings Mode="NextPreviousFirstLast" FirstPageText="<<" PreviousPageText="<"
                                    NextPageText=">" LastPageText=" >>"  Position="Bottom" />

                            </asp:GridView>

そしてCSSスタイル：

   .gridpager, .gridpager td
    {
       padding-left: 5px;
       text-align: right;
    }

PageStyle CssClass を削除し、PagerSettings で Horizo​​ntalAlign="Right" を使用すると機能しますが、必要なパディングが得られません。また、サンプルのように CssClass と Horizo​​ntalAlign の両方を指定しても機能しません。

私は何をする必要がありますか？

ありがとうございました！

4

3 に答える 3

3

ひどいマークアップ Web フォームの出力が原因のようです。ページャーは、td 内のテーブルとして作成されます。このCSSで動作させることができます：

.gridpager table {
    float: right;
}

編集：あなたがそれを理解してよかったです。純粋なCSSでやりたいのかどうかわかりませんでした。私もそのfloat方法はあまり好きではありません。

編集2：レンダリングされたグリッドは、使用時にページャーに使用されるalign属性を使用するように見えますtd<PagerStyle HorizontalAlign="Right" />

于 2012-09-06T22:01:00.373 に答える
1

ちょっとばかげている気がしますが、自分のスタイルから "text-align: right" を削除する必要があることがわかりました。読んでくれてありがとう！

于 2012-09-06T21:59:55.200 に答える
0

単純に css トリックを行うことができます:

.gridpager td table{
     margin-right:20px;
}

これで問題は解決するはずです。

于 2013-03-11T19:38:56.920 に答える