Skip to content

Table not fit to the content #253

@MangelMaxime

Description

@MangelMaxime

When we create a table, it's actual fit the width of the parent which is pretty ugly.

No fitting content

I have find the solution to make it fit the longer cell like that :

Fitting content

The problem is I can't find where to place the css. Here are little changes to made :

.table {
    /* width: 100%; */ /* old line */
    width: auto;
}

.table>thead>tr>td.active, .table>tbody>tr>td.active, .table>tfoot>tr>td.active, .table>thead>tr>th.active, .table>tbody>tr>th.active, .table>tfoot>tr>th.active, .table>thead>tr.active>td, .table>tbody>tr.active>td, .table>tfoot>tr.active>td, .table>thead>tr.active>th, .table>tbody>tr.active>th, .table>tfoot>tr.active>th {
    white-space: nowrap; /* not present before */
}

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions