Tables are a means of organizing content into rows and columns, often – but not always – in a grid-based layout where columns and rows have distinct relationships.

learn more… | top users | synonyms (1)

3
votes
1answer
65 views

How to display a single column and multiple rows in UI?

I have to create the UI for a new dashboard. Most of the sections follow "single column, multiple records" policy. E.g. one section lists all the dates where attendance data is missing. So, it has ...
2
votes
1answer
21 views

How should the filter feature manifest itself in google material design tables

I've checked the material design documentation but there is no clear indicator that I can see to tell me what happens if I click on the . Here's the icon in situ. I want to know what the ...
1
vote
3answers
69 views

Displaying a couple of independent tables with different loading times

I have a webapp dashboard with a couple of tables (around 6 tables with a fixed order that usually does not fit on page without scrolling down the page). Tables are filled out with data provided from ...
13
votes
4answers
1k views

Multiple values in one cell in table

I have a table where there might be two values in one cell, what is the best practice to display this? With a comma or line break or something else? Unfortunately the values are quite long, and I ...
3
votes
2answers
165 views

Adding multiple filters in a table

Is it recommended that the filter is hidden at all times displaying its elements on request or have them upfront ? Image 1 : All filters displayed Image 2 : Add filters on request
1
vote
1answer
36 views

Is it okay to change the default value of the dropdown based on the last selected action and use it as default for the next list?

Is it okay to change the default value of the dropdown based on the last selected action and use it as default for the next list? What's the disadvantage for the users? On the Table, the dropdown ...
2
votes
1answer
73 views

What would be best way to entitle a table column if it can contain only two values?

I need to create a UI for a budget overview tool and the only option to create this UI is to use a table. The table will contain expense name, cost in local currency, cost in target currency and a ...
1
vote
1answer
41 views

Selecting single/multiple rows in a table

I am building a software where a lot of the information is placed in tables. Selecting a single row from the table loads a section with the most important information about the entry. There are also ...
0
votes
3answers
153 views

What are the best practices for sorting tables with sections?

When you have a table with sections, the sections denote a hierarchy for instance: Name Corners Perimeter - Standard Shapes 7 ...
0
votes
2answers
66 views

How to add more columns to data grid keeping it more expressive

If i have a grid view like this and i have to add more columns one as link button and one for notes (text) .the table is full of data how to handle this problem:
0
votes
2answers
33 views

Optical Illusion created while displaying a table with spaced rows

I'm creating a form that is essentially a table. It looks a bit like this: The issue I'm having here is that when you look at it long enough, the vertical lines separating the cells in each row ...
3
votes
2answers
125 views

Showing single file download and multiple file download options?

Background We are creating wireframes for a website that acts as a repository for where users can download various files. Users should be allowed to download one file at a time and also multiple files ...
2
votes
1answer
68 views

Interactive Table with graph drilldown

The following is a very rough, very disguised view of what I'm really working on, so hopefully it will suffice as a visual example for the following conundrum: I have an app with a large spreadsheet ...
4
votes
2answers
140 views

Sortable & Filterable Table - Best place to return to once filter cleared?

I have table of records, of which three columns are sortable by ascending/descending state. This table is also filterable. The name column is clickable, which then loads the webapp's version of an ...
0
votes
2answers
39 views

Sort by a value not shown in the table

I am working on an application that will run on phones and tablets. The application can be used for attendance management and for viewing hours the user wrote previously. Here is the view for this ...
3
votes
2answers
58 views

Ways to display both string and boolean on page

I have an unusual question regarding how displayed data should look as opposed to how to code the solution. I really don't know where to ask this. I have a table that contains settings for a web ...
1
vote
1answer
34 views

Best way to place table specific functions [closed]

I am looking for the most intuitive location for table specific functions. In our webapplication, which is available on all devices, we display large amount of data in tables. The columns of these ...
1
vote
2answers
43 views

Internet Plans table - Differentiate by speed Units

I have this administrator section in my online Internet Service Provider management system where he can insert new Internet plans, edit and visualize existing ones. Here is a simple example using ...
0
votes
2answers
260 views

references for table alternative

Do you have any references you can link me to, where I could display this data, but not in a table? This will be used by 500 to 10000 people, and they want to have : drag and drop for re-ordering, ...
1
vote
1answer
51 views

Compact Tableview

I'm currently working on a web application that includes a kind of table where each row can be expanded and collapsed, respectively. I added the picture below that you can see what I mean: Now all ...
9
votes
2answers
445 views

Fling cells in table view

I'm currently working on a concept that allows user to "fling" table view cells in the reordering process (you can watch my short demo here). I have broad experience with iOS apps but haven't seen ...
1
vote
6answers
162 views

Indicating that text was user-modified

My application includes a simple table/grid view, that is initally populated with money values by an automated calculation. Users will usually just take the values as they are, but they have the ...
2
votes
4answers
102 views

Better place to put the edit button on table

I'm struggling with a decision here.. What is the best place (and why) to put the edit button on a table if the edit mode will act only in partial content of that row?
3
votes
1answer
52 views

Make the user decide number of rows/columns beforehand or give the user an excel like sheet?

I am making a table for the user to fill out the information. My question is what approach to use; is it best practice to make the user chose the number of rows and columns beforehand, like so : or ...
0
votes
3answers
170 views

Icon Placement within a row

I have a table with template names and the actions available will be shown in the form of icons next to the names. There are two options. Option 1 Icons next to the name(left aligned) appearing on ...
3
votes
3answers
111 views

Indicate ”hoverable” text

I have a table with “hoverable” text, but how do I make it clear to the user that more information will show up if he hovers over it? I was thinking of an icon at first, but I don’t know if it is ...
2
votes
0answers
57 views

Columns in a table - settings buttons position

I am building a screen for a rather big platform and I am trying to figure the best position for settings buttons for a column in a table. The table holds information about players and their ...
3
votes
1answer
73 views

How to translate a visual experience to screen reader users

I have a table with selectable rows. I can select only one row. Sighted users can click anywhere in a row to select it. In the context of a website that is as good for blind users and sighted users, ...
3
votes
4answers
119 views

Better way to present sparse, regularly recurring events?

I'm trying to make up a listing of events that needs to fit in a small space, and I'm struggling with the right way to present the data. There are four events that recur in this system. On any given ...
1
vote
2answers
50 views

Table Elements Placement

I have a web application where I need to show certain data in tabular format.I have certain queries from a UX perspective based on my diagram below : What should be the ideal placement of elements ...
2
votes
0answers
47 views

Pattern or strategy for showing hierarchical response content?

I'm expanding my app's capabilities from this: ...to displaying all the rules that were applied, results for each rule, rule description, and link to more info. I'd really appreciate pointers to ...
1
vote
1answer
32 views

Column header name suggestions

I have a column in a table with each cell being a toggle switch (on/off),what would be an appropriate header for the column? Right now I have just called it as state
5
votes
6answers
297 views

Representing Chronological flow in a table

I have an application that tracks the housing history of program participants. The worker using this program will already have their current housing information inputted elsewhere. Normally, I would ...
2
votes
1answer
50 views

Edit-Delete on index tables

I'm redesigning an admin portal. Right not we have A LOT of index tables with Edit-Delete buttons exposed on the table. Some of the team members want to change the pattern: remove the edit-delete ...
3
votes
1answer
66 views

Filters in table, show columns or not?

I have a table that has about 6-7 columns. Kind of like this: The user will be able to filter the results in the table which (in the end) will make the rows display the same values (except one of ...
1
vote
1answer
46 views

Right place to add a new comment on lazy loading screen

Consider a mobile app screen with many comments, which are ordered by created date (oldest first). Comments are lazily loaded, page size = 10. Now please consider the following use case: The user ...
6
votes
3answers
325 views

Should table rows be numbered?

I've created a a form that generate a list of results in a table. I'd to know if it's interesting to number each row of table, the default number of row is 20. there is a pagination too. 20 results ...
0
votes
1answer
77 views

Pavination 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 ...
5
votes
1answer
147 views

how to represent disabled cells into a table with alternate row color

I'm creating an editable html table with alternate row color with a focused row highlighting . When a cell is clicked, the user can modify its content. Considering all of these, I need to indicate ...
0
votes
2answers
95 views

In what order to place sort up/down buttons in a table?

This is a simple question: In what order should I place the move down and move up button in a sortable table? This may be "opinion based", but I hope it's not and there is a definite preference. Out ...
6
votes
1answer
205 views

How to represent “no data” cells in HTML tables?

In web presentation, I have those table cells which contain no data. How to represent such an information? Notes about the table: its basic dimensions are roughly 10 × 20, but can grow to 15 ...
0
votes
2answers
73 views

Sorting and pagination of unknown data set

We are building a system that are dealing with a huge amount of information (mainly data presented in different tables). When fetching the data only 100 items is apparently fetched from the server, ...
0
votes
0answers
18 views

Reordering blocks and rows within that block

I've been tasked with a difficult challenge and I am looking for a workaround due to my latest idea being rejected. What we need: We need to be able to reorder three block containers labelled: ...
1
vote
2answers
106 views

Best way to display data from different categories in a single table?

I am currently trying to figure out the best way to display filterable leaderboard-like data in my web application. The app functions as a type of online-voting competition. When people sign up with ...
0
votes
2answers
105 views

Table Pagination

I have a standard table with around 1500 enteries as shown below : How do I capture the fact that I want to migrate on a particular page(for eg say page no.13) without having to click multiple times ...
1
vote
3answers
113 views

Is strike through text a good indicator for an item in a list for being deactivated

In a healthcare product how will we show deactivated list items. I have given two options below where the first one is strike through option, which is there already in the older product and a new ...
0
votes
1answer
77 views

Best way to Show Complex and Lengthy Table Headings

So I have been creating a design for a table in which there is Heading Tr1=> Roll | Name | Subjects | Subjects | Subjects |||| | Aggregate | Heading Tr2=> |part|part|total| ...
5
votes
2answers
220 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, ...
0
votes
4answers
70 views

Reconciling temporal relevance with awareness of existence in categorized item tables

I'm displaying an overview table of items. The items have a: category a date additional, domain-specific information that needs to be displayed in the same view On the overview list, only one item ...
0
votes
0answers
17 views

Saving current filters/sorting configurations. Rewrite/save as new

I have a business app with a lot of tabular data. The data is viewed in the form of the tables with lots of filtering/sorting/grouping/etc functionalities. When a user sets up several filters and such ...