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)

14
votes
2answers
6k views

What some alternative ways to present tabular data instead of the standard table in the UI?

What some alternative ways to present tabular data instead of the standard table in the UI? I don't want the data to be displayed in formal tables with rows and columns. Is there any way of grouping ...
3
votes
3answers
355 views

Does it make sense to put search result filters on the left in a table in which each column is filterable?

Looking around at high-profile sites such as eBay and LinkedIn, it seems pretty standard to show filter options on the left after a search has been performed. It also strikes me that the results shown ...
0
votes
2answers
90 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 ...
11
votes
3answers
6k views

Best UI approach to align the column titles of reports

I would like to know what the best approach is to align header columns according to their data type. I haven't found any Human Design Interface articles explaining this. Should the header column ...
6
votes
3answers
8k views

What is the standard on displaying wide tables on mobile devices?

We need to display wide tables (10+ columns) on our new mobile website. Is the standard to: Scroll Horizontally without any indication that the visitor can scroll to the right (like Google Docs) ...
0
votes
1answer
132 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
207 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 ...
2
votes
2answers
92 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 ...
0
votes
0answers
48 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
2answers
263 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 ...
30
votes
7answers
23k 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 ...
7
votes
6answers
1k views

How do I edit a table of text items in iOS?

I am looking for help editing a list of text items (names) in a table in iOS. I am using a simple table that displays the name of an item (first mockup). Currently, I allow the user to enter Edit ...
1
vote
3answers
137 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. ...
9
votes
1answer
252 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?
2
votes
0answers
25 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?
3
votes
5answers
215 views

What's the best way to show multiple errors associated with a table row?

After loading some files I get a table that looks like the following: The picture above shows that 49 rows were processed, of which 33 are okay, 8 have warnings and 8 have errors. Now, each rows ...
3
votes
3answers
96 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
84 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
4answers
155 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
136 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
192 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 ...
11
votes
3answers
13k views

Table data in Mobile phones

I want to display a table with 4/5 columns and possibly 100 rows (as in desktop app right now) in smartphones. The table cells are also editable. Now we want to port this desktop app to smartphones ...
24
votes
12answers
28k 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 ...
5
votes
3answers
247 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
1answer
123 views

How to let a user choose from a list of menu options

I have the following task: Design a website which offers menu options for a week, whereas on each day you basically have 2 options to choose from (Soup is always fixed): Soup Menu 1 Menu 2 Now I ...
6
votes
10answers
486 views

Multiple icons/indicators on a table row

I am creating a table that lists all of the people in a group (75-125 people). I need to flag certain people with key roles in this group so they can be identified at a glance. There could be up to 10 ...
0
votes
2answers
56 views

What should be the column title in a grid which shows checkboxes, where sorting is enabled?

I am looking for a title for the checkboxes where sorting is enabled for that particular column. Since they're checkboxes, I'm not sure what the title could be since there isn't any descriptive factor ...
0
votes
0answers
75 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
210 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
109 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
96 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 ...
2
votes
1answer
59 views

Best data formatting for sorted and unsorted lists (names, dates, etc) [closed]

Anyone have guidelines (ideally backed up by scientific study) for the best way to format data in lists/tables/grids? I'm arguing with my group about name formats--I think we should always display ...
4
votes
5answers
1k views

Combine edit and action column?

In the table below, you can see the first column contains what I called the "action menu" and some examples of action could be: email, create task, send letter, create paycheck... The second column is ...
0
votes
2answers
137 views

Displaying add & edit note actions for each row in a table

I work on a web application and i have a list of users. On each user i can do some actions (Enable/Disable and Add/Remove Tax). Now my users could have need to add some note on a row, for example I ...
1
vote
2answers
166 views

Add drag and drop items to multiple places in a tree

I'm struggling with a problem relating to a drag and drop system. Iā€™m designing a complex system that allows the user to configure a decision tree to get to a price value. This system simplified is ...
7
votes
1answer
1k views

empty cells in accessible html tables

For an html data table in which each row represents an item (such as an email) would screen-reader users prefer empty table cells to be empty or to have a placeholder like a dash? In my brief ...
2
votes
2answers
251 views

Pagination with Accordions

I am using accordions in a table where the rows expand to reveal more information about the selected row. While from an information perspective this is working well because we are being able to give a ...
5
votes
3answers
560 views

Inline table edits: how to make it quick to edit?

I'm dealing with a data table with a large number of columns and rows. Because there are so many columns, I'm thinking of putting in something that scrolls horizontally and vertically while fixing the ...
1
vote
1answer
50 views

What should take priority when highlighting a column and a row?

Background I have a table with a bunch of data that is connected to a map. The table row and table column can both be highlighted through different ways Rows get highlighted when the user clicks on ...
1
vote
3answers
84 views

Why does too much customization feels dull and disjointed?

We are developing a saas program for the ecommerce platform. Each product has a name, price, sku, description, variant and etc. By going into a product page, users can edit each product. Instead, our ...
0
votes
3answers
66 views

Show items added by user [duplicate]

I'm working on a Inventory System where users make orders using a form. The user will fill a couple of fields and then he will choose the products that he wants. I'm wondering on how to show the ...
0
votes
1answer
167 views

Best way to show tables with less data

We have several pages that display data in a tabular format. We have a standard table design that we follow that has footer which includes pagination. What I would like to know is when we have less ...
3
votes
3answers
652 views

User inputs into tables

I'm working on a desktop-based app, where there is quite a large number of inputs the user needs to enter. I'm struggling to present the data to the user in such a way that looks good, whilst still ...
2
votes
2answers
49 views

Should the row numbering of a table update if a row gets removed?

I have a table with automatic row numbering and the user can delete rows. My question now is if the row numbering should update if a row gets removed. Are there any UX drawbacks from doing so? I ...
0
votes
0answers
89 views

Web app UI to fit in to a mobile screen

There is a web app that has a UI like this. Let's call this the estimate builder. The user can add as many estimate items as he wants by clicking the blue button at top right with a plus sign. Also ...
0
votes
1answer
85 views

What is the most easily understood message for “View More” for a table cell?

I have a cell in a table that is holding some data that can be exceptionally long. I have to crop the data and only display the first ~40 or so characters, and I'd like to add a link or button below ...
0
votes
0answers
37 views

Is it permissible to toggle selection of items in a table with a single click?

I am working on an (existing) UI that has a feature where the selection in one table drives the content of a second table: Table 1 shows a list of notifications, Table 2 shows a list of bank ...
1
vote
1answer
127 views

Deleting a row from an iOS table view

In iOS applications what is the recommended way to delete a row from a table view. The table view is displaying a list of topics. Should I be swiping on the row to remove it or pressing edit at the ...
9
votes
4answers
2k 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 ...
1
vote
0answers
80 views

Columns or Rows: Showing data in grids or lists [closed]

When presenting a list of quite detailed information (lets say a title, a date, a number, and then several paragraphs of description) which provides the better usability; rows or columns? Why? ...