jayzakung / jquery-datatables-column-filter

Automatically exported from code.google.com/p/jquery-datatables-column-filter
0 stars 0 forks source link

columnFilter plugin ignores column width #86

Open GoogleCodeExporter opened 8 years ago

GoogleCodeExporter commented 8 years ago
What steps will reproduce the problem?

$('#aromadexTable').dataTable( {
                "sDom": "frtiS",
                "sAjaxSource": "aromadexTableJSON.php",
                "bDeferRender": true,
                "bProcessing": true,
                "aaSorting": [[ 0, "asc" ]],                
                "sScrollX": "4590px",            
                "sScrollY": ($(window).height() - 180) + "px",
                "oScroller": {
                  "rowHeight": 90,
                  "displayBuffer": 3
                },
                "bAutoWidth": true,                
                "aoColumns": [  
                   {"mDataProp": "id", "sWidth": "80px"},
                   //20 columns all with custom width
               ],...

What is the expected output? What do you see instead?

columnsdo not have the width specified. columFilter plugin makes them wider or 
less wide.

What version of the product are you using? On what operating system?
1.4.8
with datatables 1.9.2

Please provide any additional information below.

I tried adding the width in aoColumns of columnFilter plugin put that did not 
help.

Original issue reported on code.google.com by Joos.Kie...@gmail.com on 23 Aug 2012 at 10:50

GoogleCodeExporter commented 8 years ago
To further comment on this issue, it does not work correctly if you set 
bAutoWidth to false. By setting bAutoWidth to false it should not add widths 
onto the th tags in the tfoot.

Original comment by james.a....@gmail.com on 3 Sep 2012 at 1:25

GoogleCodeExporter commented 8 years ago
this css solved it for me:

.display .text_filter {
    width: 100%;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 3px;
}

Original comment by felipema...@gmail.com on 11 Sep 2014 at 4:41