Bootstrap-datetimepicker inside <table/> not showing properly

Question

I'm using Eonasdan/bootstrap-datetimepicker inside a <table/> and it works perfectly in some rows, however in the last rows the datetimepicker popup doesn't show in the right place where it should be.

Here's an image that illustrates the problem

And here's JSFiddle where you can try it out.

Answer 1

I have solved the issue by adding position:relative; rule to .bootstrap-datetimepicker-widget class in bootstrap-datetimepicker.min.js. and i also have some top position issue so i just set "top:0px !important" in css.

Answer 2

Apply position:relative to the <td> of your table. will solve your issue. Here's updated fiddle https://jsfiddle.net/znLmpgz7/1/

.table td{
  position:relative;
}