Responsive table with many text inputs
So I need to make it responsive, look good on mobile devices.
Several notices about table:
1) Yeah, there definitely should be some tips for every text field, it's pretty important. "Tips" - maybe these labels in the header, or something that describes inputs ("Card number", "Chip number");
2) Yeah, button "Save" should be in front of every row, that's necessary;
3) That icon on the left side has destiny too - it may be visible for some row and invisible for other rows;
Of course, the first what came to my head, was something like accordion with this look-like content:
But if there are a lot of rows (the average count should be like 20), It's gonna
be a little tough to click for each of them to collapse, then to save. So what I ask is help making this table be responsive.
Moreover first input should content around 19 digits, so it has to be pretty wide, so that user could see value.