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

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;
}