When we add a table using ck-editor, which looks fine in large screen but in small screen it goes beyond the screen width.

Suggestion: on the small screen, if we can scroll the table data then it will look fine.

CommentFileSizeAuthor
#2 Screenshot 2019-11-08 at 4.38.34 PM.png22.37 KBdrupalerkunal
#2 responsive_table-3093190-2.patch289 bytesdrupalerkunal
Screenshot 2019-11-08 at 2.57.44 PM.png72.58 KBdrupalerkunal

Comments

akshaya.kumar created an issue. See original summary.

drupalerkunal’s picture

drupalerkunal commented
Status: Active » Needs review
StatusFileSize
new responsive_table-3093190-2.patch289 bytes
new Screenshot 2019-11-08 at 4.38.34 PM.png22.37 KB

i have created a patch please verify it and let me know if you need any changes.
thank you.

Note: in small screen tables are scrollable in this case the table not go beyond the screen size and overflow contents are readable using the scroll option.
Bootstrap also follow this method.

kunal_kapoor’s picture

kunal_kapoor commented
Status: Needs review » Reviewed & tested by the community

The patch above is working fine.

gauravvvv’s picture

gauravvvv commented
Status: Reviewed & tested by the community » Fixed

thankyou for working on this issue. Committed to 8.x-1.x.

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.