jquery 1.12 - jqgrid 5.3.1 - bootstrap 4 설정하기

1. JQUERY 

 # 다운로드 : http://jquery.com/download/

 # 설정 

<script type="text/javascript" src="<c:url value='/resources/lib/jquery/jquery.1.12.4.min.js'/>"></script>

2. Bootstrap 4

 # 다운로드 :

 # 설정

<link rel="stylesheet" type="text/css" href="<c:url value='/resources/lib/bootstrap-4.1.1-dist/css/bootstrap.min.css'/>">

<link rel="stylesheet" type="text/css" href="<c:url value='/resources/lib/bootstrap-4.1.1-dist/css/bootstrap-grid.min.css'/>">

<script type="text/javascript" src="<c:url value='/resources/lib/bootstrap-4.1.1-dist/js/bootstrap.min.js'/>"></script>

3. jqGrid + Bootstrap 4

 # 다운로드 : http://www.trirand.com/blog/?page_id=6

 # 설정

<link rel="stylesheet" type="text/css" media="screen" href="<c:url value='/resources/lib/Guriddo_jqGrid_JS_5.3.1/css/ui.jqgrid-bootstrap4.css'/>" />

<script type="text/javascript" src="<c:url value='/resources/lib/Guriddo_jqGrid_JS_5.3.1/js/i18n/grid.locale-kr.js'/>"></script>

<script type="text/javascript" src="<c:url value='/resources/lib/Guriddo_jqGrid_JS_5.3.1/js/jquery.jqGrid.min.js'/>"></script>

 # 예제 : http://www.guriddo.net/demo/bootstrap/functionality/bootstrap4/

4. jqGrid Default Pager Icon - Openiconic

 # 왜? : jqGrid 기본 Icon 팩이 Openiconic으로 설정되어있어서, 페이져 / 기본 아이콘등을 활성화 시키려면 추가해야함. 

 # 다운로드 : https://fontawesome.com/get-started

 # 예제 : http://aalmiray.github.io/ikonli/cheat-sheet-openiconic.html

 https://fontawesome.com/how-to-use/web-fonts-with-css

 # 설정

<link rel="stylesheet" type="text/css" href="<c:url value='/resources/lib/open-iconic-master/font/css/open-iconic-bootstrap.min.css'/>">

JS / CSS Lib Resource 설치 순서는 위에 순서대로 하면 된다.