Set width for table and columns?

Set width for table and columns?

Rapid1898Rapid1898 Posts: 27Questions: 8Answers: 0

Hello - is there any way to set the whole width of the table?
And also the width some columns (eg. when the width of a column is to small and the text get every time line breaked)?
(eg. the Calc Date column is to small - would like to have no linebreak here)

Tried it with this exmaple:
and did the following in my css-file:
div.container {
width: 80%;

But this doesn´t change anything - the table is stil with (too) much border on the left and right side.


  • colincolin Posts: 14,299Questions: 1Answers: 2,426
    edited May 2021

    By default, the table will fill the available space, as you can see in the standard test cases: . If that's not happening, there must be other CSS involved so we would need to see that - so could you update my link to demonstrate that please.

    For individual columns widths, you can use columns.width,



  • Rapid1898Rapid1898 Posts: 27Questions: 8Answers: 0

    Thanks for your help - finally i think i got i tweaked with css:

    It´s a little bit ugly cause i have to use !important
    But cause bootstrap is using this i have no other idea to get rid of it.

    With that code i got it fixed:
    body {
    min-height: 100vh;
    background-color: #90e0ef;
    background-image: linear-gradient(147deg, #90e0ef 0%, #023e8a 100%);
    /* border: 2px solid red; */

    div.container {
    max-width: 100%;
    /* border: 2px solid green; */
    padding: 0;
    margin: 0;
    }, {
    padding: 0!important;
    } {
    max-width: 100%;

    div.col-lg-10 {
    flex: 0 0 92%;

This discussion has been closed.