search

OpenWaterFoundation / owf-app-dev-ng

Open Water Foundation Angular application to develop common libraries
0 stars 1 forks source link

Data table - field overflow #63

Closed smalers closed 2 years ago

smalers commented 2 years ago

Data table fields sometimes overflow into the next field, which looks bad. See the example below. Can anything be done? Also, why does this data table even have the layer and path? That seems like internal information that should not be visible to the user, unless perhaps in developer mode.

image

Nightsphere commented 2 years ago

Both layer and path properties were in the GeoJSON file, and the code just iterates over each and prints them out in the table. I'll do some testing on extra long non-breaking names and should have a fix for the next Common package version.

Nightsphere commented 2 years ago

I have added some extra CSS to the table cells to truncate long, non-breakable strings. I briefly looked at what it would take to create resizable columns, and Angular Material does not have the feature built in. There seems to be a way to do it, but it is not a trivial solution. I'll keep it in mind for any future implementations. Here is how the new code will resolve this issue:

image

Closing this issue.