ヘッダ内の個々の列フィルタリング。各列の検索フィルタのテキストボックスの幅を個別に変更するにはどうすればよいですか？

Question

私のJavaScriptコードでは、1つのスタイル幅の値がすべての検索テキストボックスに設定されていますが、1つ1つずつサイズを変更することはできません。

$('#detailed thead th').each(function() { 
    var title = $('#detailed thead th').eq($(this).index()).text(); 
    $(this).html('<input type="text" class="popoverData" data-content="Please enter a '+title+'" rel="popover"' + 
     ' data-placement="bottom" data-trigger="hover" style="width:80;" placeholder="'+title+'" />'); 

Answer 1

あなたは、単純なCSSによって、個々の<input>年代のスタイルを設定することができますように

#detailed thead th:nth-child(1) input { 
    width: 30px !important; 
    max-width: 30px !important; 
} 

#detailed thead th:nth-child(3) input { 
    width: 80px !important; 
    max-width: 80px !important; 
} 

とを。あなたが問題を発見した場合（私は期待していません）、autoWidth: falseと設定してください。