Two headers when scrollX added. Vue component.

sasizvekv

When I adding scrollX to options for vue Component DataTable, there is appears two headers. How can I avoid this problem?
1. These articles did not help (1, 2) because there is no solution for Vue.
2. I can't create a test case because when I tried to fork this solution it didn't work at all.
3. Instead, I created a project to simulate the problem: https://github.com/LokkiDog/datatables.error

sasizvekv

I've been struggling with this problem for 3 days. As soon as I asked a question on the forum, I solved it myself:)

I had to write this line in the styles:
<style>
@import 'datatables.net-bs5';
</style>

allan

Typical isn't it . Great to hear you've got it sorted out now though.

Allan