Scrollable x-axis on child table

[rtdany10]

Is your feature request related to a problem? Please describe.
Currently, child table grid view can only accommodate 11 columns. And we can't allocate float values to column width(bootstrap issues); thereby limiting number of columns in grid view to 5 columns or 6 at maximum.
Clicking Edit button to input values defeats the purpose of using Tab key.
Tab key is one of the things people love about Tally, you can literally do everything with the keyboard itself.

Describe the solution you'd like
If we add scroll-able x-axis on the child table, we can use Tab key to easily switch between fields and input all the required fields easily.

Additional context

[ollyboy]

that would hide the edit button and mean you need to scroll to hit the edit button

[rtdany10]

that would hide the edit button and mean you need to scroll to hit the edit button

Well, if you add all the commonly used fields, edit button would rarely be used.

But anyway, I think we can overcome this issue by keeping the serial number and edit button column fixed and rest all columns scrollable.

[asoral]

This could be extremely useful in cases where user cant read descriptive columns in vhild table because of the length limitations, and has to edit individual lines. More so, if you have multiple lines then it gets a little taxing to check each individually

[marination]

@rtdany10 Sounds pretty cool! Is this feature already built ?

[rtdany10]

@rtdany10 Sounds pretty cool! Is this feature already built ?

No, unfortunately, not yet. I will more than happily assist and help if somebody take the lead!
There are already pull requests that I've created that hasn't reached anywhere. Don't want to add another to the list.

@marination If you don't have much on your plate, could you try a hand?😅

[sumaiya2908]

@rtdany10 I am planning to implement this. Can I get a heads up?

[rtdany10]

@rtdany10 I am planning to implement this. Can I get a heads up?

I'm unsure if I can provide you anything valuable. The GIF was created by altering the HTML of Sales Invoice form after it was rendered(via inspect element tool of my browser:sweat_smile:)
My understanding of Frappe's front-end is very basic but I'd like to learn. Will be more that happy to assist you. Let me know if you'd like to collaborate to get this done 😄

[rtdany10]

@sumaiya2908 Any update on this?

[N-Codee]

@rtdany10 how you did this ?.

[nasirrr]

This is a very practical and necessary feature. After all, convenience and ease of use are what makes a s/w loved by all. Thanks for opening this request @rtdany10

Were you able to make any progress on this? @sumaiya2908

[systonium]

This could be immensely helpful

[npatel2048]

that would hide the edit button and mean you need to scroll to hit the edit button

Well, if you add all the commonly used fields, edit button would rarely be used.

But anyway, I think we can overcome this issue by keeping the serial number and edit button column fixed and rest all columns scrollable.

Scrollable X axis in Child Table with having more than 10 Columns will be very helpful in multiple use Cases.
The Serial Number and Edit columns could be put in the Left and non scrollable.
Is there a Feature request for this in ERPNext Forum where we can UpVote it?

[mujeerhashmi]

@shariquerik This is the issue, I discussed at the conference.

[npatel2048]

Check this out,
https://discuss.frappe.io/t/child-table-limitations-in-frappe/131682/3

[mahesh042]

Any solution for this ?

[federicocalvo]

Finally! these things are incredibly necessary, there are reports that are hard to defend.
But for me, I think this PR is at the same level of usefulness if not more (of course it depends on one's point of view).

frappe/datatable#163