Jqgrid - 更大的标题栏

我有一个Jqgrid表，我想要一个更大的标题栏。我尝试了一切哦，我的ui.jqgrid.css文件，但没有任何工作。我在那个文件中像正常设置：Jqgrid - 更大的标题栏

/*Grid*/ 
    .ui-jqgrid {position: relative;} 
    .ui-jqgrid .ui-jqgrid-view {position: relative;left:0px; top: 0px; padding: .0em; font-size:25px; } 


    /* caption*/ 


    .ui-jqgrid .ui-jqgrid-titlebar {padding: .3em .2em .2em .3em; position: relative; border-left: 0px none;border-right: 0px none; border-top: 0px none; } 
    .ui-jqgrid .ui-jqgrid-title { float: left; margin: .1em 0 .2em; } 
    .ui-jqgrid .ui-jqgrid-titlebar-close { position: absolute;top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height:18px;}.ui-jqgrid .ui-jqgrid-titlebar-close span { display: block; margin: 1px; } 
    .ui-jqgrid .ui-jqgrid-titlebar-close:hover { padding: 0; } 



    /* header*/ 
    .ui-jqgrid .ui-jqgrid-hdiv {position: relative; margin: 0em;padding: 0em; overflow- x: hidden; border-left: 0px none !important; border-top : 0px none !important; border-right : 0px none !important; height: 30px;} 

    .ui-jqgrid .ui-jqgrid-hbox {float: left; padding-right: 20px;} 
    .ui-jqgrid .ui-jqgrid-htable {table-layout:fixed;margin:0em;} 
    .ui-jqgrid .ui-jqgrid-htable th {height:22px;padding: 0 2px 0 2px;} 
    .ui-jqgrid .ui-jqgrid-htable th div {overflow: hidden; position:relative; height:17px;} 
    .ui-th-column, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column {overflow: hidden;white-space: nowrap;text-align:center;border-top : 0px none;border-bottom : 0px none;} 
    .ui-th-ltr, .ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr {border-left : 0px none;} 
    .ui-th-rtl, .ui-jqgrid .ui-jqgrid-htable th.ui-th-rtl {border-right : 0px none;} 
    .ui-first-th-ltr {border-right: 1px solid; } 
    .ui-first-th-rtl {border-left: 1px solid; } 
    .ui-jqgrid .ui-th-div-ie {white-space: nowrap; zoom :1; height:17px;} 
    .ui-jqgrid .ui-jqgrid-resize {height:20px !important;position: relative; cursor :e-resize;display: inline;overflow: hidden;} 
    .ui-jqgrid .ui-grid-ico-sort {overflow:hidden;position:absolute;display:inline; cursor: pointer !important;} 
    .ui-jqgrid .ui-icon-asc {margin-top:-3px; height:12px;} 
    .ui-jqgrid .ui-icon-desc {margin-top:3px;height:12px;} 
    .ui-jqgrid .ui-i-asc {margin-top:0px;height:16px;} 
    .ui-jqgrid .ui-i-desc {margin-top:0px;margin-left:13px;height:16px;} 
    .ui-jqgrid .ui-jqgrid-sortable {cursor:pointer;} 
    .ui-jqgrid tr.ui-search-toolbar th { border-top-width: 1px !important; border-top- color: inherit !important; border-top-style: ridge !important } 
    tr.ui-search-toolbar input {margin: 1px 0px 0px 0px} 
    tr.ui-search-toolbar select {margin: 1px 0px 0px 0px}

Jqgrid

在此先感谢您的帮助。

来源

2013-02-14 JuanFernandoz

screenshort看起来很奇怪。你使用'<！DOCTYPE html ...'作为HTML文件的第一行吗？你有改变字体大小与cSS有'！重要'部分？你在你的问题中写了关于“tittle bar”的文章，但是只能看到screenshort上的列标题。你真的想增加“标题栏”的高度而不是列标题或其他元素吗？ – Oleg 2013-02-14 09:39:41

好吧，我喜欢增加那个顶点部分的高度（蓝色部分动作，ciudad，corporacion，radicado等），但我尝试了一切关于CSS没有成功。 – JuanFernandoz 2013-02-14 10:07:03

您已经包含两个CSS线从ui.jqgrid.css

.ui-jqgrid .ui-jqgrid-htable th div {overflow: hidden; position:relative; height:17px;} 
.ui-jqgrid .ui-th-div-ie {white-space: nowrap; zoom :1; height:17px;}

因此增加列标题的高度，你可以使用其他固定height值一样

.ui-jqgrid .ui-jqgrid-htable th div { height: 23px; } 
.ui-jqgrid .ui-th-div-ie { height: 23px; }

或使用height: auto风格：

.ui-jqgrid .ui-jqgrid-htable th div { height: auto; } 
.ui-jqgrid .ui-th-div-ie { height: auto; }

来源

2013-02-14 10:27:25 Oleg

我正在做这个oleg，但问题在于。实际上，标题栏会增加其大小，但intead会随着页面上显示的实际大小显示。 – JuanFernandoz 2013-02-14 19:32:42

为了得到这个工作，我们还得想一想：我们必须修改这一行，并设置相同的高度：'.ui-jqgrid .ui-jqgrid-hdiv {position：relative; margin：0em; padding：0em; overflow-x：hidden; border-left：0px none！important; border-top：0px none！important; border-right：0px none！important; height：50px;}'非常感谢@Oleg。 – JuanFernandoz 2013-02-14 19:40:24

@JuanFernandoz：不客气！ – Oleg 2013-02-14 20:46:43

Jqgrid - 更大的标题栏

回答

相关问题