js 정적 HTML 표 정렬 기능 구현

5072 단어 jsHTML표 정렬
제목 없 는 문서
kick mekick mekick mekick me
15.437001.220
7.0543,000
30.62302,558,800
22.3056눈 먼
26.31 0.65 -
63.1674
var tableSort=function(){this.initialize.apply(this,arguments);}tableSort.prototype = { initialize : function(tableId,clickRow,startRow,endRow,classUp,classDown,selectClass){ this.Table = document.getElementById(tableId); this.rows = this.Table.rows;//모든 줄 this.Tags=this.rows[clickRow-1].cells;/태그 td this.up=classUp;this.down = classDown; this.startRow = startRow; this.selectClass = selectClass; this.endRow = (endRow == 999? this.rows.length : endRow); this.T2Arr = this._td2Array();//영향 을 받 은 td 의 2 차원 배열 this.setShow();},//탭 전환 설정 setShow:function(){var defaultClass=this.Tags[0].className;for(var Tag ,i=0;Tag = this.Tags[i];i++){ Tag.index = i; addEventListener(Tag ,'click', Bind(Tag,statu)); } var _this =this; var turn = 0; function statu(){ for(var i=0;i<_this.Tags.length;i++){ _this.Tags[i].className = defaultClass; } if(turn==0){ addClass(this,_this.down) _this.startArray(0,this.index); turn=1; }else{ addClass(this,_this.up) _this.startArray(1,this.index); turn=0; } } }, //선택 한 열 스타일 colClassSet:function(num,cla){//연 결 된 td for(var i=(this.startRow-1)를 설정 합 니 다.i<(this.endRow);i++){ for(var n=0;n]+>/g,")를 모두 제거 합 니 다.tableid 몇 번 째 줄 은 탭 줄 입 니 다.몇 번 째 줄 부터 정렬 합 니 다.몇 번 째 줄 은 정렬 을 끝 냅 니 다.(999 는 마지막 을 표시 합 니 다)오름차 라벨 스타일 입 니 다.내림차 라벨 스타일 은 열 스타일 을 선택 합 니 다./태그 줄 의 class 는 일치 하 는 var ex1=new tableSort('table',1,2,999,'up','down','hov')입 니 다.[Ctrl+A 선택:외부 Js 를 도입 하려 면 페이지 를 새로 고침 해 야 실행 할 수 있 습 니 다.]

좋은 웹페이지 즐겨찾기