jQuery를 EasyUI 데이터 그리드는 - HTML 테이블 데이터 그리드로 변환

이 예는 데이터 그리드 (데이터 그리드)의 테이블 (표)로 변환하는 방법을 보여줍니다.

데이터 그리드 (데이터 그리드) 열 정보는 상기 <THEAD> 태그로 정의 된 데이터의 <TBODY> 태그로 정의된다. 모든 데이터 필드 이름 열 설정은 다음 예를 참조하십시오 있는지 확인합니다 :

	<표 아이디 = "TT"클래스 = "easyui - 데이터 그리드"스타일 = "너비 : 400 픽셀, 높이 : 자동;">
		<THEAD>
			<TR>
				<목 필드 = "NAME1"너비 = "50"> 골 1 </ 일>
				<목 필드 = "NAME2"너비 = "50"> 골 2 </ 일>
				<목 필드 = "NAME3"너비 = "50"> 골 3 </ 일>
				<목 필드 = "NAME4"너비 = "50"> 골 4 </ 일>
				<목 필드 = "NAME5"너비 = "50"> 골 5 </ 일>
				<목 필드 = "name6"너비 = "50"> 골 6 </ 일>
			</ TR>                          
		</ THEAD>                           
		<TBODY>                            
			<TR>                           
				<TD> 데이터 1 </ TD>            
				<TD> 데이터 2 </ TD>            
				<TD> 데이터 3 </ TD>            
				<TD> 데이터 4 </ TD>            
				<TD> 데이터 5 </ TD>            
				<TD> 데이터 6 </ TD>            
			</ TR>                          
			<TR>                           
				<TD> 데이터 1 </ TD>            
				<TD> 데이터 2 </ TD>            
				<TD> 데이터 3 </ TD>            
				<TD> 데이터 4 </ TD>            
				<TD> 데이터 5 </ TD>            
				<TD> 데이터 6 </ TD>            
			</ TR>                          
			<TR>                           
				<TD> 데이터 1 </ TD>            
				<TD> 데이터 2 </ TD>            
				<TD> 데이터 3 </ TD>            
				<TD> 데이터 4 </ TD>            
				<TD> 데이터 5 </ TD>            
				<TD> 데이터 6 </ TD>            
			</ TR>                          
			<TR>                           
				<TD> 데이터 1 </ TD>            
				<TD> 데이터 2 </ TD>            
				<TD> 데이터 3 </ TD>            
				<TD> 데이터 4 </ TD>            
				<TD> 데이터 5 </ TD>            
				<TD> 데이터 6 </ TD>            
			</ TR>                          
		</ TBODY>                           
	</ 테이블>

좋아요, 당신은 예를 들어, 복잡한 테이블 헤더를 정의 할 수 있습니다 :

	<THEAD>
		<TR>
			<목 필드 = "NAME1"너비 = "50"ROWSPAN = "2"> 골 1 </ 일>
			<목 필드 = "NAME2"너비 = "50"ROWSPAN = "2"> 골 2 </ 일>
			<목 필드 = "NAME3"너비 = "50"ROWSPAN = "2"> 골 3 </ 일>
			자세한 사항 <목은 = "3"열 병합> </ 번째>
		</ TR>
		<TR>
			<목 필드 = "NAME4"너비 = "50"> 골 4 </ 일>
			<목 필드 = "NAME5"너비 = "50"> 골 5 </ 일>
			<목 필드 = "name6"너비 = "50"> 골 6 </ 일>
		</ TR>                          
	</ THEAD>

이제 당신이 볼 수, 헤더 복잡한 작성되었습니다.

jQuery를 EasyUI 예제를 다운로드

jeasyui-datagrid-datagrid1.zip