It could be bootstrap or some custom styles related to the sample

I tried it in the following fiddle. Please check it out. The headers are aligned as expected. Can you modify it and send it back with the misaligned headers?

That's great. I'm glad to hear you got it working.

That is an empty object. It seems that the grid cannot find a cell with the specified parameters.

Note that cellById is using rowId(not rowIndex) and columnKey. Rows of an igGrid will have ids if you define primaryKey. To get the cell you can alternatively use cellAt and getVisibleIndexByKey:

var cellIndex = $(gridSelector).igGrid("getVisibleIndexByKey", dynamicColumn);
var lengthCell = $(gridSelector).igGrid("cellAt", rowIndex, cellIndex);

Hello Kenneth,

I've missed that one, but it seems correct. Can you confirm that the classes are applied to the cells?

Could those styles be overridden by something else?

Hello,

 

I believe the issue is that the rows are being re-rendered after the formatting of the cells.

Note there are a lot of reasons for rendering the rows again, for example changing a page, or each interaction that causes data binding.

 

You should apply the formatting of the cells into the rowsRendered event. In this way the cells will receive their formatting every time rows are being rendered/re-rendered.

Hello,

 

I modified the sample to use German regional setting and the max and min dates are applied as expected.

Here's the stackblitz sample.

Can you modify that sample to demonstrate the issue you are facing?

Hello,

It seems that stackblitz has some asynchronous loading of the scripts from the index file.

Here's a working one.