Ellipsisのソリューション - Jquery + Bootstrap + Datatables

Question

大きな（2000+エントリ）テーブルのブートストラップとjqueryを持つサイトでDatatablesを使用しています。 （テキスト）の値のいくつかはあまりにも長く、現時点では私はこのようなものを使用します。文字列をカットし、HTMLタイトルに完全な値を表示するには、DataTableの中

render: function (data, type, row) { 
         return data.length > 35 ? 
         data.substr(0, 35) +'…' : 
          data; 
        } 

を。 これを行うより良い方法はありますか？クリックしたときなどに自動的にすべてを表示するプラグインのようなものですか？私は何かを見つけることができませんでした。

jquery dotdotdotが表示されましたが、クリックすると拡大されません。

Answer 1

javascriptで文字列を変更すると、特定のDOM要素に視認性や適合性を高めることができます。特にここでは、コールバックで前処理されている文字列が多数ある場合です。

あなたには、いくつかの（またはすべて）に固定幅を強制する場合は、列、例：

table.dataTable td:nth-child(3) { 
    max-width: 100px; 
} 

その後、あなたは余白と表示さを超えない、列の内容がラップされていないことを確認するために、単純なCSSを使用することができます>http://jsfiddle.net/ax1gr1og/