정렬 아이콘

Question

내가 열 중 일부는 텍스트 박스가 헤더에 표시 (검색 가능

var oTable = $('#genericTable').dataTable({ 
     "bProcessing": true, 
     "sAjaxSource": '<%=jsonPath%>' + key + ".json", 
     "sPaginationType" : "full_numbers", 
     "bJQueryUI"   : true, 
     "bRetrieve"   : true, 
     "bPaginate"   : true, 
     "bSort"    : true, 
     "aaSorting" : [[ 2, "desc" ]], 
     "iDisplayLength" : 50, 
     "bAutoWidth"  : false, 
     "aoColumns": [ 
         { "sTitle": "Name", sWidth: '200px' }, 
         { "sTitle": "Description", sWidth: '360px' }, 
         { "sTitle": "Date", sWidth: '70px', "sType": 'date-uk' }, 
         { "sTitle": "Action", sWidth: '60px', "bSortable": false } 
        ], 

    }).columnFilter({ sPlaceHolder: "head:after", 
     aoColumns: [ { type: "text" }, 
        { type: "text" }, 
        null, 
        null 
        ] 
    }); 

    }); 
}); 

열을 검색했다시킨 JQuery와 데이터 테이블을 가지고 표시되지 검색하려면) updown 화살표 아이콘이 텍스트 상자 오른쪽에 있지만 다른 열 머리글에이 정렬 아이콘이 있습니다.

알 수 있습니다. 열 머리글의 텍스트 상자 옆에 정렬 아이콘을 표시하는 솔루션은 무엇이 될 수 있습니까 ??

Answer 1

동일한 문제가있었습니다. 내가 수정 한 방법은 sScrollY 속성을 제거하는 것이 었습니다. bPaginate를 on으로두면 적절한 크기의 테이블을 가져와야합니다. 편집 : 나는 실수했다. 스크롤을 켜고 페이지 매김을 해제해야합니다. 그들은 서로 독점적으로 일종의 일을합니다.