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?
Hello Daniel,
thank you for contacting us. I noticed in your code that allowResizing property in the columnSettings is set to false, which disables the resizing feature of the igGrid.
Please set it to true and let me know if it is working now.
Best regards,Yana DimitrovaDeveloper Support EngineerInfragistics, Inc.
Thanks for your reply.
As you pointed out, there are 2 columns with the resizing option set to false, and that's ok. The problem is the rest of the columns can't be resized either.
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.
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.
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!
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.
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.