Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Table: Show a loading overlay on the entire tbody

See original GitHub issue

Detailed description

Describe in detail the issue you’re having.

The loading indicator is showing after the data rows which can be below the fold giving the user a sense of “why is nothing happening?”

It would be great to use the Loading component as an overlay covering the entire table tbody with it

Is this a feature request (new component, new icon), a bug, or a general issue?

Feature request

Is this issue related to a specific component?

Table

What did you expect to happen? What happened instead? What would you like to see changed?

What browser are you working in?

Chrome

What version of the Carbon Design System are you using?

2.4.1

What offering/product do you work on? Any pressing ship or release dates we should be aware of?

ADI

Issue Analytics

State:
Created 5 years ago
Reactions:1
Comments:5 (5 by maintainers)

Top GitHub Comments

1reaction

stanislavgeorgievcommented, Jan 19, 2021

Since then you introduced the skeleton states and we’re using them instead of loader above 😃 Good call to close it

0reactions

zvonimirfrascommented, Jan 19, 2021

This is really old. Assuming that it’s either no longer an issue or that you’ll reopen if it still is 😃

Top Results From Across the Web

CSS table loading overlay for tbody - html - Stack Overflow

A possible solution: · Set display:table; on the tbody and thead elements · Apply position:relative; to the tbody element instead of the table...

Table: Show a loading overlay on the entire tbody #316 - GitHub

The loading indicator is showing after the data rows which can be below the fold giving the user a sense of "why is...

HTML : CSS table loading overlay for tbody - YouTube

HTML : CSS table loading overlay for tbody [ Gift : Animated Search Engine : https://bit.ly/AnimSearch ] HTML : CSS table loading overlay...

<tbody>: The Table Body element - HTML - MDN Web Docs

The HTML element encapsulates a set of table rows ( elements), indicating that they comprise the body of the table ( ).

Table loading overlay - Plunker

table { width: 100%; } table thead, table tbody { display: table; width: 100%; } table.loading tbody { position: relative; } table.loading tbody:after ......