Best way to design dynamic table of inputs. Like rate-lists
I am trying to design a rate-list input for parking lot management system. Where inputs are like this:
But it needs to be customizable in time field of inputs, e.g. 3-4 hours based on user requirements.
The final result should be in 24 hour format 2d matrix like this:
[Cycle][0]:2 [tw][0]:5 [fw][0]:25
[Cycle][1]:2 [tw][1]:5 [fw][1]:25
[Cycle][2]:2 [tw][2]:5 [fw][2]:25
[Cycle][3]:5 [tw][3]:15 [fw][3]:40
..... ........ .......
..... ....... .......
upto 23 upto 23 upto 23
[Cycle][23]:15 [tw][23]:50 [fw][23]:150
Currently I am using 24 row table like this:
Which does not look good and also has lot of inputs to fill. Basically it's a bad design.
I'm looking for good UX design to achieve this, or anything similar. Any help is appreciated (I am a beginner).