Responsive not working properly with semanticui styling

Responsive not working properly with semanticui styling

KrakenosKrakenos Posts: 2Questions: 1Answers: 0

Hello, I wanted to make my site mobile friendly by using responsive on my datatables but, I run into a problem. I couldn't get it to work properly because it wouldn't want to hide more columns when it hit 5 columns breakpoint. I thought it's problem with my implementation, so I looked into documentation. To my surprise the table in the documentation acted the same way as mine did.
Is that a known issue? If so, how can I get behind it?

This question has an accepted answers - jump to answer

Answers

  • colincolin Posts: 15,240Questions: 1Answers: 2,599

    Hi @Krakenos ,

    Yep, that doesn't look right. I've raised a Jira for it on our system (ominously DD-666), and will report back once there's an update.

    Cheers,

    Colin

  • allanallan Posts: 63,461Questions: 1Answers: 10,466 Site admin
    Answer ✓

    In the Semantic UI docs it says:

    Tables will automatically stack their layouts for mobile devices. To disable this behavior, use the unstackable variation or tablet stackable to allow responsive adjustments for tablet.

    Looks like using unstackable in the class list for the table will resolve this.

    Allan

  • KrakenosKrakenos Posts: 2Questions: 1Answers: 0

    Adding unstackable to table class indeed gets the job done. Thanks for help.

This discussion has been closed.