Mobile responsivess

Hello Tobias,

First of all congrats for the awesome plugin! 🙂

I have some questions, regarding the mobile responsiveness of the tables.

I tried to optimize the tables and I added the below code:

@media only screen and (max-width: 762px) {
.column-1 {
width: 8% !important;
}
.column-2 {
width: 45% !important;
}
.column-3 {
width: 37% !important;
}
.column-4 {
width: 17% !important;
}
}

While for a 365px width I get the following result: http://imgur.com/a/LKYuA for 560px I get this one: http://imgur.com/a/4Yl8n

If you notice, in both cases the numbers after the 4th row change position: for the 365px width the go slightly to the right (I designed the red cross to make it more clear), while for 560px they move to the left.

This does not happen in the desktop version at all. Any ideas how to fix it and make all the columns exactly the same?

Thank you!
Mila