All Questions
38 questions
14
votes
5
answers
9k
views
In a grid, how to display long column headers
When displaying data in a grid (each row contains a record, each column a different record field), vertical space need is easily solved with scrolling or paging.
We are usually sooner missing ...
- 2,048
10
votes
9
answers
2k
views
How can I make the relationship between rows in two tables more obvious to the user?
I have a web page that at first showed a top level goal with a bunch of risks. here is an example mockup:
I now realized that since I have a series of events, it would be good to break down and add ...
- 1,381
9
votes
2
answers
23k
views
Best way to display more table columns than I have room for? [duplicate]
The web development office I work for is working on a fixed-width web site. On one page, we have a table inside of the fixed 960px space available. So far, this table has worked out great for us, but ...
- 271
8
votes
1
answer
2k
views
Reporting web app - how to design large data tables?
I'm working on a legacy webapp that's mainly focused on reporting large amounts of data - ie tables with 20+ columns reporting financial data. The main problem is table layout inconsistency depending ...
- 181
7
votes
3
answers
925
views
How to organize multiple information popup areas over a table?
How might you best organize multiple popups over a table when both the table content and the popup content are equally important.
Scenario:
Tabulated data, for which the user may be interested in ...
- 71.3k
7
votes
2
answers
2k
views
Subgrids - Tables within tables
Users wanted a way to view kinda-related data for records in different tables. The solutions was to take those and make them child tables of the rows in the parent table. It will probably be easiest ...
- 171
6
votes
2
answers
371
views
How to layout buttons/bars alongside a dynamically sized table?
I have a table of data with a dynamic number of rows. It could have none, one, or a hundreds. The width is fixed across the web page and it has a fixed number of columns: 9.
Along with this I ...
user9533
5
votes
3
answers
980
views
How can I show that data in a table is related to other data within the same table?
I have a table where every 6 entries of the data are loosely related. How can I show that these sections of data are related without adding a separate column explicitly saying so?
I've tried to ...
- 191
5
votes
5
answers
1k
views
How to layout / structure a page with a long sidebar but a short content section?
Basically, I have a data table in the main content area and a filter section on the sidebar. The filter on the left serves as a filter for the data that would appear in the data table.
Now, each of ...
- 4,348
5
votes
1
answer
6k
views
Using JQuery DataTables to display many columns
We have a large document archive. It is built similarly to how a Cassandra Database would store items having column names and column values stored for each item.
This can lead to having way to many ...
- 361
4
votes
5
answers
362
views
Is a product feature list suitable to display in a table?
On an ecommerce site (say selling T-Shirts) each product has its own page, and the page will have information about the product.
Aside from unique things like photos, descriptions and reviews etc ...
JonW♦
- 37.6k
3
votes
3
answers
2k
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 ...
- 33
3
votes
3
answers
1k
views
Presenting data in a grid form versus a tabled form
Is there a general rule when displaying data in a grid form versus a simple tabled list? Since modern screens tend to be wider now, it makes more sense to me to start utilizing grids instead of normal ...
- 368
3
votes
2
answers
230
views
How to distribute selected listitem through a table (days of week)
What 's the best way to do the following :
I want to distribute my employees among the specific periods in the week
My current UI is like that
on The right side :
The list box of employees
and ...
3
votes
2
answers
967
views
How to display wide table on the report
I have two datasets with 50 columns and 1-100 rows.
I need to display comparison of these two datasets in a report (standard letter).
So,
say my first dataset is as follows:
Name Price Qty ...
- 528
2
votes
3
answers
6k
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,077
2
votes
5
answers
872
views
Designing gantt like schedule in grayscale
I had some problem deciding if this should go here or in Graphic Design site. I hope I got it right!
So I'm redesigning a schedule application. It looks something like this:
Each activity has a ...
- 75
2
votes
3
answers
6k
views
Best way to display more table columns and rows than I have room for?
I have a similar problem to what is mentioned in Best way to display more table columns than I have room for?. But to make things a little more difficult, the table has approximately 1000 rows and 64 ...
- 21
2
votes
3
answers
599
views
Better design to displaying a lot of data within tables
This is the current design
There could be hundreds of the 'panels' with tables that expand underneath when clicked. The tables could contain thousands of rows.
What would be a better way of ...
- 141
2
votes
2
answers
264
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 ...
- 401
2
votes
1
answer
3k
views
Best practice to show transaction history?
I am working on the redesign of a transaction history page. Existing design uses expandable data table to show the history of each item. the data set comprises over 8 attributes including the status ...
- 7,026
1
vote
2
answers
369
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 ...
- 3,123
1
vote
2
answers
675
views
Table with one column that has a lot of text
I am trying to improve the UI of a design of a table that has three columns. The first two columns have one or two words and the third column has a fairly long list of items.
My first solution was to ...
- 11
1
vote
1
answer
233
views
What is this table format called?
What would you call this type of table row layout?
(This is from Mailchimp's email campaign manager section.)
It's not a traditional data table, since it combines about 6 pieces of information in ...
- 146
1
vote
1
answer
678
views
Display two column table on smartphone
I've been somewhat struggling on how to display a two column table on a smartphone (iOS app specifically).
My said that they would like something other than a boring UITableView to display the data. ...
- 113
1
vote
1
answer
95
views
What symbol/figure should I use to demonstrate a game ended in a draw in a table?
In my program, a user will write a bot and at the end of the benchmark it will be showed to them a table showing how the bot did against some premade bots in some maps.
What I have now is this:
(The ...
- 113
1
vote
2
answers
338
views
Is there a better way to layout this UI using the Microsoft Office Ribbon?
I am building a Microsoft Outlook VSTO addin and I am trying to figure out the best way to lay out the UI and from looking through the office apps i can't seem to find the right layout pattern that ...
- 1,381
1
vote
2
answers
254
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 ...
- 1,077
1
vote
1
answer
158
views
Where to place secondary table
I have a 'primary table' of let's say, 'Suppliers'. Each supplier supplies certain parts which are displayed in a 'secondary table' called 'Parts'. When the users clicks on a row in the supplier table,...
- 153
1
vote
2
answers
695
views
Responsive feature comparison layout / grid
I have a list of applications (~120 items).
Each application on the list has the same features (logo, name, OS name, price range, short product info), so basically this is a table with 120 rows and ...
- 121
1
vote
2
answers
278
views
Ideal way to show multiple columns in an input table for keyboard navigation
I have a page as below.
I have to show table with multiple input columns(> 30). in the region "input able with many coloumns"
One Idea is have arrows on right and left and navigate.
Another is have ...
- 133
1
vote
3
answers
484
views
Best table layout to compare definitions and examples (text)
I want to present a table that compares correct and incorrect definitions of words, with examples. What is the best table layout for this?
Eg
Too
Correct: More than expected; also.
Example: I, too, ...
- 111
0
votes
2
answers
2k
views
Which is best alternative design of a table which having only 2 column to display in UI with one edit button. Please advice me
Please help me to get the best UI layout as I don't want to use the table in my page due to less number of the column.
- 101
0
votes
3
answers
130
views
Why would users prefer to use a diluted layout when given the choice?
Some web apps from Google such as Gmail and Drive offer a "comfortable" option with lots of wasted white-space, which I'll refer to as being diluted for lack of a better term.
I'm creating a web app, ...
- 349
0
votes
1
answer
354
views
Lists or Table for Itemized Quote Page
I am developing a web application for a client who operates a business that makes custom granite countertops. A quote comprises of several items. Each item has a number of sub-items. My problem is ...
- 237
0
votes
2
answers
216
views
Dealing with non-fluid data tables
I have pages consisting of mainly data tables. So far I'm using a fluid design with Bootstrap's rows/cols. Here is an example:
As you can see at the bottom of the page, table 1 has very wide columns ...
0
votes
1
answer
553
views
Default column width for text data in a table
I'm designing an application with a data table. The data is backed by a C-style string (that is to say, a char array) so I know the maximum theoretical width using my proportionally-spaced typeface.
...
- 561
0
votes
0
answers
72
views
Complex table design based on diagram selection
enter image description hereI am building a web based tool to manage car repairs. The user would select an area of the car and a part from a list of supplied parts. They would then select what they ...
- 1