文章/答案/技术大牛

发布

社区首页 >问答首页 >在jqGrid中对标题栏文本进行居中，同时保持打开/关闭按钮的位置？

问在jqGrid中对标题栏文本进行居中，同时保持打开/关闭按钮的位置？
EN

Stack Overflow用户

提问于 2010-06-20 13:16:50

回答 1查看 3.8K关注 0票数 1

我想在jqGrid上居中标题栏文本，而不破坏打开/关闭的图像。但我只能得到文本和打开/关闭按钮-图像为中心。我将感谢一些技巧，如何使文本的中心，同时保持锚图像定位。

以下是Chrome的检查人员展示的标记：

<div class="ui-jqgrid-titlebar ui-widget-header ui-corner-top ui-helper-clearfix">
   <a role="link" href="javascript:void(0)"
      class="ui-jqgrid-titlebar-close HeaderButton" style="right: 0px;">       
       <span class="ui-icon ui-icon-circle-triangle-n"></span>
   </a>
   <span class="ui-jqgrid-title">Titles</span>
 </div>

谢谢

jquery

jqgrid

titlebar

回答 1

Stack Overflow用户

回答已采纳

发布于 2010-06-20 16:18:23

试着用下面的方法

jQuery(".ui-jqgrid-title").replaceWith('<div style="text-align: center;"><span>' +
        jQuery(".ui-jqgrid-title").text() + '</span></div>');

或使用

jQuery(".ui-jqgrid-title").replaceWith(
    '<div style="text-align: center; padding: .3em .2em .2em .3em;"><span>' +
    jQuery(".ui-jqgrid-title").text() + '</span></div>');

更新的：我应该稍微修正一下我的解决方案: 1)允许setCaption方法继续工作；2)如果页面上有多个jqGrid，则正确工作：

var captionDiv = jQuery("#list")[0].grid.cDiv;
var titleSpan = jQuery(".ui-jqgrid-title",captionDiv);
titleSpan.css ("float", "none");
titleSpan.parent().css ("text-align", "center");

在代码"list“中，是网格的<table>元素的id。jqGrid的DOM元素(jQuery("#list")[0])被扩展为grid属性，它具有三个重要的jqGrid组件(cDiv -标题、hDiv -表头和bDiv -表主体)的DOM元素。我们使用.grid.cDiv以最快的方式获取标题的DOM元素(网格标题)。然后，我们给出标题的span元素，并覆盖"ui-jqgrid-title"类的"float: left"样式，这可能使您面临最严重的问题。最后，我们将父div元素的附加样式设置为"text-align: center"，以完成所有工作。

票数 3

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/3079347

复制

相似问题

问在jqGrid中对标题栏文本进行居中，同时保持打开/关闭按钮的位置？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在jqGrid中对标题栏文本进行居中，同时保持打开/关闭按钮的位置？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在jqGrid中对标题栏文本进行居中，同时保持打开/关闭按钮的位置？
EN