Modern web design with data tables that don’t stretch

I am working on what you could call an accounting or payroll software. They want to convert it bit by bit to a web app. The original desktop tool has that 1990’s look, relatively small windows packed with data.
Now what they want for the n…
share this post : )
Data table bulk actions which are independent of each other

I have a table where the user can perform some actions for some rows but not all. These actions are independent of each other. The table could potentially have unto 20 rows.
I have 2 solutions. I think I prefer option 1 as it separates the…
share this post : )
How to display failed records on a table

I’m designing a screen that contains a table which displays files that have been imported into the system automatically. There is a possibility that the entire file will fail (for various reasons) and another possibility that the file wil…
share this post : )
Grid where user makes individual choices in every cell. Is there a better way?

I’m in a new job. The company has a pattern for grids, where choices are not made in a column header. But in each cell individually. I have never seen this before.
So I have a grid now, where one column is a dropdown. But every cell has it…
share this post : )
Best way to Display Responsive Tables on Small Breakpoints?

I have a web-based dashboard with several tables spanning 80% of the page width.
Its a very typical responsive table design. A few columns (3-10), many rows (up to 100+), pagination, search filters etc.
S/N
Name
Status
Timestamp
Descri…
share this post : )
Neckbeard dev seeks answers to form accessibility brief: conditional input zones on ∞ rows

Forgive me for having a bit of difficulty articulating the UI and design goals that I’ve been handed, but I need to appeal to the hive mind to find out best practice re usability and accessibility for the following scenario.
Basically we h…
share this post : )
Refresh button in addition to 60 second auto refresh?

This may be an obvious question (I’m hoping so, since I’m new to this), but I haven’t found an overall rule of thumb for this online or in this forum. In a data table for large data sets, the auto refresh is set to every 60 seconds. Should…
share this post : )
Best practices for handling a lot of information in a single cell in a data table

Im designing a data table in which one of the columns has the potential to hold a lot of information in each cell. Here’s a screenshot from the live app as it exists today:
The column with red outlines called "Access Level" has …
share this post : )
Design for input of time-series data

I’m designing an application page where the user can input multiple time series.
As an example, this can mean updating the daily product forecast for a 5 stores over the next 14 days. This results in 5 different time-series to be updated, …
share this post : )
Best way to display a tables with header titles in axis (vertical/horizontal)

For tables/matrix in printed paper is very common to see the 2 axis/header titles separated by a diagonal bar
Also common to see in printed probability/impact matrix
However, HTML or excel(AFAIK) doesn’t allow this visualization, so prev…