Kendo列过滤图标在IE中显示其他点

Question

在实现kendo列过滤器时，我遇到了这个小而奇怪的错误。我的过滤图标在IE中有一个额外的点。在所有其他浏览器中一切都很好。我不知道如何删除或至少隐藏这个小额外的点。

以下是IE的截图：

以下是它的样子：

我使用了常规的kendo过滤实现，代码示例如下：

var MyGrid = function($div) {
   var base = $div.data('baseurl');

   var columns = [ 
   { field: 'userName', title: 'User Name'}, 
   { field: 'age', type:'number', title: 'Age' }];

   grid($div, columns, {
     datasource: datasource(base + '/double', ViewBackbone.options()),
     options: {
        filterable : {
            extra: false,
            operators: {
              string: {
                contains: "Contains",
                startswith: "Starts with",
                eq: "Equals"
              },
              number: {
                eq: "Is equal",
                gt: "Greater than",
                lt: "Less than"
              }
            },
            messages: {
                info: "Choose an option",
                filter:"Filter",
                clear: "Clear"
            }
        },      
     }
  });        
};

Answer 1

通过将width属性修复为列标题解决了该问题。所以在你的CSS中你必须指定宽度超过100％。我将我的设置为115％而且这个点不足。