jQuery는 테이블 열 width_jquery의 마우스 드래그 가능한 조정을 구현합니다.

그림과 같이 마우스를 드래그하여 테이블 열의 너비를 조정할 수 있습니다.

1. 파일 가져오기:

코드 복사 코드는 다음과 같습니다.

2. >

코드 복사 코드는 다음과 같습니다.

상태
작업 옵션

< ;/thead>





;아이들과 함께한 나의 성장 이야기

	열 유형	활동 이름
/ td>	청소년 일기	2014 청소년 일기 에세이 공모전	제출	;검토
	성장 스토리	합격

위 HTML은 데모용일 뿐 실제 사용되지는 않습니다. 내 프로젝트가 테스트 중에도 실현되지 못했습니다. 우울...

3. 테이블을 드래그 가능하게 만들기

코드 복사

코드는 다음과 같습니다.

프로젝트를 사용하는 과정에서 store.js <를 도입할 필요가 없다는 것을 알았습니다. ;th> data-ressible-column-id 속성이 필요하지 않습니다.

및 $("#myTable").ressizeColumns(); 기능도 구현할 수 있습니다.

필수 파일 다운로드 주소 :

http://xiazai.jb51.net/201405 /yuanma/jquery-ressibleColumns.zip


아래의

jquery.ressibleColumns.js 두 파일을 각각 추출합니다. jquery-ressible-columns-gh-pagesdist 경로 store.js는 store.js-master 경로에 있습니다