jQuery를 EasyUI 데이터 그리드 - 바닥 글 요약 만들기
이 튜토리얼에서, 우리는 데이터 그리드 (데이터 그리드)에 요약 정보 바닥 글 행을 표시하는 방법을 보여 드리겠습니다.
바닥 글 행을 표시하기 위해, 당신은 showFooter 속성이 true로 설정해야합니다, 데이터 그리드 (DataGrid를) 데이터 바닥 글 행에 정의 된 준비합니다. 다음은 샘플 데이터이다 :
{ "총"1 "행": [{ "ID": 1, "이름": "차이", "가격": 18.00}] "바닥 글": [{ "이름": "전체", " 가격 ": 18.00}]}
만들기 데이터 그리드 (DataGrid에)
<표 아이디 = "TT"제목 = "데이터 그리드"클래스 = "easyui - 데이터 그리드"스타일 = "너비 : 400 픽셀, 높이 250 픽셀" URL = "데이터 / datagrid17_data.json" fitColumns = "true"를 rownumbers = "true"를 showFooter = "진정한"> <THEAD> <TR> <목 필드 = "이름"너비 = "80"> 제품 이름 </ 일> <목 필드 = "가격"너비 = "40"= "오른쪽"정렬> 단위 가격 </ 일> </ TR> </ THEAD> </ 테이블>
바닥 글 행과 데이터 행은 동일한 표시, 그래서 당신은 바닥 글에 하나 이상의 요약 정보를 표시 할 수 있습니다.