固定幅のブートストラップテーブルデータ

Question

ブートストラップクラスを使用するので、テーブルデータが固定幅であるテーブルを作成しようとしています。カラムはテキストに応じて展開されるため、ワードラップは固定テーブルレイアウト.. https://jsfiddle.net/3q7a3h1q/1/

<code></code> 

上記フィドルiは、テキストが各other..howに重なるブラウザのサイズを変更するときに、私は互いに

Answer 1

セット「最小に対して重ならないテキストを取得することができるからテーブルの場合は-width、列の幅を調整しない場合。

は、以下のCSSを追加し、あなたのhtmlに

<table class="table table-borderless table-hover" style="min-width:500px">

Answer 2

これを試してみてください。あなたの問題を解決します。

table tr td:first-child{ 
    white-space: pre-line !important; 
} 

Answer 3

Now check, It is resolved. You added the `table-responsive` class to `table` element. 

Here is your fiddle solution revised :https://jsfiddle.net/3q7a3h1q/2/

Answer 4

table { 
    width:100%; 
    overflow-x: scroll; 
    table-layout: fixed; 
} 


td{ 
    overflow: hidden; 
} 

チェックこのアウト...