jQuery UI Widgets Forums DataTable datatable in expander – misrendering

This topic contains 4 replies, has 3 voices, and was last updated by  sreed 2 months, 1 week ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • datatable in expander – misrendering #78868

    Florian Auer
    Participant

    Hi

    I have a little issue with a jqxDataTable nested inside a jqxExpander, happening when the jqxDataTable gets its source asynchronously refreshed while the jqxExpander ist collapsed.

    What happens is that the width for the jqxDataTable gets reduces to 100px insted of staying at 100%.

    I created a jsFidle example to show the behaviour: http://jsfiddle.net/zLLgb33k/2/
    Way to reproduce
    1. click “load content” to fill the table
    2. collapse the expander
    3. click “load content” to simulate update
    4. expand the expander –> broken display

    The only way i found till now is to call the ‘render’ method of jqxExpander as result of its ‘expanded’ event.
    But this causes unsuiteable flickering

    Did i mess up something in the definition fpr these widgets?

    datatable in expander – misrendering #78941

    Peter Stoev
    Keymaster

    Hello Florian,

    See: http://jsfiddle.net/jqwidgets/QwLqr/ to learn how to create widgets in Expander.

    Best Regards,
    Peter Stoev

    jQWidgets Team
    http://www.jqwidgets.com/

    datatable in expander – misrendering #103412

    sreed
    Participant

    I have about seven different jqxExpander.

    Two of them contain contain a datatable.

    Onload the column headers of the expander datatable display without any issues.

    Once I collapse and expand the header columns of the datatable disappear.

    If I continue to collapse and expand the same expander, sometimes they will display and sometimes they will not.

    If I leave the datatable expander expanded and expand a different expander, then the column headers of the datatable appear.

    The values of the datatable have no issues showing at all. Only the column headers of the datatable.

    I have tried to use the initContent within the expander that uses the datatable, but no luck.

    Thanks.

    datatable in expander – misrendering #103418

    sreed
    Participant

    Also this only occurs in Chrome. IE and Firefox are fine

    datatable in expander – misrendering #103497

    sreed
    Participant

    After working with the support team I was able to fix the problem by using:

    $(‘#jqxWidgetExpander’).on(‘expanded’, function () { $(“#dataTable”).jqxDataTable(‘render’); });

    Thanks jqwidgets support team.

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.