相关疑难解决方法(0)

如何让jqgrid冻结列与word换行一起使用

我正在使用最新的jqgrid 4.3.1,我正在尝试使用冻结列.

问题是我在jqgrid中覆盖了默认的css来支持自动换行(在这个问题中可以看到css解决方案),我认为这就是冻结列与常规列没有正确对齐的原因.冻结行的高度与网格其余部分的高度不同.这是一个截图..冻结的列在红色框中突出显示(注意:我划掉了内容,因为它不是一个公共站点:

无论如何,在jqgrid中将冻结的列与单词包装的单元格对齐

在此输入图像描述

注意:在尝试下面的Oleg解决方案后,它可以在Firefox中运行但在IE8中我没有看到水平滚动条(见图)

火狐:

在此输入图像描述

IE :(注意没有水平滚动条)

在此输入图像描述

注意:

为了帮助回答Oleg的问题,这里是我的jqgrid设置的转储:

jQuery(gridSelector).jqGrid({
    mtype: 'POST',
    toppager: true,
    url: siteRoot + controller + "/" + gridDataName + "?" + querystring,
    datatype: "json",
    colNames: names,
    colModel: model,
  shrinkToFit: false,

    imgpath: siteRoot + "Scripts/jqGrid431/themes/steel/images",
    rowNum: 20,
    rowList: [10, 20, 50, 999],
    altRows: true,
    altclass: "altRow",
    jsonReader: {
        root: "Rows",
        page: "Page",
        total: "Total",
        records: "Records",
        repeatitems: false,
        id: "Id"
    },
    search: true,
    postData: (myfilter) ? { filters: JSON.stringify(myfilter)} : {},
    //postData:  { filters: …
Run Code Online (Sandbox Code Playgroud)

jquery jqgrid word-wrap

10
推荐指数
1
解决办法
1万
查看次数

带冻结列的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', …
Run Code Online (Sandbox Code Playgroud)

toolbar filter jqgrid

5
推荐指数
1
解决办法
5671
查看次数

标签 统计

jqgrid ×2

filter ×1

jquery ×1

toolbar ×1

word-wrap ×1