Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

System.ArgumentOutOfRangeException: 'Index was out of range. Must be non-negative and less than the size of the collection. Parameter name: index'

See original GitHub issue

Test steps:

when the grid is loaded (default page size is 10)
i navigate to the last page
then change the page size to 50 or any number which is greater than 10.
then the ArgumentOutOfRangeException comes out.

dll version: DevExtreme.AspNet.Data 2.2.0

npm packages: “devextreme”: “^18.2.7”, “devextreme-angular”: “^18.2.7”, “devextreme-aspnet-data-nojquery”: “^2.2.0”,

DataSourceLoadOptions
    DefaultSort: null
    Filter: null
    Group: null
    GroupSummary: null
    IsCountQuery: false
    PaginateViaPrimaryKey: true
    PreSelect: null
    PrimaryKey: {string[1]}
    RemoteGrouping: null
    RemoteSelect: null
    RequireGroupCount: false
    RequireTotalCount: true
    Select: null
    Skip: 200
    Sort: null
    StringToLower: null
    Take: 50
    TotalSummary: null

  System.ArgumentOutOfRangeException: Index was out of range. Must be non-negative and less than the size of the collection.
Parameter name: index
   at System.Collections.Generic.List`1.System.Collections.IList.get_Item(Int32 index)
   at DevExtreme.AspNet.Data.FilterExpressionCompiler`1.CompileCore(ParameterExpression dataItemExpr, IList criteriaJson)
   at DevExtreme.AspNet.Data.FilterExpressionCompiler`1.Compile(IList criteriaJson)
   at DevExtreme.AspNet.Data.DataSourceExpressionBuilder`1.BuildCore(Expression expr, Boolean paginate, Boolean isCountQuery, Boolean remoteGrouping, IList filterOverride, IReadOnlyList`1 selectOverride)
   at DevExtreme.AspNet.Data.DataSourceLoaderImpl`1.Load()

<dx-data-grid id="grid" [dataSource]="dataSource" [wordWrapEnabled]="true" [allowColumnReordering]="true"
    height="600" showBorders="true">
    <dxo-paging [pageSize]="10"></dxo-paging>
    <dxo-pager [showPageSizeSelector]="true" [allowedPageSizes]="[10,20,50]"></dxo-pager>
    <dxo-selection mode="multiple"></dxo-selection>
    <dxo-filter-row [visible]="true"></dxo-filter-row>
    <dxo-header-filter [visible]="true"></dxo-header-filter>
    <dxo-group-panel [visible]="true"></dxo-group-panel> 
    <dxo-grouping [autoExpandAll]="false"></dxo-grouping>
    <dxo-remote-operations [sorting]="true" [paging]="true" [filtering]='true' [grouping]='true' [groupPaging]='true'>
    </dxo-remote-operations>
    <dxi-column dataField="id" width="280">
    </dxi-column>
    <dxi-column dataField="parentId" width="280" [allowSearch]="true">
    </dxi-column>
    <dxi-column dataField="displayName" [allowSearch]="true">
    </dxi-column>
    <dxi-column dataField="position" width="75" [allowSearch]="true">
    </dxi-column>
    <dxi-column dataField="type" width="100" [allowSearch]="true">
    </dxi-column>
    <dxi-column dataField="iconId" width="100" [allowSearch]="true">
    </dxi-column>
  </dx-data-grid>