如何調整jQuery數據表的列過濾器插件控件的大小

如何調整jQuery數據表的列過濾器插件控件的大小。如何調整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" }, 
           ] 
      });

enter image description here

有關詳細信息，請訪問以下鏈接

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

來源

2012-12-11 varaprasadreddy

這適用於我：

$('#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-23 14:56:06

感謝您的回覆。讓我試試這個 – varaprasadreddy

兩件事情可以做：包括這在CSS或樣式部分：

.date_range_filter { width:3em; }

此外，你可以設置sRangeFormat內columnFilter

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

（或任何您想要的代碼。將{from}和{to}替換爲輸入字段。另外請注意，試圖在sRangeFormat中使用表代碼並不適用於我 - 這看起來像是columnFilter中的代碼錯誤。）

祝你好運！

來源

2014-04-29 18:56:19 CurtinsCreations

如何調整jQuery數據表的列過濾器插件控件的大小

回答

相關問題