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.
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.
Share Improve this question edited Apr 12, 2016 at 9:25 Rohit Agre 1,5281 gold badge14 silver badges25 bronze badges asked Apr 12, 2016 at 9:01 LinesofcodeLinesofcode 5,90314 gold badges70 silver badges131 bronze badges 3- you have to customize the style (css) – Oki Erie Rinaldi Commented Apr 12, 2016 at 9:04
- Or, change the appearance position of datetimepicker. The datetimepicker widget needs space. – Oki Erie Rinaldi Commented Apr 12, 2016 at 9:06
- Try wrapping the datetimepicker iniside a inlin-block or block element. – Edis Golubich Commented Apr 12, 2016 at 9:08
2 Answers
Reset to default 13Apply position:relative to the <td> of your table. will solve your issue.
Here's updated fiddle https://jsfiddle/znLmpgz7/1/
.table td{
position:relative;
}
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.