[Solved] Remove the numeric numbers in the pager

[Meng]

Hi there,

Is there any way to remove the numeric numbers in the pager, at the same time keep the page size drop down list? If I set <PagerStyle Mode="NextPrev"></PagerStyle>, then the page size drop down list disappears.

Any help is greatly appreciated.

screenshot attached.

[Jayesh Goyani]

Hello,

I am not able to reproduce this issue.
May be you have created global skin for grid and that skin applied to this grid that's why you are able to see numeric numbers...

<telerik:RadGrid ID="RadGrid1" runat="server" AutoGenerateColumns="false" OnNeedDataSource="RadGrid1_NeedDataSource"
        AllowFilteringByColumn="true" AllowMultiRowEdit="true"
           AllowMultiRowSelection="true" PageSize="2" AllowPaging="true">
           <MasterTableView CommandItemDisplay="Top">
               <Columns>
                   <telerik:GridBoundColumn DataField="ID" UniqueName="ID" HeaderText="ID">
                   </telerik:GridBoundColumn>
                   <telerik:GridBoundColumn DataField="Name" UniqueName="Name" HeaderText="Name">
                   </telerik:GridBoundColumn>
                   <telerik:GridEditCommandColumn>
                   </telerik:GridEditCommandColumn>
               </Columns>
           </MasterTableView>

           <PagerStyle Mode="NextPrev" />
       </telerik:RadGrid>

protected void RadGrid1_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)
       {
           dynamic data = new[] {
             new { ID = 1, Name ="aaa"},
             new { ID = 2, Name = "bbb"},
             new { ID = 3, Name = "ccc"},
             new { ID = 4, Name = "ddd"},
             new { ID = 5, Name ="eee"},
             new { ID = 6, Name ="aaa"},
             new { ID = 7, Name = "bbb"},
             new { ID = 8, Name = "ccc"},
             new { ID = 9, Name = "ddd"},
             new { ID = 10, Name ="eee"}
           };
           RadGrid1.DataSource = data;


       }

then also you can hide this numeric numbers by using below code snippet.

<style type="text/css">
        .rgNumPart
        {
            display: none !important;
        }
    </style>

Thanks,
Jayesh Goyani

[Meng]

Hi Jayesh,

Thanks for your help. When you set <PagerStyle Mode="NextPrev"></PagerStyle>, can you still see the page size dropdownlist? In my project, the page size dropdownlist disappreared when the pager mode set to "NextPrev". Please see the attached two screen shots. Thank you.

[Jayesh Goyani]

Hello,

Please also add below code snippet to hide combbox.

<style type="text/css">
        .rgAdvPart
        {
            display: none !important;
        }
    </style>

Thanks,

[Meng]

Hi Jayesh,

Thanks a lot. That fixed the problem.