Grid filter (checkbox) only shows first page choices

[David]

Hi,

I have a datagrid where some of the columns have repetitive data, so I want to be able to filter them using a checkbox instead of free text. The problem is that the filter menu seems to show only the first page's options. 
      

here is my grid's code:

    <ejs-grid width="100%" id="@SharedResources.DepotsTableID" dataSource="@Model" toolbarClick="toolbarClick" toolbar="@(new List<string>() { "Search", "ExcelExport"})"

              allowPaging="true"

              allowFiltering="true"

              allowSorting="true"

              allowReordering="true"

              allowExcelExport="true"

              allowResizing="true">

        <e-grid-searchSettings fields="@(new string[] { "Titre", "Auteurs" })" operator="contains" ignoreCase="true"></e-grid-searchSettings>

        <e-grid-pagesettings pageSizes="@(new string[] { "10", "25", "50", "100", SyncFusionResources.All })" pageSize="25"></e-grid-pagesettings>

        <e-grid-filtersettings type="Menu" operators="@(new { stringOperator = RightsAhead.Configuration.SyncFusionOptions.StringOperators })"></e-grid-filtersettings>

        <e-grid-columns>

            <e-grid-column width="50" field="TitreNum" textAlign="Center" headerText="ID"></e-grid-column>

            <e-grid-column width="150" field="Titre" headerText="@DashboardResources.TitreColumnHeader"></e-grid-column>

            <e-grid-column width="150" field="Auteurs" headerText="@DashboardResources.AuteursColumnHeader"></e-grid-column>

            <e-grid-column width="100" field="Societe" headerText="@DashboardResources.SocieteHeader" filter="@(new { type="CheckBox"})"></e-grid-column>

            <e-grid-column Width="100" field="DateEnvoi" headerText="@DashboardResources.DateEnvoiHeader" textAlign="Center" customFormat="@(new {type = "date", format = "d/M/y" })"></e-grid-column>

            <e-grid-column Width="100" field="DateDepot" headerText="@DashboardResources.DateDepotHeader" textAlign="Center" customFormat="@(new {type = "date", format = "d/M/y" })"></e-grid-column>

            <e-grid-column width="100" field="Depot" headerText="@DashboardResources.StatutHeader" textAlign="Center" template="#statusTemplate" filter="@(new { type="CheckBox", itemTemplate="#statusTemplate" })"></e-grid-column>

            <e-grid-column width="150" field="CWRTransactionStatus" headerText="@DashboardResources.CWRTransactionCodeHeader" filter="@(new { type="CheckBox" })"></e-grid-column>

        </e-grid-columns>

    </ejs-grid>

</div>

<script type="text/x-jsrender" id="statusTemplate">

    <div>

        <span class="${BadgeCssClass} badge-size">${DepotText}</span>

    </div>

</script>

Is there something I am missing?

[Balaji Sekar]

Hi David, 

 

Greetings from the Syncfusion support. 

 

We checked your query with provided sample code and we found that you have searched Grid in initial rendering since you can see only the searched data in CheckBox filter popup which is default behavior of the DataGrid component. 

 

If you want whole column details in the CheckBox filter,  please clear the search action in your code definition. 

 

Please get back to us, that will help to validate further. 

 

Regards, 

Balaji Sekar