bildwelt
E2E FORUM
E2E Bridge E2E Commerce

How can I redraw a table after the dynamic data has been loaded

E2E Forum User Interfaces How can I redraw a table after the dynamic data has been loaded

This topic contains 0 replies, has 1 voice, and was last updated by  Jürgen 3 years, 5 months ago.

Viewing 1 post (of 1 total)
  • Author
    Posts
  • #840

    Jürgen
    Moderator

    Scenario:

    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);

     

Viewing 1 post (of 1 total)

You must be logged in to reply to this topic.