分组后Kendo网格标题和列未对齐

时间:2017-02-24 15:37:35

标签: kendo-ui kendo-grid

分组前:

enter image description here

分组后:

enter image description here

网格代码段:

"controls": [
                {
                    "control_key": "siteassignment_grid",
                    "control_type_key": "grid",
                    "target_device_key": "normal",
                    "configuration": {
                        "AssignmentGrid": {
                            "options": {
                                "AllowSorting": {
                                    "mode": "single",
                                    "allowUnsort": "false"
                                },
                                "AllowFiltering": "true",
                                "AllowGrouping": "true",
                                "AllowReordering": "true",
                                "Selection": "false"
                            },
                            "schema": {
                                "fields": [
                                    "string",
                                    "string",
                                    "string",
                                    "string",
                                    "string",
                                    "string",
                                    "string",
                                    "string",
                                    "string",
                                    "string",
                                    "string",
                                    "string"
                                ]
                            },
                            "columns": [
                                {
                                    "headerTemplate": "<input type='checkbox' id='chkSelectAll' class='chkSelectAll' onclick='SiteAssignment.Widget.SearchSitesAssign.checkAll(this)'/>",
                                    "template": "<input type='checkbox' class='checkbox' onclick='SiteAssignment.Widget.UpdateAssignment.LoadWidget()'/>", "width": "25px"
                                },
                                {
                                    "field": "element_code",
                                    "title": "Config Item Id",
                                    "min_width": "75",
                                    "max_width": "75",                                                                              
                                },

                                {
                                    "field": "element_desc",
                                    "title": "Config Item Name",
                                    "min_width": "110",
                                    "max_width": "110",
                                    "template": "#= SiteAssignment.Widget.SearchSitesAssign.GridColumnToolTip(element_desc) #"
                                },

...等...

知道在分组时触发了更改事件,我检查了代码以查看是否有任何原因可能导致此问题。我禁用了这个并且仍然有问题。任何帮助都会非常感激。

1 个答案:

答案 0 :(得分:0)

设置min_width和max_width是否可能导致问题?我对使用Kendo UI非常陌生,但我想知道它是否在分组后重新计算宽度或类似的东西。我首先要对宽度值进行硬编码,看看它是否会合作更多。