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

Questions:

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

<tr><td>
    <datepicker></datepicker>
</td></tr>

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.

Answers:

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.