21

Adding in a responsive table for posts in my cms project. This section should be fun :)

Comments
  • 2
    Cool, just add some paddind top of the title
  • 5
    Responsive datatable? Oh, yeah. You're about to have some fun, dude. Haha.
  • 1
    @convict3d oh it has padding I just scrolled down for a good screenshot xD
  • 1
    @telephantasm just wrap it and overflow-x scroll, its rarely possible to cut away enough columns anyway
  • 1
    @JoshBent My go to method!
  • 0
    Using bootstraps "table-responsive" class seems to work awesome for me. It basically applies the overflow x-scroll functionality with a clean look.
  • 0
    @Charon92 I didnt think responsive tables could exist xD but it honestly is a good ux having the overflow x-scrolling, at least imo.
  • 0
    @konicm8ker That's not good UX, that's a shitty "better than nothing" workaround.
  • 0
    @Charon92 try it out. I like it personally and it's not hard to navigate :)

    <div class="table-responsive">
    <table class="table table-bordered">
    <!-- table data goes here -->
    </table>
    </div>
  • 0
    @telephantasm well I disagree xD
  • 1
    /* Mobile */
    .responsive-table {
    display: none;
    }

    /* Tablet */
    @media (min-width: 768px) {
    .responsive-table {
    display: block;
    }
    }

    Fixed it :)
  • 0
    @Charon92 if you can avoid tables you should, but in many data table cases you can't, so either you remove unnecessary columns until it fits or just make it scrollable, so a user can still navigate it, there's no third option just yet.
  • 0
    @telephantasm would you mind elaborating? (e.g. giving alternatives that aren't some weird gallery slider hack) I feel this is just a cheap shot with no actual background
  • 1
    > "responsive table"
    [ERR] An error has occured evaluating statement:
    The universe has collapsed!

    Program returned with error code: -NaN
Add Comment