Make bootstrap table as small as possible

Question

I am trying to make bootstrap table as small as possible but based on the solutions of other questions, it is not working. I have tried width:auto !important or table-layout:auto !important but it is not working. Below is a sample of my table

Answer 1

Though question is old but what I do to achieve this may help someone else. First you did not state version of bootstrap you are using. My solution worked for version four.

<table class="table table-hover table-responsive table-sm">
......
</table>

Adding class responsive and sm did the magic for me the table in my went as low as to the content