By implementing ticket #27350, rows are usually "reloaded" when scrolling in a table. The client calculates how many rows are needed and where they should be placed. Then a request is sent to the server so that it renders the requested rows. During this time placeholders are displayed with a "glowing effect", which are later replaced by the server with the content of the lines. This serves to alert the user that more lines will be reloaded.
The styling of this placeholder and the corresponding animation is not ideal. The placeholder extends over the whole line and its color is much too dark. Furthermore, additional free space to its edges would be desirable.
Implementation
A placeholder is rendered for each cell of the row, so that the table structure is still recognizable. Padding for the placeholder table cells was also added and the color of the placeholder was adjusted.
The animation for the "glowing effect" has been changed. At the beginning the placeholder is at opacity: 0 and gets full visibility during the animation.
Test
Display table with many rows and start scrolling. If the rows are loaded too "fast", you can set a breakpoint in the developer tools in the file table.js in the method renderRows in the line callbackBeforeRequest and observe the time when placeholders are rendered, but the corresponding request of rows has not yet been sent to the server.