KendoGrid resizable not work


#1

Hello!
I’ve a problem with a kendo grid. I’ve used tag resizable = true on kendo grid, but I don’t know why the cells are not resizable.
Thanks for your support!

This is my source code:

                            "title": "{~Enterprise.Facility.FacilityTabPanel.AdvancedConsumption.title~}",
                            "id" : "Fornitures2",
                            "component": "UIViewKendoGrid",
                            "paginate": false,
                            "filterable": false,
                            "resizable": true,
                            "expandable": false,
                            "expandOnClick": true,
							"renderTo": "#BigGrid2",
                            "data": {
                                "collection": {
                                    "collection": true,
                                    "c3type": "ServicePoint",
                                    "c3function": "getCalculatedAdvanced",
                                    "responseSelector": null,
                                    "c3arguments": {
                                        "idParentFacility" : "{{ params.id }}",
                                        "spec": {
                                            "filter": "assets.denormParents.from.id== '{{ params.id }}'",
                                            "include": "facility.facilityLevel,facility.buildingNameAnswer"
                                        }
                                    }

                                }
                            },
                            "columns": [
                                {
                                    "width": 160,
                                    "sortable": false,
                                    "label": "{~Enterprise.Facility.FacilityTabPanel.Fornitures.element~}",
                                    "field": "element"
                                },
                                {
                                    "width": 120,
                                    "sortable": false,
                                    "label": "{~Enterprise.Facility.FacilityTabPanel.Fornitures.building~}",
                                    "field": "building"
                                },
                                {
                                    "width": 150,
                                    "sortable": false,
                                    "label": "{~Enterprise.ServicePointCharacteristicSet.Classification~}",
                                    "field": "classf"
                                },
                                {
                                    "width": 120,
                                    "sortable": false,
                                    "label": "{~Enterprise.Facility.FacilityTabPanel.Fornitures.department~}",
                                    "field": "rep"
                                },
                                {
                                    "width": 120,
                                    "sortable": false,
                                    "label": "{~Enterprise.Facility.FacilityTabPanel.Fornitures.type~}",
                                    "field": "typeMs"
                                },
                                {
                                    "width": 100,
                                    "sortable": false,
                                    "label": "{~Enterprise.ServicePointMotornamePlateTablePnKw.TitleTable~}",
                                    "field": "MaxConsumption"
                                },
                                {
                                    "width": 110,
                                    "sortable": false,
                                    "label": "{~Enterprise.Facility.FacilityTabPanel.Consumption.type~}",
                                    "field": "standByConsumption"
                                },
                                {
                                    "width": 100,
                                    "sortable": false,
                                    "label": "{~Enterprise.ServicePointMotornamePlateTable.numberOfStepLabel~}",
                                    "field": "numberOfStep"
                                },
                                {
                                    "width": 150,
                                    "sortable": false,
                                    "label": "{~Enterprise.Facility.FacilityTabPanel.ValueCalculatedMeasured.type~}",
                                    "field": "value_metric"
                                },
                                {
                                    "width": 120,
                                    "sortable": false,
                                    "label": "{~Enterprise.Facility.FacilityTabPanel.ValuePercentForniture.type~}",
                                    "field": "value_calc_perc",
									"format": {
										"funk": "appendString",
										"args": "%"
										}
                                },
                                {
                                    "width": 120,
                                    "sortable": false,
                                    "label": "{~Enterprise.Facility.FacilityTabPanel.ValueUseDestination.type~}",
                                    "field": "value_mes_perc",
									"format": {
										"funk": "appendString",
										"args": "%"
										}
                                }
                            ]
                        }

#2

It can be very difficult to notice that the columns are in fact resizable. I was just doing this yesterday actually - "resizable": true worked for me but you have to hover your cursor around a bit before the cursor changes to the symbol indicating you can resize


#3

I don’t understand… when I have to declare resizable:true ?


#4

You set "resizable": true on the grid when you want the grid columns to be resizable. As @scott.kruyswyk mentioned, you need to hover over the divider between column headers to see the resize cursor and then click+drag to resize.

Note that the individual cells are not resizable, but individual columns are resizable (via the column header)