Hi Kha,
Thanks for the information.
Query – 1: “Properties can be grouped by property name or ungroup, or sort by alphabet (use Grouping)”
The grouping operation will be performed based on the column field and the sorting is performed based on the column values. This is the default behavior of these functionalities. More details on this with online demo sample can be found in the below help documentation link,
Query – 2: “Column have different controls depend on property value type, i do not sure, whether Data Grid Row Template can be use in this case?”
If your requirement is to render custom controls for different columns then we suggest you to use the column template property. Rendering custom controls in Grid using column template is documented in the below help documentation link,
If you wish to customize the entire row layout then we suggest you to use the row template. More details on this can be found in the below help documentation link,
Query – 3: “Can I edit property value without double click on data grid row”
Yes, you can use the startEdit method in the Grid’s click event to start row edit on single click. This requirement is documented in the below help documentation link,
Query – 4: “Final, i want hide Data Grid column header”
You can hide the Grid header by setting display as ‘none’ to the Grid’s header class in the CSS level. This is demonstrated in the below code snippet,
|
.e-grid .e-gridheader {
display: none !important;
} |
If the column header is hidden then you will not be able to group or ungroup columns using mouse. You would need to use the Grid’s groupColumn or ungroupColumn method to perform grouping. Can you please let us know your exact requirement here so that we can provide the proper solution for it.
Let us know if you have any concerns.
Regards,
Sujith R
