jquery datatables 정렬 화살표를 숨기고 패딩을 제거하지만 기능을 유지하십시오.

Question

jquery 데이터 테이블의 패딩과 함께 정렬 화살표를 제거하고 싶습니다. 여기 예제를 시도했지만 내가 시도

Sort arrows in datatables to be removed

만의 아이콘을 숨 깁니다 한 아래와 같은하지만 $(".sorting").removeClass("sorting")를 추가하는 시도

.dataTable > thead > tr > th[class*="sort"]:after{ 
    content: "" !important; 
} 

하지 패딩을 추가 한 후 내가 정확히 아니다; 그러나 이것은 열 너비를 엉망으로 만듭니다. 나는 열을 클릭하면이에 패딩을 추가하고 헤더가 몸 부트 스트랩 스타일링의 jQuery DataTables 1.10+를 들어

Answer 1

과 일치하지 될 정렬하려면 다음과 같은 CSS 규칙 사용에 대한 this jsFiddle를 참조

.dataTable > thead > tr > th[class*="sort"]:after{ 
    content: "" !important; 
} 

table.dataTable thead > tr > th.sorting_asc, 
table.dataTable thead > tr > th.sorting_desc, 
table.dataTable thead > tr > th.sorting, 
table.dataTable thead > tr > td.sorting_asc, 
table.dataTable thead > tr > td.sorting_desc, 
table.dataTable thead > tr > td.sorting { 
    padding-right: inherit; 
} 

을 코드 및 데모.