Full width table with Bulma

Full width table with Bulma

mbaasmbaas Posts: 67Questions: 24Answers: 1

Link to test case:
https://mbaas.de/dt+bulma.html (2nd tab, "Bulma")

Debugger code (debug.datatables.net):
imewor
Error messages shown:
Description of problem:
I have set up a table that should consume 100% of the width. For some reason, the Datatable gets to use a class "is-half" which is part of Bulma and which translates into 50% width. When not using Bulma, the table gets 100% width - so it seems there is a problem in the Bulma integration...

Or do I need to apply additional styles to avoid this effect?

This question has an accepted answers - jump to answer

Answers

  • kthorngrenkthorngren Posts: 20,276Questions: 26Answers: 4,765
    edited August 2022 Answer ✓

    Try adding style="width:100%" to the table tag as shown in this example.

    Kevin

  • mbaasmbaas Posts: 67Questions: 24Answers: 1

    Thanks - that helped. (I had thought styling table, as I did in the css in the head, would be good enough...)

Sign In or Register to comment.