C# IE 8中Ext.net gridview列变形

我正在动态生成EXT.NET gridview，如下所示

public GridPanel GetGridView()
    {
        return new GridPanel
        {
            Border = false,
            ID = "grd",
            Cls = "x-grid-custom",
            StyleSpec = "margin-top:7px; margin-left:-2px",
            Scroll = ScrollMode.Both,
            OverflowX = Overflow.Auto,
            EnableColumnHide = false,
            ColumnLines = true,
            ForceFit = false,
          //Width = 1100,
            EmptyText = "No rows to display",
            Store = { this.CreateTabularStore() },
            ColumnModel =
            {
                Columns = {
                             new DateColumn {ID="ED", Text = "Effective Date",Wrap = true,DataIndex = "ED",Format="dd MMM yyyy",Groupable = true, Html="<i class='prfl_unfilter_icon' onclick='return ShowGridFilter(this);'></i>" ,Width = 110},
                            new Column {ID="PRICE", Text = "Price",DataIndex = "PRICE",Groupable = true, Html="<i class='prfl_unfilter_icon' onclick='return ShowGridFilter(this);'></i>" ,Width = 70},
                            new Column {ID="CURRENCY", Text = "Currency",DataIndex = "CURRENCY",Groupable = true, Html="<i class='prfl_unfilter_icon' onclick='return ShowGridFilter(this);'></i>" ,Width = 80},
                            new Column {ID="OFFICIAL",Text = "Official Price",DataIndex = "OFFICIAL",Groupable = true, Html="<i class='prfl_unfilter_icon' onclick='return ShowGridFilter(this);'></i>" ,Width = 100},
                            new DateColumn {ID="MARKETED_EFFECTIVE_DATE", Text = "Marketed Effective Date",DataIndex = "MARKETED_EFFECTIVE_DATE",Format="dd MMM yyyy",Groupable = true, Html="<i class='prfl_unfilter_icon' onclick='return ShowGridFilter(this);'></i>" ,Width = 100},
                            new Column {ID="MARKETING_DESC", Text = "Marketed",DataIndex = "MARKETING_DESC",Groupable = true, Html="<i class='prfl_unfilter_icon' onclick='return ShowGridFilter(this);'></i>" ,Width = 80},
                            new DateColumn {ID="DISCONTINUED_TS", Text = "Date Discontinued",DataIndex = "DISCONTINUED_TS",Format="dd MMM yyyy",Groupable = true, Html="<i class='prfl_unfilter_icon' onclick='return ShowGridFilter(this);'></i>" ,Width = 100},
                    }
            },
            Features = {
                           new Grouping(){HideGroupedHeader=false }
                           },
            View = { new Ext.Net.GridView() { LoadMask = true, LoadingText = "Loading..." } }
        };
    }

当我使用

DateColumn

过滤器过滤网格时，网格列在IE 8浏览器中呈现扭曲，如下图所示

---

我不知道。如果您可以提供一个独立的可运行测试用例，我可以进行调查。我运行了代码，没有问题，但是过滤器图标不在列标题中，您是如何添加它的？我怀疑这就是问题的原因。那么，如何将动态生成的网格的

Layout

设置为

Fit

？

store = new Store();
store.ID = "StorePD";
model = new Model();
model.Fields.AddRange(new ModelField[] {
                                                new ModelField("ED",ModelFieldType.Date),
                                                new ModelField("PRICE", ModelFieldType.Float),
                                                new ModelField("CURRENCY"),
                                                new ModelField("OFFICIAL"),
                                                new ModelField("MARKETED_EFFECTIVE_DATE",ModelFieldType.Date),
                                                new ModelField("MARKETING_STATUS_DESC"),
                                                new ModelField("DISCONTINUED_TS",ModelFieldType.Date)
                                                }
                    );