jTable模态样式

时间:2014-01-29 04:51:33

标签: jquery jquery-ui jtable

我正在使用jTable Metro蓝色主题,但默认的jQuery UI主题显示为添加/编辑模式,但它应该与jTable的主题匹配。我包含以下文件:

<link href="~/Content/themes/base/jquery-ui.css" rel="stylesheet" />
<link href="~/Scripts/jtable/themes/metro/blue/jtable.css" rel="stylesheet" />
<script src="~/Scripts/jquery-ui-1.10.4.min.js"></script>
<script src="~/Scripts/jtable/jquery.jtable.min.js"></script>

它的外观如下: Add/Edit Modal

2 个答案:

答案 0 :(得分:0)

基本上,我必须从其他来源获取jquery-UI css。答案已发布here

答案 1 :(得分:0)

尝试访问jtable.org/Themes并查看您想要的主题。

在我的案例中,我选择了metro blue theme

jtable.org screen shot

转到开发者工具&gt;来源&gt;主题/ YOURTHEME 然后复制jquery-ui.css的内容并将其粘贴到您自己的jquery-ui.css上

还包括jquery-ui.structure.css

<link href="<?php echo base_url(). 'jtable/themes/metro/blue/jtable.css' ?>" rel="stylesheet" type="text/css" />
<link href="<?php echo base_url(). 'css/jquery-ui.css' ?>" rel="stylesheet" type="text/css" />
<link href="<?php echo base_url(). 'css/jquery-ui.structure.css' ?>" rel="stylesheet" type="text/css" />

希望有所帮助! ;)