위의 예제의 전체 HTML 페이지는 다음과 같이 보일 수 있습니다: 정렬 을 지정하는 jqGrid의 두 가지 주요 옵션이 있습니다: 정렬 이름 및 정렬 순서. sortname의 기본값은 빈 문자열이며, 이는 그리드가 정렬되지 않은 상태에서 표시된다는 것을 의미합니다. 이는 행의 순서가 입력 데이터의 항목 배열에 있는 항목의 순서와 일치한다는 것을 의미합니다. sortname(예: sortname: “invdate”)을 지정하면 그리드는 먼저 입력 데이터의 속성 invdate를 비교하는 데이터를 정렬합니다. 기본적으로 속성의 값은 문자열로 비교됩니다. “2015-10-31″과 같은 ISO 날짜 형식을 사용하면 충분하지만 일반적인 경우에는 잘못될 수 있습니다. 문자열비교는 기본적으로 대/소문자를 구분하지 않지만 사용 무시대문자: false 옵션에 의해 behafior를 변경할 수 있습니다. 기본 정렬 유형인 “text”를 변경하는 미리 정의된 값(“정수”, “숫자” 및 “날짜”)의 열 정렬 유형에 포함할 수 있습니다. sorttype을 함수로 정의하거나 콜백 함수 sortfunc를 지정하여 항목 비교를 최대한 제어할 수 있습니다. 안녕하세요,이 예제는 배열을 사용하지만 데이터베이스 쿼리를 사용하고 있습니까? 맞춤형 jQuery 라이브러리 기능 및 AJAX 호출을 지원하여 PHP 프로젝트에 jqGrid를 통합하면 속도, 효율성 등이 향상됩니다. 예를 들어, 우리는 며칠 전에 우리 자신의 PHP CRUD 스크립트를 보았다. jqGrid 플러그인을 사용 하 여, 우리는 단순히 더 적은 시간과 코드와 CRUD 기능 으로 프로젝트를 만들 수 있습니다., 비교적. CRUD뿐만 아니라 jqGrid는 페이지 매김, 열 순서로 레코드 정렬, 데이터 매핑, 검색 등과 같은 다양한 기능을 제공합니다.

위의 코드는 iconSet을 사용합니다: “fontAwesome”과 글꼴 굉장 4.x 글꼴 awesome.min.css 는 이전 예제에 포함 된 CSS에 추가로 포함되어 있습니다. 당신은 아래의 결과 그리드를 볼 수 있습니다 : 우리는 옵션 아이콘을 제거 : “fontAwesome”추가 마지막 예에서, iconSet 옵션의 기본값이 iconSet임을 보여주기 위해: “글리프” (대신 iconSet : “jQueryUI”) 사용의 경우 부트 스트랩 CSS. 서식 지정, 정렬 편집 등과 관련된 동작을 지정하는 colModel 추가 속성에 포함될 수 있습니다. 예를 들어, “가운데” 또는 정렬: “오른쪽”을 지정하여 셀에서 텍스트의 기본 정렬을 변경할 수 있습니다. 너비 속성(예: 너비: 300)을 사용하여 열의 기본 너비(150px)를 변경할 수 있습니다. 정렬 형식을 사용할 수 있습니다. “번호”는 현재 로캘에 대해 특정 소수점 및 수천 개의 구분 기호를 사용하여 숫자를 표시하는 “숫자”와 같은 추가 속성 formatter를 사용할 수 있습니다. jquery.jqgrid.min.js에 포함된 기본 로캘은 en-US입니다. i18n 폴더에는 38개의 로캘이 포함되어 있습니다. 예를 들어 독일어 로캘을 포함하려면 jqGrid에는 다양한 옵션, 콜백 함수 및 이벤트가 포함되어 있어 그리드의 동작을 완전히 사용자 정의 할 수 있습니다. 예를 들어 사용자 지정 도구 설명 텍스트를 만들거나 제거할 수 있습니다. 하나는 호버링 또는 행을 방지 할 수 있습니다.

하나는 이전에 seceted 행에 두 번째 클릭에 행의 선택을 취소하기 위해, 여러 행을 선택할 수 있도록 방지 할 수 있습니다 … 모든 그리드에 존재하는 기본 기능을 이해하는 것만으로도 중요합니다. 기능의 custumization은 나중에 설명될 것입니다. 무료 jqGrid는 결과를 사용자 정의 할 수 있습니다. 예를 들어 다음 CSS 규칙을 추가하여 부트 스트랩 4 대신 부트 스트랩 3하나를 사용하려면 guiStyle : “부트 스트랩”매개 변수를 guiStyle : “부트 스트랩4″로 교체해야합니다. jqGrid는 부트 스트랩 CSS와 부트 랩의 자바 스크립트 파일을 사용하지 않지만, 부트 스트랩.min.js가 필요한 경우 popper.min.js와 부트 스트랩.min.js를 모두 포함해야합니다. jqGrid는 jQuery의 슬림 버전과 함께 사용할 수 없습니다. 하나는 대신 전체 버전을 포함해야합니다.