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
0answers
5 views

How to design a parent child relation using vuetify table?

I have to do a crud example for my parent table(this part is ok),i have used vuetify datatable,but for each parent element i should display all childs ,then should do the all operations like create,...
1
vote
0answers
15 views

Correct column order of comparison data table

I need to design a table where the user will need to approve new values. The table will show him two old values and the gap between the old ones and the new one (The percentage represent the gap from ...
2
votes
3answers
66 views

Need input on where to display an Add User section in relation to a Users table

There are a few approaches being considered (open to other ideas too). In general, we're thinking to avoid the approach of using a modal/dialog with grayed out background, as the solution we go with ...
0
votes
2answers
95 views

Is it bad practice to put hover interactions in a table?

Hello! I'm designing a CRM table view for a medical web app, and a core need of our users (mostly surgeons and nurses) is to quickly ascertain the compliance of their patients by viewing whether or ...
0
votes
1answer
49 views

Best way to lay out sub elements in a table

I have a table that lists network switches. The headers are Model, Stack Size, and Modules. If the stack size is greater than 1, I want to be able to add the additional stack members under the lead ...
2
votes
1answer
83 views

In Table Filter vs Filter Panels

I have a question regarding In Table Filter vs Filter Panels. Context is for extremely complex data tables. If a table has Filter Panels, would it be useful to still retain In Table Filters? If so, ...
2
votes
2answers
83 views

Best way to organize data table

I want to design a data table, the table will have at least 6 columns and infinite rows (huge number). I will display the table pagewise by limiting the number of rows per page. I want to provide ...
3
votes
2answers
46 views

How indicate conditional required field in editable table?

In a form indicating which fields are required are often indicated by an asterisk (*). We have an editable table and I indicate a required column with aesthetics in the title of the column. The ...
3
votes
1answer
31 views

Ideas for *intuitive* bulk action pattern for a medical CRM?

Hi everybody, I'm designing a patient list page (shown above) for a medical CRM, and two main user needs are sending messages to multiple patients at once, and deleting multiple patients at once. I'...
11
votes
4answers
2k views

How do I make a large table from desktop/web look good on mobile?

I am interested in what the best practice is to pack a table from web (desktop size) to mobile. I got the table done on desktop, but need to pack it on mobile. I understand that something should be ...
1
vote
1answer
64 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 ...
1
vote
1answer
87 views

Best UI Practices to show Multi-Action Button while avoiding tabular layout

We have a screen which was given to us by a client. As per their module, when the user selects a tab, the page should show options to do certain tasks like create/edit/delete. One approach we went ...
1
vote
1answer
79 views

How to enhance mapping experience using table column?

Context I have been trying to design a page for an application that performs data migration tasks. Problem statement I have a page where all source DB tables and corresponding columns get matched ...
1
vote
1answer
60 views

Best way to display frequency

Do you guys know any other way to represent a list of items that have their own frequency options (Weekly, Monthly, Daily) that you can choose from. I was thinking maybe creating like a table and ...
2
votes
1answer
46 views

Application of color to indicate interactivity in a table with a mix of sortable and unsortable columns

I'm working on an application and utilizing a blue color to indicate interaction. Links are indicated with the blue color and an underline, the buttons have a blue background, tooltip icons have a ...
4
votes
2answers
90 views

How can we inform the columns of a table can be made wider?

After using Query SO couldn't stop but to notice how hard it is to understand we can change the width of columns. How can we inform the user that the columns can be made wider?
0
votes
0answers
29 views

Selecting from a list then searching to select more

I have a list that goes into pages. we allow the user to select from the list to preform some actions on the selected items. i have a problem covering the following scenario select 3 items from the ...
2
votes
2answers
61 views

How to show Telephone Number range

I need to show telephone numbers which can be the range of following fashion. 1: 123456710- 123456720(11 Numbers) 2: 234567835-234567842( 8 Numbers) and so on I need to represent this info in table ...
11
votes
1answer
137 views

Is there a name for this auto-append design pattern?

This animation best describes the pattern, whereby a new row in the table is always preserved so that the user can insert a new row without clicking a + button or similar: Does it have a name? At my ...
2
votes
1answer
54 views

What is the best way to show invoice details in email? [closed]

I am having a problem creating e-mail design for my company. I try to create a table for invoice details and i don't know what is the best way to show info in a clear way to the user.
3
votes
1answer
71 views

How to show selected items in a paginated table?

A user selects 3 three items on page 1, then the first four on the second page, how do we show this? How is my previous selection tracked? Selecting all items is another challenge when you have a ...
0
votes
1answer
138 views

Use of clickable ellipsis in data table row

In the interface I'm designing we have a page with a table that shows a list of support tickets. By clicking on a row, the user is redirected to the page of that single ticket where they can see all ...
4
votes
3answers
123 views

Is the title in SVG supposed to describe the icon or the value it represents?

Suppose I have a table that has icons as a concise form of some value. So I was looking at the title in the svg element. So in this scenario should the title describe the shape of the svg or the ...
1
vote
1answer
72 views

Room Booking & Availability Horizontal Scroll

I'm in the process of designing a room booking / availability web application. Some of the application specifics are; there are 30 rooms (across three floors, in the same building) rooms are of ...
0
votes
1answer
53 views

Okay to enter data directly into small table or better to go to new screen? [duplicate]

My organisation is working with developers to make a new health information system (For mainly desktop users). At moment of delivering the DFS, they are asking for more $$$$ as they say the complexity ...
0
votes
1answer
51 views

Visually categorizing table columns?

In our data table, we have three types of columns. Let's call these Type A, B and C. There is only 1 column which is Type A, maybe 4-7 columns that are Type B and the rest are Type C (the least ...
0
votes
1answer
183 views

Mobile Tables - Accessibility (iOS vs Android)

iOS - Disclosure Indicators When this element is present, users know they can tap anywhere in the row to see the next level in the hierarchy or the choices associated with the list item. Use a ...
-1
votes
1answer
86 views

What's the best method to group/ungroup rows in a data table?

I've been struggling with a good solution to group/ungroup rows in a data table. We've initially implemented drag-n-drop but that was a nightmare to implement due to 3rd-party library restrictions, &...
1
vote
1answer
27 views

how to relay same table header on multiple tables?

So I have multiple comparison tables on one page. They all have the same companies names at the top for comparison on each table. Each section which has a table is comparing different data sets. How ...
1
vote
1answer
120 views

Table - list view and details view

In our current table displaying all clusters in a model, we have both list view and details view. We also allow the user to click on an arrow on the row when they want to see the full view of that ...
0
votes
0answers
32 views

Same form fields - two purposes/functions

Working on a project for adding new entry/entries to a table and/or viewing the table. We have required fields for adding a new entry. Only one of those fields is required for viewing. The ...
1
vote
1answer
101 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'...
1
vote
1answer
45 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
25 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 ...
0
votes
0answers
40 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. ...
1
vote
1answer
73 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?
0
votes
1answer
97 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 ...
1
vote
1answer
49 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
94 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,...
15
votes
9answers
5k 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 ...
0
votes
1answer
119 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: |------...
0
votes
0answers
37 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 ...
2
votes
1answer
113 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 ...
1
vote
1answer
93 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 > ...
1
vote
2answers
103 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 ...
1
vote
2answers
62 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
0answers
58 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 ...
1
vote
2answers
488 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 (...
23
votes
9answers
5k 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
77 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 ...

1
2 3 4 5
17