【问题标题】:Style to resize the column in free-jqgrid在free-jqgrid中调整列大小的样式
【发布时间】:2017-06-17 10:37:23
【问题描述】:
  1. 如何自动更改跨度大小使其等于 div? image
.ui-jqgrid tr.ui-jqgrid-labels  div {
      white-space: normal !important;  
}

See here jsfiddle.

  1. free-jqgrid 4.14.0 有这样的限制吗? http://www.trirand.com/jqgridwiki/doku.php?id=wiki%3Agroupingheadar

谢谢

【问题讨论】:

    标签: jqgrid free-jqgrid


    【解决方案1】:

    我建议您使用以下附加 CSS 规则

    .ui-jqgrid .ui-jqgrid-htable th.ui-th-column {
        position: relative;
    }
    .ui-jqgrid .ui-jqgrid-labels > .ui-th-column > .ui-jqgrid-resize {
        top: 0;
        float: none;
        position: absolute;
        height: 100%;
    }
    .ui-jqgrid .ui-jqgrid-labels > .ui-th-ltr > .ui-jqgrid-resize {
        right: 1px;
    }
    .ui-jqgrid .ui-jqgrid-labels > .ui-th-rtl > .ui-jqgrid-resize {
        left: 1px;
    }
    

    查看修改后的演示 https://jsfiddle.net/OlegKi/owypx8c5/1/。我在第二个网格中添加了direction: "rtl",以验证新设置是否也适用于 RTL 语言。我想这不是你的情况,你想像https://jsfiddle.net/OlegKi/owypx8c5/2/ 一样删除它。

    我将调整ui.jqgrid.css 以使用上述设置作为免费jqGrid 的默认CSS 规则。

    【讨论】:

    • 使用guiStyle: "bootstrap" link时出现bug
    • @kostya:你指的是哪个错误?预期的结果是什么,结果又是什么?
    • 文字标题下浮。但是如果你设置属性 useColSpanStyle: false 错误就消失了
    • @kostya:必须删除setGroupHeaders 的代码中的the part 才能使用我建议的新CSS 属性以及列探索(setGroupHeaders 方法)。我已经在free jqGrid的代码中做了相应的修改。经过一些额外的测试后,我会将更改发布到 GitHub。
    • 非常感谢!
    猜你喜欢
    • 1970-01-01
    • 2011-01-30
    • 2012-06-02
    • 2013-01-19
    • 1970-01-01
    • 2010-10-26
    • 2012-03-24
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多