kogrid 过滤器不工作 - 使用 plunker

Question

我正在尝试使用 knockoutjs ko 网格的过滤器功能。有两个问题：

过滤器的下拉列表显示 "Choose columns"，但列名称的末尾被 table 符号覆盖
过滤器功能不起作用。当我输入时，数据未被过滤

我在这里有一个 plunkr：https://plnkr.co/edit/Ibc0WZwyb4melgNDzcUo?p=preview

我也尝试过最基本的网格选项：

this.gridOptions = {
    data: self.myData,
    enablePaging: true,
    pagingOptions: self.pagingOptions,
    filterOptions: self.filterOptions
};

谁能看看我哪里出错了？

Answer 1

过滤器 ui 的问题是因为字段名称和 table 符号之间的间距不足。这可以通过更改 kogrid css 文件来解决。不幸的是，我的 css 技能有限，所以我无法在此处分享修复程序。

Answer 2

li.kgColListItem {
    width: 100% !important;
}
li.kgColListItem label{ width:100%; float:left;}
.kgColList{ margin:0; padding:0 0 0 20px;}
.kgGroupIcon{ cursor:pointer;}

以下是更新后的 Plnkr

https://plnkr.co/edit/1jN4kc0yGZZX5bk0as1t?p=preview

kogrid 过滤器不工作 - 使用 plunker

kogrid filter not working - with plunker

javascript

knockout.js

kogrid