JavaScript 테이블 제어: Chgrid, 단순화된_javascript 기술

무료 공유의 정신으로, 코드는 동시에 모두가 함께 테스트하고 새로운 기능을 추가할 수 있습니다. 네티즌들이 제기한 질문에 따라 수정된 버전을 게시하고 마지막으로 종합 스프레드시트를 따르십시오. 소프트웨어.
Chgrid의 간단한 기능 소개:
1: 사용자 정의 정렬 지원
2: 열 너비 드래그 앤 드롭 지원
3: 사용자 정의 기능 지원
4: 페이징 지원
5: 자동 지원 번호 매기기
6: 다중 브라우저 지원, ie6, ie7, ff, 오페라 지원
7: div 레이아웃

알려진 문제:
1: 사용된 div 레이아웃으로 인해 여백을 사용하는 경우 또는 패딩은 정의된 열 너비를 변경하므로 현재 텍스트는 가운데, 왼쪽 또는 오른쪽에만 배치할 수 있으며 패딩을 사용하여 위치를 제어할 수 없습니다.
현재 해결 방법은 각 div에 다른 div를 추가하고 이 div를 사용하는 것입니다. 위치를 제어하는 ​​margin 속성입니다.
2: 콘텐츠가 컨테이너 너비를 초과할 경우 드래그에 약간의 문제가 발생합니다.

스타일 수정 방법:
스타일을 변경하지 않을 경우
Chgrid_column0{ width:20px;}
.Chgrid_column1{ 코드의 다음 부분만 조정하면 됩니다. width:100px;}
.Chgrid_column2{ width:80px;}
.Chgrid_column3{ width:120px;}
.Chgrid_column4{ width:100px;}
각 추가 열에 행을 추가합니다. example.Chgrid_column5{ 너비:100px;}
참고: 마지막 열의 너비를 정의할 필요가 없으며 프로그램이 자동으로 너비를 조정합니다.

<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title></title>