Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[Bootstrap 4] .container-fluid added to table reduces table width

See original GitHub issue

The following <div> is being automatically wrapped around any table that’s using DataTables. This seems like a bug. I can’t think of any functional or aesthetic reason why a .container-fluid would be required to be wrapped around the table, reducing its width compared to other tables.

Is there a way to fix this or disable the behavior?

<div id="reports_wrapper" class="dataTables_wrapper container-fluid dt-bootstrap4 no-footer">

Issue Analytics

State:
Created 6 years ago
Comments:8

Top GitHub Comments

2reactions

DataTablescommented, Apr 23, 2018

I hope so! I’m a bit in a tangle with releases at the moment and need to sort stuff out, but yes I should really try to prioritise this.

1reaction

DataTablescommented, Apr 2, 2018

Sorry, yes. I’ve fallen behind with a few things. Its coming soon!

Top Results From Across the Web

Bootstrap fixed width table columns in container fluid

I want that the column have a fixed width (ad example max and min equal to 7.5%). How could I get this in...

Overview - Bootstrap

The table below illustrates how each container's max-width compares to the original .container and .container-fluid across each breakpoint.

Bootstrap 4 set table column width on Codeply

div class="container-fluid"> · <table class="table"> · <thead> · <tr class="row"> · <th class="col-sm-3">3 columns wide</th> · <th class="col-sm-5">5 columns wide</ ...

Bootstrap 4 Containers - W3Schools

The .container class provides a responsive fixed width container · The .container-fluid class provides a full width container, spanning the entire width of...

Bootstrap Table column width - free examples & tutorial

Add .w-auto class to the table element to set an auto width to the table column. The width of the columns will automatically...