This topic contains 1 reply, has 2 voices, and was last updated by Sean Sean 3 years, 6 months ago.

Overflow Problem to data table which is hiding my table row actions! Any help???

  • swamy

    Member Reply #1296


    I have a problem with using metronic data table. i am in need of displaying multiple actions with each of the row, so i simply used Hoverable dropdown button to achieve this.

    But some of the row actions are not fully visible may be due to Overflow:hidden to the tablediv.

    Please see the screenshot to understand my exact problem.




    You must be logged in to view attached files.

    Posts: 4527
    Support Staff Reply #1344

    Hi :),

    Yes, by default the datatable uses a wrapper div with overflow: hidden to make the table scrollable.

    In your case you have to remove the wrapper DIV and have non responsive datatables. This is only workaround for the issue.

    To make the datatable non scrollable just refer to your datatable initialization script and refer to the comment below: “dom” parameter.

    I hope the above info will be helpful. To stay updated please follow us on 😉


You must be logged in to reply to this topic.