ParamQuery : Hide Dropdown menu items on last row

[HardikKumar.Zaveri]

Hi,

We are using bootstrap dropdown menu within PQ Grid to display action items such as print, edit, delete etc. The dropdown menu appears currently for all rows except last row on PQ grid or when PQ grid has single row.

When we scroll to last row and click dropdown menu to open its menu items, menu items become hidden inside grid.

Can you please suggest what setting do we need to make in PQ grid so that dropdown menu items appears outside PQ Grid and does not overflow inside PQ Grid?

Also, this problem appears at multiple places so if you suggest a solution which we can apply through single place then that would be great. This can help us reducing duplicate code of solving this drodown overflow issue.


Regards,
Hardik Zaveri.

[paramvir]

Please try this:

Code: [Select]

.pq-grid
    {
        overflow:visible;
    } 

Kindly share a jsfiddle/plnkr if the problem still persists.

[HardikKumar.Zaveri]

Hi,

Thanks for your reply. When we set this option, the pqgrid gives strange behavior on Pivot functionality (Pivot option does not work properly) and scroll functionality.