Home » vue » vuejs-datepicke style broken in a table

vuejs-datepicke style broken in a table

Posted by: admin November 26, 2021 Leave a comment


DatePicker working OK everywhere in my VueJs Application. But when I try to set it in a table.
Like the Below Code –


Its alignment is broken like this –
enter image description here

If I remove the bootstrap default table class from
<table class="table"> tag. Its works fine.


This is because its conflicting with something in your css. The datepicker is absolutely positioned so the table does not affect it.

Just check if your <td> has white-space: nowrap; – it should depend on this.