Twitter Bootstrap Button Dropdown in jqGrid row

Question

I am trying to add bootstrap drop down button in a column of jqGrid row but when user clicks on the down arrow in the button so see the options, the options gets hidden behind the next row of the grid.

Have tried setting the zIndex but did not work.

Please suggest.

---

Solved:

The issues was fixed by overriding the jqGrid css ".ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv" to have overflow: visible

Answer 1

Your question look similar to this one https://stackoverflow.com/a/11067115/1416911

There's several solution (thanks to the bounty) to deal with the dropdown overflow issue.

Look at @ScottS answer in particular.