jQuery를 EasyUI 데이터 그리드 - 고정 열 설정
이 예에서는 사용자가 그리드에 가로 스크롤 막대를 이동할 때 일부 열을 고정하는 방법을 보여줍니다, 고정 된 열은 외부보기로 스크롤 할 수 없습니다.
열을 고정하려면 frozenColumns 속성을 정의해야합니다. 속성을 frozenColumn과 열로 속성.
$ ( '# 고작').에서 Datagrid ({ 제목 : '고정 된 열', iconCls '아이콘 절약', 폭 : 500, 높이 : 250, URL : '데이터 / datagrid_data.json' frozenColumns : [[ {필드 : 80 : 폭 '항목 ID', 제목 '항목 ID'} {필드 '제품 ID', 제목 : '제품 ID', 폭 : 80}, ]], 열 : [[ {필드 'LISTPRICE'제목 : '정가', 폭 : 80, 정렬 '권리'} {필드 'unitcost'제목 : '단위 비용', 폭 : 80, 정렬 '권리'} {필드 'ATTR1'제목 : '속성', 폭 : 100}, {필드 '상태'제목 : '상태', 폭 : 60} ]] });
다음과 같이 사용하면 데이터 그리드 (데이터 그리드를) 만들 수 있도록, 구성 요소를 어떤 자바 스크립트 코드를 작성할 필요가 없습니다 :
<표 아이디 = "TT"제목 = "냉동 열"클래스 = "easyui - 데이터 그리드"스타일 = "너비 : 500 픽셀, 높이 250 픽셀" URL = "데이터 / datagrid_data.json" singleSelect = "true"를 iconCls = "아이콘 절약"> <THEAD = 냉동 "진정한"> <TR> <목 필드 = 너비 = "80", "항목 ID"> 항목 ID </ 일> <목 필드 = "제품 ID"너비 = "80"> 제품 ID </ 일> </ TR> </ THEAD> <THEAD> <TR> <목 필드 = "LISTPRICE"너비 = "80"= "권리"정렬> 리스팅 가격 </ 일> 단위 비용 <목 필드 = "unitcost"너비 = "80"= "권리"정렬> </ 번째> <목 필드 = "ATTR1"너비 = "150"> 속성 </ 일> Stauts </ 일> <목 필드 = "상태"너비 = "60"= "센터"정렬> </ TR> </ THEAD> </ 테이블>