무료 jqgrid (최신 버전)를 사용 중입니다.스타일을 jqgrid에 적용하기
데모에서 본 것은 그리드가 푸른 색이었습니다.
내 응용 프로그램에서 이것을 사용했는데 무엇이 누락 되었는가 확실하지 않지만 그리드가 회색으로 표시됩니다. 나는 또한 guiStyle : "bootstrap"을 적용했지만 외관과 글꼴은 조금 변경하지만 색상은 변경하지 않습니다. 또한 검색 대화 상자에서 컨트롤이 서로 같이 정렬되어 있습니다. 아래의 이미지 링크를 모두 참조하십시오.
- 어떻게 블루 기본값으로 색상을 변경할 수 있습니다 내가 검색 대화 상자 컨트롤을 해결할 수있는 방법
- 나는이 모든 다른 사용자 정의 스타일 서식을 적용 할 수있는 방법을
- .
감사
--------------
<link href="/lib/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" /> (bootstrap 4.0.0)
<link href="~/lib/free-jqgrid/css/ui.jqgrid.css" rel="stylesheet" /> (4.15.2)
<link href="~/lib/jquery-ui/themes/base/jquery-ui.min.css" rel="stylesheet" />
<link href="~/lib/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
<link href="~/lib/select2/dist/css/select2.min.css" rel="stylesheet" />
@section scripts{
<script src="~/lib/jquery/dist/jquery.min.js"></script>
<script src="~/lib/free-jqgrid/dist/modules/grid.base.js"></script>
<script src="~/lib/free-jqgrid/dist/modules/grid.common.js"></script>
<script src="~/lib/free-jqgrid/dist/modules/grid.formedit.js"></script>
<script src="~/lib/free-jqgrid/dist/modules/grid.filter.js"></script>
<script src="~/lib/jquery-ui/jquery-ui.min.js"></script>
<script src="~/lib/select2/dist/js/select2.min.js"></script>
<script src="~/lib/free-jqgrid/js/i18n/grid.locale-en.js"></script>
<script src="~/lib/free-jqgrid/js/jquery.jqgrid.min.js"></script>
------------------ 업데이트 내가 적용하고 있지 않다
/CSS/JS 상기 이외 등의 다른 스타일을 사용하는 것은 아래에 추가 한 :
guiStyle: "bootstrap",
iconSet: "fontAwesome",
포함 된 CSS 및 JavaScript 파일과 사용하는 옵션을 보여주는 데모 (또는 데모)를 제공해주십시오. 부트 스트랩 CSS (부트 스트랩 3 또는 부트 스트랩 4), jQuery UI CSS 또는 둘 다를 사용합니까? 기본 부트 스랩 CSS를 사용하면 대부분의 색상이 회색입니다. 그리드의 거의 모든 요소에 대한 색상이나 배경색을 쉽게 변경할 수 있지만 필요한 항목을 정확하게 지정해야합니다. "어떻게 색을 기본 파란색으로 바꿀 수 있습니까?"와 같은 문구는 그리드의 정확한 요소 (데이터, 열 머리글, 호출기 등)를 지정하지 않아 거의 정보를 제공하지 않습니다. – Oleg
가 업데이트되었습니다. – aman