You have a table with a “grid” or “fixed” layout view. The table gets its data from a service call and is displayed like in picture “tableWrongAlignment”. So the problem is here, that the column header-values are smaller than the row values and the table columns are not aligned correctly.

To have the correct alignment of the columns like shown in picture “tableCorrectAlignment” you have to do the following:

– define a responseHandler function in your UI class (shown in responseHandlerFunction)- use the response handler in your transition (shown in defineResponseHandlerInTransition)

The code for the responseHandler should look like: setTimeout(function(){ $(‘#ID::myTable’).dataTable().fnDraw(); }, 1);