Questions tagged [data-tables]
Use this tag only for data tables questions
26
questions
230
votes
23
answers
147k
views
How To Display Too Much Data
We're building a web-based platform where the main dashboard shows a table of data for users to view and analyze. As we're growing this tool, we seem to be adding more and more columns and are running ...
40
votes
3
answers
72k
views
What is the best practice for data table cell content alignment
We are currently working on a windows based application where users capture data. Some data is captured in a table where other data is captured in text blocks. Im currently faced with the dilemma of ...
75
votes
4
answers
11k
views
Is there a better way than zebra stripes
Currently we are working on a project that includes many datatables. Before deciding to use zebra stripes to make datatables easier to manage, I wanted to ask if you could advise a better solution ...
28
votes
5
answers
19k
views
Table with actions per row
One of the pages in our web app includes a table that typically has a few dozen rows for each user, and it takes most of the page's width (5-8 columns).
For each row, users can perform 3 possible ...
18
votes
3
answers
5k
views
Design pattern for sorting / ordering items in card view
In a table design pattern there is usually a 'primary' key value which all the other values can be sorted by, and it is easy to sort or order the rest of the attributes associated with the item.
...
7
votes
3
answers
4k
views
Displaying a large number of columns in a table
I have a Twitter Bootstrap based table with responsive CSS.
Everything looks good but, when I try to put more columns than the size of the table supports, I have a line breaking.
I tried to change ...
51
votes
4
answers
12k
views
When your page has no results, what do you show?
I am paginating a data table and have different views in my application where each view has its own rows. Some views may have data, some may not.
Showing 1-0 of 0 Page 1 of 0
is what I am showing ...
16
votes
4
answers
19k
views
Tabular vs Card-based presentation, which is better for lots of data?
Basically, we have a long list of stuff that has, on its on, a lot of details. We are wondering whether to use a table or put each set in a rectangular card format. See below:
On one hand, the table ...
12
votes
5
answers
7k
views
Sorting tables after multiple columns
I want to add a sorting functionality to a table.
It should be able to be sorted after multiple columns.
A standard approach is something like this:
download bmml source – Wireframes created ...
10
votes
2
answers
1k
views
How do you keep your data tables simple?
Our company is trying to make our website simpler and easier than our competitors, and one thing that's difficult about that is our data. A big table of data is shown on most of our website's pages, ...
9
votes
1
answer
6k
views
A table within a table - Table Inception
Here is a little UX problem I'm working on right now and I'm posting it here because after a lot of research, there are not many good examples of this out there.
The context: Consider this as a web ...
7
votes
8
answers
9k
views
Best approach for huge data tables (currently using scrolls)
Experts,
I need help in assessing the best approach for huge tables (lets say 500 rows), we want something that is intuitive, visibly appealing and gives more focus to table data. Most pages will ...
6
votes
4
answers
6k
views
How to format tables with monetary data?
I am working on a web app that needs to display revenue data in a table, and I am not quite sure how to make it easy to read.
Are there are any style guides or manuals that can help me?
For ...
6
votes
4
answers
15k
views
What is the best practice for data table filters?
For best user experience, what is the best practice for data table filters with 10+ columns?
User's Goal:
The user is trying to filter the list using of various filter types dates, number and ...
5
votes
1
answer
3k
views
Best way to display date and time in a table with massive amounts of data?
I have a table of massive amounts of data. Each table row is a time sensitive order that our users need to cover on a day to day basis. Order's appear from all around the country and we have orders ...
4
votes
2
answers
2k
views
Best practice for displaying no of records on datagrid
I am designing a banking application where i have a record count of over 1000 rows. I wanted to understand the ideal design patterns for pagination and displaying rows on a data grid.
I am ...
4
votes
4
answers
5k
views
Tile vs Table/List view: Do they need to display exactly the same information?
I am currently working on a design (for a school/teacher app) that displays information about students. Two different views are offered to the user: tile and table view.
The argument among people on ...
3
votes
1
answer
894
views
Tables with a lot of data for small screen sizes
It is probably not just me who finds responsive tables barely readable when using small screen devices. In most of cases they look like in example #1.
I find this way completely impractical when ...
3
votes
4
answers
4k
views
Examples of hierarchy in data tables and their usability
Has anyone come across data table UI design/patterns that also show some form of hierarchy? I am trying to think of examples similar to Excel, but used in web applications or mobile apps because it ...
3
votes
2
answers
2k
views
What is the best way to responsively display large amounts of tabular data?
I'm working on a redesign that needs to translate well from desktop to tablets. There is a table that could potentially hold thousands of entries. Think of this page as a dashboard. From what I gather,...
2
votes
3
answers
2k
views
Expand truncated table cell content on hover
I'm working on a project using Google's Material Design and am running into an issue where we need to truncate table cell content. There is a spec for truncating table headers and showing the full ...
2
votes
5
answers
189
views
How to display data behind a data point in a matrix?
I'm trying to design an internal tool for software testing purposes. We have a system that consists of a number of servers. To verify that the system as a whole is stable we monitor different ...
2
votes
3
answers
2k
views
Displaying million records in Master Detail Grid (Million in both master detail)
I am facing a UX issue while creating a master-detail grid in which both master and detail can have over a million rows.
The simplest solution would be to enable paging in both master and detail.
...
1
vote
1
answer
444
views
Search Results in a TreeTable
I Have a TreeTable where groups of itens are organized by categories, as you can see on the image bellow.
What is the best approach to present the list of results taking into account that is ...
1
vote
2
answers
886
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 ...
0
votes
2
answers
242
views
Filtering and Sorting a Table that has more than 1 row per user
Imagine if...
you had 6 users. They all drove cars. The table shows which cars they drive and how many miles they have driven each car. It also shows a flag which is just a way to tag a user that is ...