Hi!I had a igGrid widget working but the resize feature stopped working in some version of our git-svn. It worked before so it shouldn't be a problem of versions.
The thing is I spent a whole afternoon reviewing svn versions and there is no change to the igGrid code, so I guess it should work.
The infragistics used version is the 13.2.20132.2012 (I guess that's the version), and the code is the following one (just the needed things)...
<script type="text/javascript" src="/P/lib/ig2/i18n/infragistics.datasource-en_us.js"></script><script type="text/javascript" src="/P/lib/ig2/i18n/infragistics.ui.combo-en_us.js"></script><script type="text/javascript" src="/P/lib/ig2/i18n/infragistics.ui.editors-en_us.js"></script><script type="text/javascript" src="/P/lib/ig2/i18n/infragistics.ui.grid.framework-en_us.js"></script><script type="text/javascript" src="/P/lib/ig2/i18n/infragistics.ui.upload-en_us.js"></script>
<script type="text/javascript" src="/P/lib/ig2/infragistics.util.js"></script><script type="text/javascript" src="/P/lib/ig2/infragistics.ui.shared.js"></script><script type="text/javascript" src="/P/lib/ig2/infragistics.datasource.js"></script><script type="text/javascript" src="/P/lib/ig2/infragistics.templating.js"></script><script type="text/javascript" src="/P/lib/ig2/infragistics.ui.combo.js"></script><script type="text/javascript" src="/P/lib/ig2/infragistics.ui.editors.js"></script><script type="text/javascript" src="/P/lib/ig2/infragistics.ui.grid.framework.js"></script><script type="text/javascript" src="/P/lib/ig2/infragistics.ui.grid.rowselectors.js"></script><script type="text/javascript" src="/P/lib/ig2/infragistics.ui.grid.selection.js"></script><script type="text/javascript" src="/P/lib/ig2/infragistics.ui.grid.paging.js"></script><script type="text/javascript" src="/P/lib/ig2/infragistics.ui.grid.sorting.js"></script><script type="text/javascript" src="/P/lib/ig2/infragistics.ui.grid.hiding.js"></script><script type="text/javascript" src="/P/lib/ig2/infragistics.ui.grid.updating.js"></script><script type="text/javascript" src="/P/lib/ig2/infragistics.ui.grid.resizing.js"></script><script type="text/javascript" src="/P/lib/ig2/infragistics.ui.grid.featurechooser.js"></script><script type="text/javascript" src="/P/lib/ig2/infragistics.ui.grid.columnfixing.js"></script><script type="text/javascript" src="/P/lib/ig2/infragistics.ui.scroll.js"></script><script type="text/javascript" src="/P/lib/ig2/infragistics.ui.upload.js"></script>
(yes, there are more things apart from the igGrid)
The following code is the Javascript code:
var igGridFeatures = [];
igGridFeatures.push({ name: "Resizing", deferredResizing: false, allowDoubleClickToResize: true, columnSettings: [ { columnKey: "_toolColumn", allowResizing: false }, { columnKey: "_flagColumn", allowResizing: false } ] });
var feat = { name: "ColumnFixing", columnSettings: [ ] } feat.columnSettings.push({ columnKey: "_toolColumn", isFixed: true, allowFixing: false }); feat.columnSettings.push({ columnKey: "_flagColumn", isFixed: true, allowFixing: false }); igGridFeatures.push(feat);
var col = self.options.data.columns.length; // it's used inside another widget. this is a number var colWidth = 150; var tableWidth = col * colWidth;
// the gridDOM element is a <dd> with a table inside.
gridDOM.find('table').igGrid({ defaultColumnWidth : colWidth, autoGenerateColumns: false, columns: self.options.data.columns, dataSource: self.options.data.grid, type: 'json', features: igGridFeatures, width: "auto" });
The table is displaying the grid correctly because other functions like display data and the fixed column work (so we can assume the columns and dataSource are correct), but the resize is the only thing not working.
Anyone have any idea of why this is not working?
Hi!Sorry for the late reply, things got busy at work.
So, in the end I managed to solve the problem, and it was a CSS problem, not a code one.
Someone added some CSS property that affected to the header border making it invisible due to a weird margin. This caused the margin to be non-interactuable and therefore looked like a problem of the resize property.
Thanks for your time anyways.
Hello Daniel,
I am still following your case. Have you been able to resolve the issue?If you have any concerns or questions, please feel free to contact me.
Best regards,Yana DimitrovaDeveloper Support EngineerInfragistics, Inc.
I cannot reproduce the issue from this code, so I attach a simplified sample. If you modify it and send it back to me will be really helpful.
Thank you in advance!
We are currently looking into this matter and will keep you posted of any available information.Please do not hesitate to contact us with any updates or additional questions regarding this scenario in the meantime.
Performing more tests... this code works...
$('#ui-id-305').igGridResizing("resize", 1, 50);
so I verified the resizing is initialized at least, but anyawys, when I put the mouse cursor between two column headers, the pointer doesn't change and I'm not allowed to drag and drop it to change the columns size... so that's my problem.