Questions tagged [tables]
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.
972
questions
1
vote
1
answer
414
views
Displaying mixed RTL-LTR data in a LTR window
My (desktop) app has a LTR (left to right text) window which displays data in a table. The table takes most of the display. The left most column (and the 3 coumns that follows) is a LTR colum, while ...
4
votes
2
answers
275
views
The best way to display time-sensitive data from a small chart in one line?
Let's say you have a table that shows you how much a meal voucher is worth at a dining hall at a certain time, so like:
Meal Time Equivalency Rate
7:30 a.m. – 10:45 a.m. $5.00
10:46 a....
0
votes
3
answers
230
views
How to effectively point users to a text that has 'more info' attached to it?
I need a simple and effective way by which I can let my users know that a particular column in a table has more information attached to it when you hover over it. It is not a link, just text (a number ...
4
votes
2
answers
1k
views
Is it a good idea to add new rows on top of existing ones?
Consider my fiddle implementation of a table.
At the beginning, my table was more conventional, featuring the + button below the table and adding new rows below old ones.
Now, I've decided to make the ...
1
vote
2
answers
265
views
Should export of an editable table view to Spreadsheet reflect user edits?
Imagine a user viewing a table in a (web) application which has some input capable cells:
download bmml source – Wireframes created with Balsamiq Mockups
If they click "Export to Excel" should ...
2
votes
1
answer
261
views
How worried should I be about action consistency across multiple pages?
I'm working on part of a redesign for a big, enterprise web application. This part has the user managing a bunch of settings that govern how the rest of the application is used.
These screens follow ...
1
vote
3
answers
128
views
Best way to indicate the type of items in a list
In an application I'm working on, I have several instances where I am showing a (potentially somewhat long) list of items. These items are either of "Type A Items" or "Type B Items", and I want to ...
0
votes
2
answers
62
views
Labeling two tables that display my content and other content
I am introducing a new feature that allows instructors to copy from a previous course that either they themselves taught or some other instructor taught.
To search, the instructor will enter ...
2
votes
2
answers
1k
views
Are horizontal scrollbars acceptable in an internal web app?
The application that we are building has a lot of data and most of this data is requested to be displayed in a table.
Our original goal was to stick with web standards and only display enough data ...
6
votes
2
answers
1k
views
Positioning table row action links
I have a list of customers in my application. The user can use the same actions for all the entries in the table: show, edit, view stats and delete. Currently I have the links for those actions on ...
0
votes
5
answers
840
views
Radio button the best choice?
In this design, a user can have the following views:
One child from parent 1 and no child from parent 2
No child from parent 1 and one child from parent 2
One child from parent 1 and one child from ...
5
votes
3
answers
2k
views
Acessibility... tables or lists
I am creating a list of links which have the following in them:
link title and url
a comment about the link
a date that the link was posted
I wish to do this using accessible best practice, but also ...
0
votes
1
answer
160
views
How to design tables with cells containing small to large amount of data
I've got the following data to display:
| ID | Participants | Start Date |
| 1 | John, Paul, Matthew, John | 24 Dec. 2010 |
| .. | ... | ... |
In ...
3
votes
2
answers
237
views
Display expanded information
Today we have a simple table which is used to display time off entitlement for users - it is pretty simple and works well.
We now need to expand this as there will be multiple types of time off and ...
5
votes
2
answers
3k
views
Data table with no data rows - show, or hide and display alt content
In a web page I have a table with a header row that is visually distinct from the data rows in the table 'body'. In some application states there will be no rows to populate the table and the header ...
3
votes
1
answer
971
views
Displaying search results for large hierarchical data
We have large hierarchical data which we would like the users to allow search on. The problem we are facing is in displaying the results. The search results can occur at any level and we would like to ...
1
vote
2
answers
115
views
Creating an understandable sort for movies - some of which have incomplete data
I'm creating an app to help organize what movies you do and do not want to watch while also help facilitate movie discovery. Movies are pulled in through iTunes and Rottentomatoes. The first view of ...
0
votes
1
answer
217
views
Chronological table : title column on the left or right?
I am working on a chronological table which display the measures taken for each day.
The most valuable information is commonly the latest one so it has to be displayed near to the label. But if the ...
6
votes
4
answers
7k
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 ...
2
votes
1
answer
379
views
Matrix representation for hierarchic data
I have to create an UI that help user to define a relation level between 2 objects (from the same hierarchic level).
2 visions must be provided :
Manager (3 levels)
Technical (3 levels + 2 levels)
...
2
votes
2
answers
741
views
Alternative method for displaying numerical data
I'm looking for alternative suggestions for displaying the following:
download bmml source – Wireframes created with Balsamiq Mockups
(Total = Available + In Use + Expired)
One possibility ...
1
vote
2
answers
363
views
How to Improve the Layout of a Credits Table
I have this table which enables users to see different credit packs, and give the option to go ahead an purchase one. However I feel it is not as effective as it could be and I want to try to increase ...
6
votes
2
answers
6k
views
How to best layout a table where one column has lots of text?
I have a table that has a couple of relatively short columns and one column witha long text. (See example at the bottom.)
The idea is the user can scan through each entry for comparison. Now, in the ...
5
votes
4
answers
1k
views
UI for splitting a table?
The web-app I'm designing for the marketing team has a table targeted suburbs with counts of persons, houses, etc. The users want to see the whole table (scrolling as necessary), and then elect to ...
2
votes
3
answers
576
views
iOS Pattern for a List with a Sub-setting on Some Items
I have an iPad app interface that feels a little weird to me and I'm wondering if anybody has seen a good solution to this situation. (I've changed the content so that I can post it here---my app is ...
10
votes
5
answers
722
views
Indicating sort direction without increasing horizontal space
I have a table that is very tight horizontally. Each column in the table is sortable by clicking the title of the header.
As you can see, on most columns there is just not enough room for the ...
9
votes
2
answers
490
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 ...
4
votes
1
answer
870
views
What is the best way to lay out a list of date ranges in a table?
I am showing a webpage where I list out where people will be out of the office. I want to get some feedback on which is a better format (obviously forget about the fact that you can't draw good tables ...
4
votes
2
answers
479
views
Table builder - Drag-n-drop vs. clicking through dialogs?
I am working on a design of a module for a web application. The web app is to be used on desktops and tablets - in the newer browsers (IE9, CHrome, Safari, etc.).
One of the tasks that users have to ...
6
votes
3
answers
616
views
What is the best means to show three level data with numeric scores at each level feeding the parent level
I have a data set with three levels of data and a numeric score at each level. These score values roll up to the parent each level. I need this display as part of a report that is "printer friendly".
...
4
votes
4
answers
7k
views
Sorting/filtering on infinite scrolling data table
I'm creating an application where search results are being shown in a table and I want to implement infinite scrolling with fixed header and footer of the table.
But I'm curious to know if sorting ...
1
vote
2
answers
343
views
How to provide controls for various actions in a single page?
This one is for CMS. The user should be able to add,delete,update and search through a table in a single page.
The buttons
Initially ADD is visible, If the edit pencil icon is clicked only UPDATE ...
13
votes
5
answers
3k
views
Zebra striping in dynamic table
Here's a hypothetical question partially inspired by a real scenario.
Assume that you have a table with many rows of data. This table isn't static; rows can be dynamically altered, added and removed ...
6
votes
7
answers
5k
views
How best can I indicate a table cell is clickable?
I have a table with lots of cells, containing products to buy. Certain cells will open a popup when clicked, which shows similar products. The rest will not (because no similar products exist).
How ...
1
vote
1
answer
598
views
How to add custom columns in a multi column table?
I am designing a control where the 1st column, 'Investment Categories,' corresponds with lots of purposes shown on the right. The users need to be able to add additional Purpose Columns as they work ...
1
vote
2
answers
1k
views
Singular or Plural Label for HTML Table or List
I have a grid that will contain 0, 1 or several email addresses. I would like to know what the best practice is for labeling this.
Should the header read
Phone Number
Phone Numbers
Phone Number(s)...
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 ...
2
votes
2
answers
487
views
Indicate Which Item is Open in a List
I have a grid of items. I want to indicate which item is currently open (which one is the user editing?) The user can select other items in the list so I want the open indicator to be different than ...
6
votes
1
answer
363
views
Use of frames with vertical scrolling for product area - Good or Bad?
I wonder if using frames with vertical scrolling for product display and selection is a no-no from the usability standpoint or is it OK? Here is a wireframe where our designer suggests this solution ...
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 ...
3
votes
2
answers
1k
views
Tooltip icon to the right of a table header?
Would tooltips icons to the right of table headers be used?
I have a table with short information on each column header. I don't want to clutter the screen with an icon [i] on the side of each header ...
1
vote
2
answers
185
views
How to display and label 5 essential and linked numbers in a table/dashboard?
I need to display 5 numbers. These numbers are essentials and display a summary of all the dashboard. This web application will be use by professional who already work with this kind of data. Here is ...
4
votes
2
answers
2k
views
Appropriate UI Design for Crossing Matrix
i'm programming in php, javascript. This isn't a programming question but rather User Interface/Experience one. suppose i want to create a crossing matrix for dog breeds. I initially created a table ...
5
votes
2
answers
427
views
Shading grouped table rows
Currently, I am working on a mobile web application which displays all substitutions for each class in my school. To make this substitution list (varying between 5 to 60 entries) easier to parse, I ...
3
votes
4
answers
565
views
Best way to layout information to optimize readability
The application I am designing is a large table of information that is updating in real time. The rows in the table are live orders in the companies system, our users scan through the list items, ...
2
votes
1
answer
320
views
How do I best deal with this information overload?
This represents a category of job times, which are broken down into timeframes.
Timeframes have:
Total (if fake is 0, shown without T, else with)
Fake (hidden if zero) as F
Built as B
Scheduled as S
...
14
votes
2
answers
33k
views
Should content be left aligned or right aligned in a table that contains a mix of text and numbers?
I have many tables within a site that have a mixture of both numeric values of all types (currency, integers, etc) and columns that contain text.
What is the guidelines or standards for alignment? ...
3
votes
3
answers
3k
views
Should clicking on a checkbox and a table row produce different actions?
I'm working on an implementation of a "checkbox grid" in ExtJS. It's just a table with a checkbox on each row, and the user can act on multiple items at once.
There's a simple version of what it ...
2
votes
2
answers
1k
views
Alternatives to pagination for dynamic tables with many entries
I'm aware of the advantages and disadvantages of paginating table results, but I'm not sure what would be best in this particular case:
I have a table that can have between 0 and 1000 rows (sometimes ...
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 ...