이 바이올린 에는 다음 과 같이 생성되는 html 테이블 이 있습니다.
<table width="100%" border="1" cellpadding="0" cellspacing="0">
<tr>
<th>Sl.No</th>
<th>Name</th>
<th>Dec 2013</th>
<th>Feb 2014</th>
<th>Jan 2014</th>
<th>Mar 2014</th>
<th>Nov 2013</th>
<th>Total</th>
</tr>
<tr>
<td>1</td>
<td>foo</td>
<td>4</td>
<td>7</td>
<td>3</td>
<td>5</td>
<td>2</td>
<td>21</td>
</tr>
<tr>
<td>2</td>
<td>bar</td>
<td>6</td>
<td>1</td>
<td>5</td>
<td>8</td>
<td>3</td>
<td>23</td>
</tr>
</table>
새 테이블의 열 순서가되도록 jquery를 사용하여 열을 재정렬하는 방법 Sl.No, Name, Nov 2013, Dec 2013, Jan 2014, Feb 2014, Mar 2014, Total
또한 날짜 선택 ( From
및 To
날짜)을 기반으로 서버에 의해 월 열이 동적으로 생성됩니다.
var arr = $('th').sort(function(a, b) {
return new Date(a.innerHTML) > new Date(b.innerHTML);
}).map(function() { return this.cellIndex }).get();
$('tr').each(function() {
$(this.cells).sort(function(a, b) {
a = $.inArray(a.cellIndex, arr);
b = $.inArray(b.cellIndex, arr);
return a > b;
}).prependTo(this);
});
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다