[KTable]: Text not wrapped properly

[BabyElias]

Originally reported here

Product

Kolibri

Expected behavior

Based on set width and min-width values, column size should be reduced upto min-width and text wrapping should take place accordingly to fit the column sizes as the viewport size changes.

Actual behavior

Currently, if there are no spaces present in the text - word wrapping does not take place. When this happens with the first column (which remains fixed throughout scrolling experience), the other columns are pushed out of the visible area and can no longer be seen.

Steps to reproduce the issue

1. Navigate to Facility>Users within Kolibri
2. Add a new user with very long name, without spaces.

Additional Info

Each cell within KTable is a separate component, known as KTableGridItem. Appropriate word-wrapping/breaking property needs to be added to this component, to ensure that text is wrapped according to column size.

CC @MisRob

[Abhishek-Punhani]

Hi @BabyElias , I would like to work on this issue.