We’re rewarding the question askers & reputations are being recalculated! Read more.

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.

Filter by
Sorted by
Tagged with
0
votes
1answer
21 views

How best to display multiple data points in a single row in a list view?

Hey! I'm designing a list that needs to accommodate multiple data points in a single row under a single category, and I'm wondering if there are any UI patterns that are best suited for this need. I'...
0
votes
1answer
25 views

Responsive Tables : Adjusting row count to fit the available real estate

I'm designing a screen with tabular data, and trying to explain to the developers what is required. First off, I want to make sure that my design is feasible. My goal is to... Have tabular data on ...
0
votes
0answers
24 views

Comparison table for subelements

Can you please help me determine which comparison design is better for UX? I have documents with elements. Every element has 5 attributes. I need to compare those attributes across 3 to 5 documents. ...
5
votes
1answer
173 views

How to represent differences between two rows of a database

How can I represent the changes between two rows of a database similar to the split diff of GitHub? Context I would like to visualize the changes made to a table which are happening over time. For ...
0
votes
0answers
12 views

Table Columns with Complex Structures (fields under it, that can have fields underneath too-like nested ones)in a few of its col

This is for Web Application. I am looking for tabular UIs that doesn't have nesting but is able to show a child row under a parent row and those children can have further children and so on. My ...
1
vote
1answer
80 views

Can one filter be always selected by default?

I am not sure if it is good user experience to have one filter always pre-selected by default. Can't use a toggle, because of the consistency issues with other pages. But I would like to keep all ...
1
vote
1answer
36 views

Toggle button on a table field

I'm thinking of using a toggle button to publish/unpublish a product in a table field. What is your view on using a toggle button and keeping a field clickable in a table?
1
vote
1answer
109 views

What is the preferred way of displaying interactive information in a small space, eg table cell?

I have a list of athletes that have competed in a race. For each athlete, I want to be able to do a couple actions for each athlete, like View Time Online View Team of Athlete View Time Splits View ...
1
vote
2answers
162 views

Correct way to display row name/label

I want to display label (or name) for second row in a table so users know about what that row contains, please see image. Please note: On left there is another grid, thus adding name/label for the ...
0
votes
1answer
76 views

Best approach to having a sort, select and set of action buttons on a table row

Okay so I have a bit of an odd table to achieve and I'm unsure on the the best UI/UX approach to go with. I have a small table of files, usually at most there would be about 10 files, one of the ...
3
votes
2answers
325 views

How to handle filtering on columns of a table?

I am currently working on a pretty complex (and convoluted, I'll admit) table in terms of filtering. One of the options for filtering allows the user to filter on an item that is displayed as a column ...
1
vote
1answer
31 views

Listing multiple events with sub-events on a page

I have a fairly large collection of martial arts events that I'm listing on a page. Each event happened on a given date and in a given location (country, state, city). Each event has one or more ...
0
votes
1answer
89 views

Pizza menu design that makes it easy to find the ingredients you want? [closed]

I came across this recently: and I thought it could be improved by extracting the common ingredients into columns, like this: code I find the table intimidating at first. But once you understand it,...
0
votes
1answer
76 views

Responsive table with many text inputs

I have a table of this type: So I need to make it responsive, look good on mobile devices. Several notices about table: 1) Yeah, there definitely should be some tips for every text field, it's ...
13
votes
7answers
4k views

Is right click on tables bad UX

We've a grid where users can select multiple rows and perform actions on them. When rows are selected, we show action buttons at the top of the grid. We've been thinking about making these actions ...
3
votes
3answers
834 views

Way to fit a more than 20 columns wide table in PDF?

I have a table with more than 20 columns. This table is displayed with scrolling on a website. I have to scale these columns for a PDF export. Is there a UI pattern that helps fitting these columns ...
5
votes
4answers
1k views

How to add one or more items to the table row?

Context I'm working on very complex enterprise solution. We have this table that shows list of let's call them contracts. Every contract (row) can contain one or more customers (and one or more ...
0
votes
1answer
116 views

how should i design my table or what is the alternative?

I want to have a table where i dont want to show data repeated. Every column are meant to be treated differently. should I use different tables or what is the better way to show them. Example: |------...
1
vote
1answer
93 views

How to configure the same value in all cells in row

I have a table in which I want to set a value for an entire row. In excel and such, after you enter a value in one cell you can copy it (expand but "pulling" the cell edge) to other cells. Do you have ...
1
vote
3answers
191 views

Tables - Freeze columns functionality

We are building a new table wherein it allows the user to freeze any columns in the table. The problem now we are facing is what if user freezes the 4th column in the table should the 1st, 2nd & ...
10
votes
6answers
685 views

Expandable rows, quick view or modal to show a big section with details for a row in a table?

I have a table and in the first version of the implementation, I had expandable rows with info. In the new version, the client wants expandable sections in the section expanded because it is a lot of ...
2
votes
1answer
100 views

Screen with multiple list crud

I have a screen with CRUDs For example: I will register a department and identify all job positions, equipment and employees Solution A: Display everything on a scrollable page Solution B: Display ...
3
votes
2answers
561 views

Complex form design pattern, common shared values, mixed with unique input values

Working on a form, which applies a configuration to an object selected from a table. Multiple objects can be selected to have one configuration applied to all selected. This approach works fine when ...
2
votes
3answers
4k 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 ...
1
vote
2answers
87 views

Users want to create tables with many columns and infinite scrolling rows - how do we handle this?

I have a situation where users are capable of creating their own searches on extensive data sets, using a query-like user interface. Our users come from a strong Excel background and are used to ...
0
votes
0answers
15 views

best way to display data tables with too many columns [duplicate]

I am faced with a challenge on the best way to help the user scan data, and make a determination about the status of their pipeline, in a flash. What is the best way to display data for a table that ...
3
votes
3answers
415 views

Efficient multi-field search pattern for finding matching records

We need to build a tool that allows data entry from people to find transactions from an external data source and match them to our transactions. The transactions don't always align by a particular ...
1
vote
2answers
129 views

Table quick filters

Looking for examples of buttons above a table that can show you the numbers of a specific type of item and when you click them filter the table. Any link or example will help a lot. I have looked ...
1
vote
1answer
59 views

Can a table have column chooser, if content is dynamic?

Project is a chatbot. One pane is for chat messages, and in some cases there's an extra pane for contextual visual (table, PDF, video, etc.). So, in this contextual pane, there will sometimes be a ...
1
vote
1answer
75 views

Can I have multiple rows with <th> in a table

I recently read that a table can have multiple rows of < th > and pass validity. I have a narrow table and need to get < th > on multiple rows. When I test with NVDA it reads all the < th > ...
4
votes
4answers
1k views

Should I label every row in a table of inputs?

I find myself with some frequency creating a grid of inputs using a table where each cell consists of just an input field and the column headers define what the field is for. PHPStorm complains with ...
4
votes
1answer
234 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 ...
6
votes
2answers
707 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
3answers
186 views

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

If I have a grid view like this and I want to add more columns. One column will display buttons and the other one - notes.
2
votes
2answers
3k views

Adding paging, sorting and filtering toolbars to a table

I have a bunch of report views, which essentially are tables. They should enable the user with sorting, paging and filtering capabilities. My idea is to add those features via menu-bars. Paging ...
1
vote
1answer
163 views

Is this a usable pattern? (Enterprise application UI)

I'm working on an application that requires a user to assign a year or two to a list of users (there are two year options available. One user can be assigned to one or both years.) And one user per ...
1
vote
2answers
51 views

PDF fixed vs automatic column width

I have a document (a report) with a table structure. It can be exported to PDF. I want to ask, what is better from the UX point of view? a) Fixed column widths. Pros: all documents have the same ...
0
votes
1answer
100 views

Input data in data tables

I have to design a data table which is going to be 288 rows and 15 column big. I want to make it easy for users to input data easily. Data is for a day for every 5 minutes interval(i.e. 288 rows are 5 ...
21
votes
5answers
12k 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 ...
3
votes
2answers
7k views

Best practices to allow user to hide/show columns in a data table

I have a table which can contain more than 15 columns, it is not likely that users will see the 15 columns at the same time, but I need to give them the option to select which columns they want to see....
1
vote
2answers
103 views

Best way to align number columns in a table that has a text column after

It is a common knowledge that number column in a table should be right-aligned, whereas text column — left. In this example (taken from this article), you can see that there is a text column (...
35
votes
3answers
52k views

What is the best practice for data table cell content alignment

We are currently working on a windows based application where users capture data. Some data is captured in a table where other data is captured in text blocks. Im currently faced with the dilemma of ...
0
votes
0answers
43 views

Possible ways to highlight table rows temporarily

I am trying to replicate an existing pattern we have in our application where when you navigate to a page after clicking a link that references a certain item, that item card is expanded and a border ...
2
votes
3answers
121 views

Redesign a page for mobile, while keeping a “similar” layout to the desktop view, desktop uses a table

Well I have a page that looks decent on desktop, and most of the site is working responsive as well. The website has as goal to provide people to sign up for (sport) tournaments, and allows users to ...
1
vote
1answer
96 views

Combined Tables View

I have 4 different types of external logging data that can be opened in my desktop application. They are displayed as tables. Each of these have a few columns in common (e.g. timestamp), but most of ...
22
votes
9answers
4k views

Grid/table with lots of buttons

Considering I have a grid with a number of buttons for actions the user can perform. It looks like this. I have a number of similar grids in the system. I am wondering peoples opinions on if I should....
0
votes
3answers
69 views

How do present information in a pricing table to make it less cluttered and overwhelming?

I'm working on a Pricing table that not only has a lot of plan options involved, but also a lot of features under each plan. The higher the plan, the more features you get. To make it less ...
0
votes
3answers
250 views

What's a good UX alternative to a table with data?

I'm working on a profile page where a user (Tutor) can add subjects and details that they would like to teach. please refer to the attachment. I think that having a table is very cluttered and I'm ...
0
votes
1answer
80 views

Which is the best way to deal with table, when we have more than 500 expandable list in a view page?

I have a view page in my application wherein I am listing the number of devices along with the device configuration details like protocol, Broker Ip, Payloads etc. I have designed this list in such a ...
11
votes
10answers
827 views

Is it better to represent simple labeled information as table or just text with subheadings?

I'm redesigning a website that has some simple information presented as a table like this: download bmml source – Wireframes created with Balsamiq Mockups I read yet the again the Label ...