我正在使用免费的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文件以及使用哪些选项。你只使用Bootstrap CSS(Bootstrap 3或Bootstrap 4),只使用jQuery UI CSS还是两者兼而有之?如果你使用默认的Bootsrap CSS,那么大多数颜色都是灰色的。您可以轻松更改网格中几乎任何元素的颜色或背景颜色,但您应该准确指定您需要的内容。诸如“我如何将颜色更改为默认蓝色”这样的语句几乎没有提供任何信息,因为您没有指定网格的任何确切元素(数据,列标题,寻呼机...)。 – Oleg
已更新问题 – aman