更改表寬度

Question

我有表，有15列，以表看不整潔和列值了超過1線在盒子

如何延長表格的寬度或使表別的東西所以價值在桌子上看起來更整齊，只用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

只需使用下面的CSS此

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

Answer 2

添加th和tdwhite-space:nowrap財產。