>  기사  >  웹 프론트엔드  >  네이티브 자바스크립트는 간단한 DataGrid 데이터 table_javascript 기술을 구현합니다.

네이티브 자바스크립트는 간단한 DataGrid 데이터 table_javascript 기술을 구현합니다.

WBOY
WBOY원래의
2016-05-16 16:22:341411검색

간단한 데이터 그리드

1. 정렬 맞춤 정렬 방법

2. 수정

3. 드래그

4. 페이지 매김

5. 단일 선택, 다중 선택(ctrl), 선형 선택(shift)

6. 텍스트 렌더링은 0보다 크면 빨간색, 0보다 작으면 녹색과 같이 텍스트에 색상을 지정하는 것입니다.

7. 열 표시 및 숨기기

8. 그룹화

백엔드에 대한 변명의 여지가 없는 예시입니다

실제로 콜백 몇 개만 작성하면 내부에 로딩 표시줄이 있어 결과가 반환될 때까지 표시될 수 있습니다.

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

 
http://www.w3.org/1999/xhtml">


테이블



1.排序 自定义排序方式


2.编辑


3.拖拽


4.分页


5.单选 多选(ctrl) 线性选(shift)


6.文字render  就是给文字着色  比如 大于0红色  小于0绿色


7.对列的显示隐藏


8.分组





下面是分组的  且有一个自定义排序方式  很好 一般 很差