Ширина таблицы загрузочного стола

Question

У меня проблема с шириной таблицы, я хочу автоматически настроить ширину заголовка таблицы. Как это сделать?

Как превратить это:

В это:

Answer 1

попробовать этот

<table id="example" class="display nowrap" cellspacing="0" width="100%"> 

Answer 2

<style> 
table { table-layout: fixed; } 
table th, table td { overflow: hidden; } 
</style> 

<table class="span12"> 
    <thead> 
    <tr> 
     <th style="width: 30%">Col 1</th> 
     <th style="width: 20%">Col 2</th> 
     <th style="width: 10%">Col 3</th> 
     <th style="width: 30%">Col 4</th> 
     <th style="width: 10%">Col 5</th> 
    </tr> 
    </thead> 
    <tbody> 
    <tr> 
     <td>Val 1</th> 
     <td>Val 2</th> 
     <td>Val 3</th> 
     <td>Val 4</th> 
     <td>Val 5</th> 
    </tr> 
    </tbody> 
</table> 

Дополнительная информация http://v4-alpha.getbootstrap.com/content/tables/

Answer 3

Я предполагаю, что вы хотите автоматически настроить ширину ячеек таблицы на ее содержимое. В этом случае вам нужно установить ширину таблицы в «auto».

Пример: https://jsfiddle.net/7r9svcu9/

<table style="width: auto;" class="table table-striped table-condensed">...</table> 

Answer 4

стол-ответ может служить ваше требование.

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