jquery - jQueryDataTablesの最大列幅

Question

.NETWebアプリケーションでjQueryDataTablesを使用していますが、特定の1つの列の最大幅を設定するにはどうすればよいですか、他のすべての列は自動サイズ設定する必要があります（現在のテーブルにあるように）

編集

DataTablesはそれ自体で正しく実行しました。問題は、問題の原因となるスペースのない非常に長い単語があったことでした。

Answer 1

あなたの問題はよりCSSに関連しているようです...

CSS でword-wrapを使用すると、この問題が修正されます。columnXの場合は、これを CSS に追加するだけです。

.columnX {
  word-wrap: break-word;
}

列に設定した幅に基づいて、スペースのない単語でもラップします。

参照: https://developer.mozilla.org/en/css/word-wrap

Answer 2

長すぎる場合は内容を変更し、ツールチップに全文を表示することで、列幅を制御しています。

{
    targets: [3],
    "render": function (data, type, row, meta) {
        return type === 'display' && data.length > 20 ?
        '<span title="' + data + '">' + data.substr(0, 18) + '...</span>' : data;
    }
},
{
    targets: [3],
    "render": function (data, type, full, meta) {
        return '<span data-toggle="tooltip" title="' + data + '">' + data + '</span>';
    }
}

span 要素を使用すると、長さを直接制御することもできます。

{
    targets: [3],
    "render": function (data, type, full, meta) {
        return '<span style="display: inline-block; width:200px;">' + data + '</span>';
    }
}