変更表の幅

Question

私持っているテーブルがきちんとない見て、列の値がボックス内に1本の以上のラインを取ったように、15列を持つテーブルのテーブルの幅を拡張したり、他の何かそう値にテーブルを作成する方法

テーブルの中で一層きれいに見え、ちょうど箱の1行を使用しますか？

ビュー：

<table class="table"> 
    <tr> 
     <th> a </th> 
     <th> b </th> 
     <th> c </th> 
     <th> d </th> 
     <th> e </th> 
     <th> f </th> 
     <th> g </th> 
     <th> h </th> 
     <th> i </th> 
     <th> j </th> 
     <th> k </th> 
     <th> l </th> 
     <th> m </th> 
     <th> n </th> 
     <th> o </th> 
     <th>Actions</th> 
    </tr> @foreach (var item in group) { 
    <tr> 
     <td> aa </td> 
     <td> bb </td> 
     <td> cc </td> 
     <td> dd </td> 
     <td> ee </td> 
     <td> ff </td> 
     <td> gg </td> 
     <td> hh </td> 
     <td> ii </td> 
     <td> jj </td> 
     <td> kk </td> 
     <td> ll </td> 
     <td> mm </td> 
     <td> nn </td> 
     <td> oo </td> 
     <td> actions </td> 
    </tr> 
</table> 

Answer 1

だけthとtdwhite-space:nowrapプロパティを追加します。この

.table th, .table td { 
    white-space: nowrap; 
} 

Answer 2

ために、以下のCSSを使用します。