1. Home
  2. jQuery를 EasyUI 데이터 그리드 - 컬럼의 조합을 만들기

최고의 jQuery를 EasyUI 데이터 그리드 - 컬럼의 조합을 만들기 튜토리얼 2024년, 이 튜토리얼에서는 jQuery를 EasyUI 예제를 다운로드,를 배울 수 있습니다.

jQuery를 EasyUI 데이터 그리드 - 컬럼의 조합을 만들기

다음과 같이 easyui 데이터 그리드 (데이터 그리드)는 열 조합을 만들 수 있습니다 :

이 예에서는 플레인 데이터 그리드 (데이터 그리드) 데이터를 작성하고, 단일 열에서 unitcost, ADDR1, 열 상태 조합 LISTPRICE하기 위해 데이터를 사용한다.

컬럼의 조합을 만들려면, 당신은 데이터 열 그리드 (DataGrid를) 플러그인을 정의해야합니다. 컬럼의 각 요소를 사용 ROWSPAN 열 병합 또는 결합 특성 셀의 세트를 정의하는 것이다.

다음 코드는 위의 예제를 달성하기 위해 : 

	<표 아이디 = "TT"제목 = "열 그룹"클래스 = "easyui - 데이터 그리드"스타일 = "너비 : 550 픽셀, 높이 250 픽셀"
			URL = "데이터 / datagrid_data.json"
			singleSelect는 = "true"를 iconCls의 =이> rownumbers = "true"를 "아이콘이 절약"
		<THEAD>
			<TR>
				<목은 = = "2"필드를 ROWSPAN = "80"폭 "항목 ID"> 항목 ID </ 일>
				<번째 /> 제품 ID <목은 = "2"필드 = "제품 ID"너비 = "80"ROWSPAN>
				<목은 열 병합 = "4"> 상품 상세 </ 일>
			</ TR>
			<TR>
				<목 필드 = "LISTPRICE"너비 = "80"= "권리"정렬> 리스팅 가격 </ 일>
				단위 비용 <목 필드 = "unitcost"너비 = "80"= "권리"정렬> </ 번째>
				<목 필드 = "ATTR1"너비 = "100"> 속성 </ 일>
				Stauts </ 일> <목 필드 = "상태"너비 = "60"= "센터"정렬>
			</ TR>
		</ THEAD>
	</ 테이블>

jQuery를 EasyUI 예제를 다운로드

jeasyui-datagrid-datagrid9.zip

핫 튜토리얼

Contact US

jQuery를 EasyUI 데이터 그리드 - 컬럼의 조합을 만들기
10/30