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)

1
vote
1answer
47 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 ...
0
votes
1answer
32 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 ...
3
votes
1answer
49 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 ...
2
votes
4answers
88 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
3answers
106 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 ...
1
vote
0answers
47 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
69 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
114 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
47 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 ...
1
vote
0answers
40 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
31 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
284 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 ...
3
votes
1answer
61 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
45 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 ...
0
votes
1answer
64 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
133 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 ...
1
vote
0answers
55 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 IU is to use a table. The table will contain expense name, cost in local currency, cost in target currency and the ...
0
votes
2answers
94 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
185 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
0answers
17 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: ...
0
votes
1answer
55 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 ...
0
votes
2answers
93 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
2answers
90 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 ...
1
vote
3answers
101 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
73 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
212 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, ...
2
votes
1answer
44 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 ...
1
vote
1answer
27 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 ...
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 ...
0
votes
1answer
80 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 ...
0
votes
2answers
65 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
2answers
87 views

Better way to display only one word (Twitter hashtag) in table row on iOS

I'm working on a small project for iOS. I have a page set up where the user can see the current trends from Twitter. Currently my UI looks like this: I think this looks rather dull but i cannot think ...
0
votes
1answer
116 views

What to display in a table when there is no content?

What is the best approach to tell the user that the app doesn't have anything to display at the moment? In most cases the table does have content (2 columns), but for times when there isn't any, I ...
9
votes
4answers
200 views

Should searching a table include hidden columns?

I have a table accompanied by a search component. The table is filtering items upon typing according to the following rule: If at least one of the item properties contains the text at the search box ...
0
votes
0answers
46 views

Responsive layout standard for table layouts

Currently I am working on Enterprise layout wherein material design cards that are pretending like tables. I started of UX design for first hand screen flow with 1280 x 1024 to showcase how the ...
1
vote
0answers
23 views

Is there any way that multiple select can be applied to deactivate or disable random member in a group?

Is there any way that multiple select can be applied to deactivate or disable random member without affecting the group which is also can be deactivated?
9
votes
1answer
244 views

On a table where rows can be selected with a checkbox - Should the checkbox be on left or right?

Say, for example, we have a table with various rows, and you can check a checkbox to select the row. Is it more natural to have the checkbox on the leftmost column, or the rightmost column?
3
votes
3answers
93 views

Indicative tooltip + info tooltip over the same element

I have a table that contains some items texts the user can click to filter by those values. For example, if they click on the username, only rows containing that username will be shown on the table. ...
4
votes
3answers
83 views

How to show a voided item without strikethrough?

I have a list of items in a table like this: Description of First Item    $100 Description of Second Item    -$50 Description of Third ...
2
votes
2answers
90 views

Table with multiple submission links for flip switch input

We are working on a shopping app and have the following display as shown below. The main idea of the app is to help users organize their shopping lists, and note when to, and when not to buy items ...
2
votes
4answers
133 views

What ASCII character to use for “align center”?

If I use < to represent the setting "align left" and > to represent the setting "align right" what symbol should I use for "align center"? Is there any de facto standard for this? The symbol ...
1
vote
2answers
117 views

Horizontal swiping for wide tables with too many columns in mobile

working on a size chart for a apparel e-commerce app. there are some extreme cases were some products seem to have so many sizes. the layout of the table isn't changeable. so i think the best solution ...
6
votes
3answers
191 views

Indented row headers

We have a screen layout where we have several columns to display. The problem is - you guessed it - real estate - to be able to fit all columns. This is for desktop, tablet and mobile screens. One of ...
5
votes
3answers
202 views

What are the best practices and/or guidelines to replace a table on mobile apps?

I was asked to create a small and likely simple mobile application to display evaluation and its details. Problem is that the person who created the wireframes was clearly thinking on a website ...
1
vote
3answers
123 views

In a data-table, should actions be on the left or right

When working with tables, I prefer to place actions that are specific to the row (i.e. edit, delete, etc.) within the row. Sometimes I use an action menu, sometimes it's an edit or delete icon. ...
0
votes
3answers
53 views

Displaying couple of independent tables with different loading time

I got a webapp dashboard with couple of tables (around 6 tables with fixed order usually not fit on page without scrolling down the page). Tables are filled out with a data provided form backend - ...
0
votes
0answers
71 views

Display Table With Conditional Columns

I'm looking for insight on how to effectively display tabular data to a user where not all rows have data for specific fields/columns. Here's a simple example - I have a list of reports that I want ...
2
votes
3answers
193 views

Group rows in a table

It is very common to see tables on web applications nowadays but is not that simple to see tables with groups of rows. I have a table which can have multiple groups of rows. Each group can have from ...
1
vote
1answer
105 views

“Select all” and search field in a table

I'm looking for a solution that will allow to send specific items by clicking "Send". The selection of these items should be done while allowing: Adding specific value by search (narrows results on ...
1
vote
2answers
93 views

How to show row related information

I have a grid of selectable rows. Each time a user selects a row a new panel will come from the botton of the page to show its related "Events" and "Comments". This way they'll be able to access ...