Forums Ignite UI for jQuery
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
TR
505
igTreeGrid column resizing on Tablets and iPads not working
posted

Hello, everybody,

I have created an igreeGrid and it works well. The size of the columns can be changed with the mouse over the column splitters. However, this only works on desktop browsers but not on mobile devices with touching. Is there any way I can solve this. 

$("#"+tableId).igTreeGrid({
autoCommit:true,

dataSource: rows,
autoGenerateColumns: false,
renderCheckboxes: false,
width: "100%",
height: "500px",
primaryKey: "guid",
foreignKey: "parentGuid",
initialExpandDepth: 1,
rowVirtualization: true,
virtualizationMode: "continuous",//"fixed",
avgRowHeight: "30px",
columns:
{
"headerText": "guid",
"key": "guid",
"width": "100px",
"dataType": "number"
}, {
"key": "parentGuid",
     "width": "100px",
     "dataType": "number",
"headerText": "parentGuid",
}, {
"key": "isCheckableState",
"width": "100px",
"dataType": "number"
}, {
"headerText": "Name",
"key": "name",
"width": "550px",
"dataType": "string",
}]
,
 
features: [
{
name : "ColumnFixing",
columnFixing: function (evt, args) { console.log(evt)},
columnSettings: [
{
columnKey: "name",
allowFixing: false,
isFixed: true
}
]
},
{
name : 'Resizing',
allowResizing:true,
columnSettings: [
{ columnKey: "name", allowResizing: true }
],
},
]});
I look forward to your reply.
Best Regards
  • 17590
    Verified Answer
    Offline posted

    Hello TR,

    Thank you for posting in our community.

    By design Resizing feature is not supported on touch devices. This limitation is listed in our Column Resizing (Grid) topic. Since igTreeGrid Resizing feature inherits the igGrid Resizing the same is applicable for igTreeGrid as well.

    Please let me know if you need any further assistance with this matter.