相关疑难解决方法(0)

如果列标签文本宽于列宽,则标签文本将被截断.增加列宽并不好,因为有些文本很长.如何使文字换行成多行？标题高度应由最大列高确定.

我发现的唯一解决方案是

jQgrid:多列行标题

但这并没有实现文字的自动换行.

如何实现标题文本的自动换行？

更新.我为角色和自动换行尝试了Oleg风格.

字符包装

    th.ui-th-column div{
word-wrap: break-word; /* IE 5.5+ and CSS3 */
    white-space: pre-wrap; /* CSS3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    overflow: hidden;
    height: auto;
    vertical-align: middle;
    padding-top: 3px;
    padding-bottom: 3px

}

仅显示第二行的一半.第三行根本没有显示:

自动换行

  th.ui-th-column div{
   white-space:normal !important;
   height:auto !important;
   padding:2px;
   }

禁用包装列的列大小调整.在那些列上移动鼠标图标到列分隔符鼠标光标不会更改为sizer.包裹的列无法调整大小.

如何解决这些问题？

更新2

我尝试了字符换行(Oleg回复中的最后一个样本).如果列宽减小,我发现问题,以便标题中出现更多行:

1. 如果在列分隔符底部拖动,则无法调整列的大小:调整大小时不会增加缩放器高度.

2. 在IE9标题中,高度增加是不够的:调整大小后,最后一个标题行不可见.在fireFox中,此问题不会发生.

如何在jqGrid上实现wordwrap,它适用于IE7,IE8和FF,同时还具有列调整大小的工作(网格正确对齐).

尝试使用特定宽度的div(基于初始TH宽度)对每个td进行内部包装内容,但colresize对我插入的div不起作用.jqGrid计算调整大小的TH和相邻TH的宽度.

有没有更好的解决方案可以避免所有的JavaScript'黑客'？

如何theader使用jQuery 获取jqGrid？

我在这里看到了以下带有冻结列和过滤器工具栏的演示:http: //www.ok-soft-gmbh.com/jqGrid/FrozenColumns.htm

现在,对于同一个例子,我想实现在演示中可用的切换功能:http://www.ok-soft-gmbh.com/jqGrid/SimpleLocalGridWithSearchingToolbar1.htm

我尝试了但它不起作用..任何人都可以创建一个既有冻结列又有切换过滤器工具栏的演示？

我试图从github下载最新的jqgrid代码并尝试按如下方式复制演示(正如你所说的问题已修复我认为不需要frozendiv,在演示中的fixGBoxHeight函数你已经向我展示过,即http:// www .ok-soft-gmbh.com/jqGrid/FrozenColumnsAndFilterToggle.htm)

    $grid.jqGrid({
        datatype: 'local',
        data: mydata,
        colNames: [/*'Id', */'Client', 'Date', 'Amount', 'Tax', 'Total', 'Closed', 'Shipped via', 'Notes'],
        colModel: [
            //{name: 'id', index: 'id', width: 45, align: 'center', sorttype: 'int', frozen: true},
            {name: 'name', index: 'name', width: 70, editable: true, frozen: true},
            {name: 'invdate', index: 'invdate', width: 80, align: 'center', sorttype: 'date',
                formatter: 'date', formatoptions: {newformat: 'm/d/Y'}, datefmt: 'm/d/Y'},
            {name: 'amount', index: 'amount', width: 75, formatter: 'number', align: 'right', …

我无法使用冻结列来使用jqgrid(4.3.0).我唯一能想到的是,我有一些不开箱即用的特定事物:

1. 我在顶部使用过滤行.
2. 我正在使用(cloneToTop:true)显示网格顶部的所有按钮

3. 我有以下代码用于显示jqggrid顶部的过滤器状态.(使用filtertoolbar)

   loadComplete: function () {
   
       var postData = jQuery(gridSelector).getGridParam("postData");
       var newCapture = "";
       if (postData._search === true && typeof postData.filters !== "undefined") {
           var filters = jQuery.parseJSON(postData.filters);
           newCapture = "Filter: [";
           var rules = filters.rules;
           for (var i = 0; i < rules.length; i++) {
               var rule = rules[i];
               var op = rule.op;  // the code name of the operation
               if (jQuery.fn.searchFilter && jQuery.fn.searchFilter.defaults &&
               jQuery.fn.searchFilter.defaults.operators) {
                   // find op description 
                   var operators = jQuery.fn.searchFilter.defaults.operators;
                   for (var …

   Run Code Online (Sandbox Code Playgroud)