All Questions
Tagged with responsive-design tables
21 questions
0
votes
1
answer
499
views
Best way to Display Responsive Tables on Small Breakpoints? [duplicate]
I have a web-based dashboard with several tables spanning 80% of the page width.
Its a very typical responsive table design. A few columns (3-10), many rows (up to 100+), pagination, search filters ...
- 461
4
votes
3
answers
4k
views
Recommended maximum amount of columns in a table? [closed]
When designing tables I am always wondering how many columns are too much.
I commonly have tables that act as an overview of all the items, which can then be opened to show all the details. On one ...
- 148
1
vote
1
answer
293
views
Room Booking & Availability Horizontal Scroll
I'm in the process of designing a room booking / availability web application.
Some of the application specifics are;
there are 30 rooms (across three floors, in the same building)
rooms are of ...
- 111
3
votes
2
answers
444
views
Responsive table with many text inputs
I have a table designed like this:
I need to make it responsive so it looks good on mobile devices.
Some requirements for the table:
There should be tips/hints for each text field. "Tips" -...
- 31
2
votes
3
answers
271
views
Redesign a page for mobile, while keeping a "similar" layout to the desktop view, desktop uses a table
Well I have a page that looks decent on desktop, and most of the site is working responsive as well. The website has as goal to provide people to sign up for (sport) tournaments, and allows users to ...
- 217
1
vote
2
answers
697
views
Responsive feature comparison layout / grid
I have a list of applications (~120 items).
Each application on the list has the same features (logo, name, OS name, price range, short product info), so basically this is a table with 120 rows and ...
- 121
1
vote
1
answer
91
views
What should I do to get user know about scrollable content in the project/course
The project I am making has tables in it. I am working on responsive now. Big tables that do not fit in a small device, I have given them vertical scroll.
So my tables look like this in desktop
and ...
- 111
1
vote
2
answers
1k
views
Is it logical to use tables for responsive web design in 2018?
As the title says I was wondering whether using tables for responsive web design still a thing in 2018?
What are the pros and cons if I do use tables instead of semantic markup apart from SEO?
- 11
2
votes
1
answer
3k
views
Best way to show tables on mobile and tablet common dimension
I have a visual problem that breaks usability in my opinion.
I'm using Twitter's Bootstrap V.3 and I have a web form.
I must show a table with this information:
City, Address, Latitude, Longitude,...
- 175
0
votes
2
answers
499
views
Best way to present incredibly detailed table? [duplicate]
I'm trying to present a table on my site. The table is incredibly data heavy and can differ product to product.
The table needs to work in a responsive manner but still remain legible.
Can anybody ...
1
vote
1
answer
124
views
How to show time-breakdown × availability from multiple parties in Web App?
I'm designing an scheduling application and I would like to know what's the most intuitive way to display the info of time-breakdown × availability from multiple parties.
Below shows my current ...
- 187
4
votes
1
answer
4k
views
Pagination Vs. Infinite Scroll in Datagrids
Pavination Vs. Infinite Scroll in Datagrids
Are there any research findings or papers or usability testing findings on Pagination Vs. Infinite scroll in a datagrid. I am trying to define UX patterns ...
- 496
1
vote
2
answers
945
views
Data Display of Tables: Table Cells with Must-See Values
I have a data-driven web app with horizontal resolution limit of 1280px, yet up to 15 columns (table cell data varying between 0-255 characters). I wouldn't like to display data on multiple rows as it ...
- 173
1
vote
2
answers
431
views
How to transform desktop UI to smartphone UI?
I have a live demo here, based on HTML, CSS, JS and Metronic. It's currently planned to be displayed on desktops, yet it's quite responsive (a little bit...) and I'd like to convert it to be displayed ...
- 209
5
votes
3
answers
7k
views
What is the best treatment of pagination block in mobile view?
I'm working on a Responsive Web Design project. There is this table which can potentially go up to hundreds of records, so we are using a pagination block below it. On first load, user has the choice ...
- 153
4
votes
3
answers
865
views
Small tables on big screens
I have a little problem, responsive design and tables with only 3-4 columns, so the tables can't be 100% of the width, because that would result in way too much white space between the columns and ...
- 232
2
votes
3
answers
2k
views
I have a large list (100+) of items to be listed on a landing page. What's the best way to do this?
As the title suggests, I need to list over 100 items on a landing page. I'm hoping to make the page as responsive as possible. I don't think a table is the best option, and I'd also like to stay ...
- 183
46
votes
8
answers
52k
views
Responsive Design - How to deal with wide HTML Tables
I am doing a proof of concept with responsive design. One web page that I am modifying has some extremely wide tables. I really don't know how to shrink the tables width so there is no horizontal ...
- 563
1
vote
1
answer
403
views
Displaying Lists on Web and Mobile
I need to show a list of items - some thing like browse all the records on the web and mobile.
Basically its a list of startups and information about the same.
this is a basic version i have come ...
- 517
3
votes
1
answer
2k
views
Responsive Pricing Table
I am designing a simple Landing Page which has 2 lines about the product and the Pricing Table.
I want to Make a Responsive Layout for Mobile. Not sure which is the best way to display the Pricing ...
- 517
60
votes
12
answers
88k
views
How should large table columns be handled on a responsive design?
Related to This Question, I'm interested in what I should do with a responsive design theme where the users have control over the columns which are displayed in a tabular, data rich page. Users are ...
- 817