Hi i'm facing an error while Clicking Filtering when there is no records in ig-Grid the filter popup displayed  as partial popup remaining part is Hidden.

My requirement is there should not be any extra greysapce in ig-grid , so i removed height from the following code.

From the below code while there is records in Grid Filtering popup  is displaying fine , but when there is no records in ig-grid - only partial filtering popup in displaying.

The below are the code i have used while binding.

function BindGrid(columns) {
var pageCount = indexGridPageCount();
pageCount = parseInt(pageCount) + 1;
$("#SampleGrid").igGrid({
primaryKey: "ProjectId",
autoGeneratecolumns: false,
autoGeneraterows: false,
width: "50%",
columns: columns,
fixedHeaders: true,
autofitLastColumn: false,
responseDataKey: "Records",
features: [
{
name: "Selection",
mode: "row",
activation: true
},
{
name: "Responsive",
enableVerticalRendering: false,
enableCheckBoxes: true
},
{
name: "Filtering",
type: "remote",
columnSettings: [],
filterDropDownItemIcons: true,
filterDropDownWidth: 0,
filterExprUrlKey: "filter"
},
{
name: "Sorting",
type: "remote",
columnSettings: [],
sortUrlKey: 'sort',
sortUrlKeyAscValue: 'asc',
sortUrlKeyDescValue: 'desc'

},
{ name: 'Tooltips', visibility: 'overflow' },
{
name: 'Updating',
enableAddRow: false,
enableDeleteRow: false,
editMode: 'none'
},
],
enableHoverStyles: true,
dataSource: "@(Url.Action("SampleGrid"))",
});
}