jquery - JqG​​rid - 如何使清晰的搜索按钮可见？

Question

我的 JqGrid 中有一个过滤器工具栏，但 Clearfield“x”超链接未显示。没有足够的空间来显示 ui-search-clear 单元格。如果我可以使用 ui-search-input 类控制单元格内搜索的输入文本框的大小，那么它就会显示。我本以为默认情况下这会起作用。那么我该如何解决这个问题呢？我的网格定义如下；

var populateGrid = function (data) {
    var grid = $("#grid");
    grid.jqGrid({
        data: data,
        colNames: ["No", "Company", "Trade", "Recommendation", ""],
        colModel: [
            { name: "AssessmentNo", label: "AssessmentNo", width:80, align:"center" },
            { name: "Company", label: "Company", width:400, searchoptions: { sopt: ["cn"] } },
            { name: "Trade", label: "Trade", width: 220, searchoptions: { sopt: ["cn"] } },
            { name: "Recommendation", label: "Recommendation", width: 150 },
            { name: "Links", label: "Links", search: false, align: "center" }
        ],
        cmTemplate: { width: 100, autoResizable: true },
        loadonce: true,
        forceClientSorting: true,
        rowNum: 20,
        pager: "#pager",
        gridview: true,
        ignoreCase: true,
        shrinkToFit: false,
        rownumbers: true,
        sortname: "AssessmentNo",
        viewrecords: true,
        sortorder: "asc",
        height: "100%"
    });

    grid.jqGrid("filterToolbar", {
        beforeSearch: function () {
            return false; // allow filtering
        }
    }).jqGrid("gridResize");
}

我的工具栏看起来像；

Answer 1

我遇到了同样的问题，但仅当 jQgrid 呈现为子网格时。包含过滤器重置图标的表格单元格的样式设置为一个像素。以下 jQuery 解决了 jqGrid 4.15.5 的问题 - 免费:

$("td.ui-search-clear").attr('style', 'width:10px;');