1

jquery データテーブルの列フィルター プラグイン コントロールのサイズを変更するにはどうすればよいですか。

以下のコードを列フィルター プラグインに使用しましたが、変更されませんでした...

 $("table#tblOscarNominees").dataTable().columnFilter(
            {
                //sPlaceHolder: "foot:before",
                "aoColumns": [
                                null, //{ "type": "number-range" },
                                {"type": "text", width: "50px" },
                                { "type": "select" },
                                { "type": "text", width: "50px" },
                                {"type": "number-range", width: "50px" },
                                { "type": "select" },
                                { "type": "select" },
                                { "type": "date-range", width: "50px" },
                                ]
            });

ここに画像の説明を入力

詳細については、このリンクを参照してください

http://www.reddyinfosoft.blogspot.in/2012/12/jquery-datatable-plugin-in-aspnet-using.html

4

2 に答える 2

5

これは私のために働く：

$('#my-table th').bind('mouseup', function(event){
  var index = $(this).parent().children().index($(this));
  var colWidth = $(this).css('width');
  var input = $('#my-table tfoot tr input:eq(' + index +')');
  input.css("width", colWidth);
});

テーブルが構築された直後に入力幅を設定する必要があります。

$('#change-table tfoot tr').find(':input').each(function(index){
  var colWidth = $('#my-table thead tr th:eq(' + index + ')').css('width');
  $(this).css("width", colWidth );
});
于 2013-01-23T14:56:06.633 に答える
0

他にできることは 2 つあります。これを css または style セクションに含めます。

.date_range_filter { width:3em; }

また、 columnFilter 内で sRangeFormat を設定できます

.columnFilter({ sRangeFormat: "From {from}<br> to {to}" })

(または、そこに必要なコード。{from}and{to}は入力フィールドに置き換えられます。また、sRangeFormat でテーブル コードを使用しようとしてもうまくいかないことに注意してください。これは、columnFilter のコード バグのようです。)

幸運を！

于 2014-04-29T18:56:19.683 に答える