JQuery TableSorter : 정렬 화살표가 표시되지 않습니다.

jQuery의 테이블 토퍼를 구현 중이지만 화살표가 표시되지 않는 것 같습니다. 여기 JQuery TableSorter : 정렬 화살표가 표시되지 않습니다.

내가 지금까지 한 일이다

<script type="text/javascript" src="/path/to/jquery-latest.js"></script> 
<script type="text/javascript" src="/path/to/jquery.tablesorter.js"></script>

및

$(document).ready(function() 
    { 
     $("#myTable").tablesorter(); 
    } 
);

표는 잘 정렬하지만, 화살표가 표시되지 않습니다. 내가 여기서 뭔가를 놓치고 있니? - http://ajthomas.co.uk/fpl/을

<LINK rel="StyleSheet" type="text/css" href="../tablesorter/themes/green/style.css">

출처

2012-08-01 GingerHead

테이블러와 함께 제공되는 스타일 시트가 무엇인지, 통합했는지, 서버에 이미지를 업로드했는지, 그리고 내부에서 이미지 경로를 변경했는지 확인하십시오. CSS? – Hipny

.png 이미지가 CSS와 동일한 폴더에 있는지 확인하십시오. 그렇지 않으면 .css 파일의 URL을 편집해야합니다. –

이 페이지에 tablesorter에 사용할 때이 같은 문제가 있었 :
가 난 다음 그러나 didn를 '작업을했다. 그러나 그 이유는 download에있는 스타일 시트와 이미지를 추가하지 않았기 때문입니다. 네가 한 것처럼 보인다.

출처

2012-08-01 16:19:40 Alex

hmmm ... 그리고 스타일 시트에서 올바른 테이블 ID/클래스를 참조하고 있습니까? – Alex

의 스타일 시트에 'tableorter '클래스가있는 참조 및 테이블이 있습니다. 테이블에 해당 클래스가 있습니까? – Alex

ajthomas 링크는 404를 반환합니다. –

스타일 시트를 계단식으로 배열하면 TableSorter 사이트에서 보이는 모양과 정확하게 일치합니다. 패키지에서 이동하지 않아도됩니다. 그냥 스타일 시트 선언 후이 줄을 추가 :

$("table.sort").tablesorter({ 
    theme : 'dropbox', 
    cssIcon: 'tablesorter-icon', 
    initialized : function(table){ 
    $(table).find('thead .tablesorter-header-inner').append('<i class="tablesorter-icon"></i>'); 
    } 
});

출처

2013-04-16 21:26:09 elgati

은 매력으로 작동했습니다! – deeshank

을 누군가가 여전히 tablesorter에이 정렬 화살표를 표시되지 않는 문제가있는 경우, 여기에 내가 초기화 콜백에서 사용 약간의 트릭 tablesorter 테이블에 테이블을 추가해야합니다.

출처

2017-07-11 19:29:47

<link href="[YOUR PATH TO]/tablesorter/themes/blue/style.css" rel="stylesheet" type="text/css" />

출처

2017-10-16 19:19:28

JQuery TableSorter : 정렬 화살표가 표시되지 않습니다.

답변

관련 문제