Ranter
Join devRant
Do all the things like
++ or -- rants, post your own rants, comment on others' rants and build your customized dev avatar
Sign Up
Pipeless API
From the creators of devRant, Pipeless lets you power real-time personalized recommendations and activity feeds using a simple API
Learn More
Comments
-
@telephantasm just wrap it and overflow-x scroll, its rarely possible to cut away enough columns anyway
-
Using bootstraps "table-responsive" class seems to work awesome for me. It basically applies the overflow x-scroll functionality with a clean look.
-
@Charon92 I didnt think responsive tables could exist xD but it honestly is a good ux having the overflow x-scrolling, at least imo.
-
@konicm8ker That's not good UX, that's a shitty "better than nothing" workaround.
-
@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> -
palonE2497y/* Mobile */
.responsive-table {
display: none;
}
/* Tablet */
@media (min-width: 768px) {
.responsive-table {
display: block;
}
}
Fixed it :) -
@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.
-
@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
-
> "responsive table"
[ERR] An error has occured evaluating statement:
The universe has collapsed!
Program returned with error code: -NaN
Related Rants
Adding in a responsive table for posts in my cms project. This section should be fun :)
random
cms
posts table
php