Hello, I have the following problem, I have a datagrid with a dropdown wich is populated by a large number of rows. For these reasons, i want to do some paging on my dropdown. I use the folowiing code :

<ig:WebDataGrid ID="wdgCostCenterList" runat="server" Height="350px" Width="100%"

                    AutoGenerateColumns="False" DataKeyFields="id" OnRowAdding="wdgCostCenterList_RowAdding"

                    EnableDataViewState="true">

                    <Columns>

                        <ig:BoundDataField DataFieldName="id" Hidden="True" Key="id">

                            <Header Text="id" />

                        </ig:BoundDataField>

                        <ig:BoundDataField DataFieldName="CMDPCostCenter" Key="CMDPCostCenter">

                            <Header Text="CMDP Cost center" />

                        </ig:BoundDataField>

                        <ig:BoundDataField DataFieldName="SCHOOLINGCostCenter" Key="SCHOOLINGCostCenter">

                            <Header Text="Schooling Cost center" />

                        </ig:BoundDataField>

                        <ig:TemplateDataField Key="delete" Width="70px">

                            <Header Text="Delete" />

                            <ItemTemplate>

                                <asp:ImageButton ID="ibtnDeleteRow" runat="server" ImageUrl="~/Images/delete.png"

                                    Height="20" Width="20" OnClick="ibtnDeleteRow_Click" CommandArgument='<%#Eval("id")%>' />

                            </ItemTemplate>

                        </ig:TemplateDataField>

                    </Columns>

                    <EditorProviders>

                        <ig:DropDownProvider ID="drpCMDPCostCenter">

                            <EditorControl ID="cmdpEditor" runat="server" ClientIDMode="Predictable" 

                            EnableDropDownAsChild="False" DropDownContainerMaxHeight="200px" 

                            DataSourceID="dtsCCCmdp" TextField="code" ValueField="id"

                            DisplayMode="DropDown" EnableAutoFiltering="Off"

                            PageSize="250" EnablePaging="true" PagerSettings-PagerMode="Numeric"

                            Width="300px" DropDownContainerHeight="300px" DropDownContainerWidth="400px"

                            EnablePersistingCustomValues="false">

                                <HeaderTemplate>

                                    <table style="width: 100%; height: 15px; background-color: Gray; color: White; font-size: 9px;

                                        font-weight: bold;" cellspacing="0">

                                        <tr>

                                            <td style="width: 120px;">

                                                CODE

                                            </td>

                                            <td style="width: 160px;">

                                                NAME

                                            </td>

                                        </tr>

                                    </table>

                                </HeaderTemplate>

                                <ItemTemplate>

                                    <table style="width: 100%" cellspacing="0">

                                        <tr style="border-bottom: solid 1px #ff0000;">

                                            <td style="width: 120px;">

                                                <%# DataBinder.Eval(Container.DataItem, "CODE")%>

                                            </td>

                                            <td style="width: 160px;">

                                                <%# DataBinder.Eval(Container.DataItem, "NAME")%>

                                            </td>

                                        </tr>

                                    </table>

                                </ItemTemplate>

                            </EditorControl>

                        </ig:DropDownProvider>

                        <ig:DropDownProvider ID="drpSchoolingCostCenter">

                            <EditorControl runat="server" runat="server" ClientIDMode="Predictable" 

                            EnableDropDownAsChild="False" DropDownContainerMaxHeight="200px" 

                            DataSourceID="dtsCCSchooling" TextField="code" ValueField="id"

                            DisplayMode="DropDown" EnableAutoFiltering="Off"

                            PageSize="250" EnablePaging="true" PagerSettings-PagerMode="Numeric"

                            Width="300px" DropDownContainerHeight="300px" DropDownContainerWidth="400px"

                            EnablePersistingCustomValues="false">

                                <HeaderTemplate>

                                    <table style="width: 100%; height: 15px; background-color: Gray; color: White; font-size: 9px;

                                        font-weight: bold;" cellspacing="0" cellpadding="4">

                                        <tr>

                                            <td style="width: 150px;">

                                                CODE

                                            </td>

                                            <td style="width: 130px;">

                                                NAME

                                            </td>

                                        </tr>

                                    </table>

                                </HeaderTemplate>

                                <ItemTemplate>

                                    <table style="width: 100%" cellspacing="0" cellpadding="4">

                                        <tr style="border-bottom: solid 1px #ff0000;">

                                            <td style="width: 120px;">

                                                <%# DataBinder.Eval(Container.DataItem, "CODE")%>

                                            </td>

                                            <td style="width: 140px; padding-left: 10px;">

                                                <%# DataBinder.Eval(Container.DataItem, "NAME")%>

                                            </td>

                                        </tr>

                                    </table>

                                </ItemTemplate>

                            </EditorControl>

                        </ig:DropDownProvider>

                    </EditorProviders>

                    <Behaviors>

                        <ig:EditingCore>

                            <Behaviors>

                                <ig:RowAdding>

                                    <ColumnSettings>

                                        <ig:RowAddingColumnSetting ColumnKey="CMDPCostCenter" EditorID="drpCMDPCostCenter"/>

                                        <ig:RowAddingColumnSetting ColumnKey="SCHOOLINGCostCenter" EditorID="drpSchoolingCostCenter"/>

                                    </ColumnSettings>

                                </ig:RowAdding>

                            </Behaviors>

                        </ig:EditingCore>

                        <ig:Selection CellClickAction="Row" RowSelectType="Single">

                        </ig:Selection>

                        <ig:RowSelectors>

                        </ig:RowSelectors>

                    </Behaviors>

                </ig:WebDataGrid>

With the followin CSS in the header of my page

    <style type="text/css">       

         .igdd_Pager

        {

            width: 400px;

            height: 20px;

        }

    </style>

But it doesn't work, the paging number don't appear. It's really disapointing, because when i put the code of the dropdownprovider in a webdropdown it works.

What do I have made wrong?

Best regards