I have the following settings on my igGrid:
When I resize my browser window, the columns holding the data resize automatically to fit the width of the page, however the header columns don't. I end up with this:
Is this a bug that has been fixed in the upcoming service release or am I doing something wrong with my settings?
Hello
Has any work been done on the feature request? Has it been implemented?
We have a very similar issue like the one described in this thread. We are creating an igGrid with a variable number of columns. We want to have the headers fill the horizontal space when 'number of columns' * 'fixed width' is less than the grid width or give them a fixed width when it is over the grid width.
When instantiating the grid we're using the following settings:
responseDataKey: 'd.results', width: '100%', defaultColumnWidth: "200px", height: '450px', dataSource: self._options.requestGUID, fixedHeaders: true, autoGenerateColumns: false, autofitLastColumn: true,
and the following features: Paging, Filtering, Sorting, Tooltips, RowSelectors, Selection.
Column options are recieved from an AJAX call before instantiating the grid:
$.when(headerDeferred, igDeferred).done(function (tableSchema) {
if (tableSchema != undefined && tableSchema.length && tableSchema.length > 0) {
var headerInfo = [];
tableSchema.forEach(function (e, i) {
headerInfo.push({
headerText: e.title,
key: e.id,
});
options.columns = headerInfo;
}
$(self.options.checkboxGridSelector, self.element).igGrid(options);
Edit: I forgot to add the version we are using, it's 13.2.20132.2055
Regards, Mario
I'm afraid I can't test that. However I've noticed in your sample there is no filtering.
My test scenario without filtering behaves as expected, so maybe you can replicate the problem if you add filtering to your sample?
Hello,Please take a look at the attached sample created and tested via version 11.1.20111.1014. It was tested under FF 5,7 and IE 9 and provided no missbehavior like described from you. Please take a look at the sample and modify it if needed in order to reproduce the behavior you are facing. The grid contains 3 colimns with 200px width and the width of the grid is set to 100%
Hi,
i forwarded your request to Development Support. I am sure this should be working in all scenarios, but depending on the version you're using you may experience this in specific cases.
Thank you,
Angel
I have the same problem with header columns not aligning to data columns.
It is interesting to note that this only happens in Firefox (tested on 5.0.1).
My scenario is a grid with a few columns, with each column a fixed width in pixels.
The grid has a width larger than the sum of all columns: this I do setting it to 100%.
When stretching the FF browser window, header columns remain the fixed width and data columns stretch together with the window. :(
When stretching the IE browser window, header and data columns stretch together with the window (OK).