Why the size tab in chrome devtools network panel has 2 cells?

I want to ask that why the size tab has 2 cells? It seems that the over is Encoded Data and the under is Decoded Body, but the developer doc doesn't have explanation about this, and if so, and why some Encoded Data is bigger than Decoded Body(no HTTP2)