Problem when scroll bar of tbody is hidden

jbeteta

I've got a table which includes:

• first Column is fixed
• tfoot
• horizontal scroll bar of tfoot
• have hidden horizontal scroll bar of tbody.

Fiddle: https://jsfiddle.net/jbeteta/6sxh3gbk/12/

In that scenario, when you scroll to the right side, you will see that last row cell of fixed Column (background color: red) get messed up, because horizontal TBODY scroll bar is hidden.

My question: Is there any way to correct this?

By the way: I had to hide TBODY horizontal scroll bar because it doesn't get syncronized with TFOOT scroll bar.

Many thanks