force wrap columns in data-table when needed

[Light2Dark]

📝 Summary

Long continuous text (no spaces) is not wrapped, this change is to force text to wrap.

🔍 Description of Changes

• Use break-words as it will add line breaks mid-word if needed. (https://tailwindcss.com/docs/word-break#break-words)
• Sample code:

  df = pl.DataFrame({
  "numbers": [list(range(1,100))],
  "long_string": ['abc' * 100],
  "long_string_spaced": ['abc ' * 30]
  })
  mo.ui.table(df, wrapped_columns=["numbers", "long_string", "long_string_spaced"])

As a result:

📋 Checklist

• [X] I have read the contributor guidelines.
• [ ] For large changes, or changes that affect the public API: this change was discussed or approved through an issue, on Discord, or the community discussions (Please provide a link if applicable).
• [ ] I have added tests for the changes made.
• [X] I have run the code and verified that it works as expected.

📜 Reviewers

@akshayka OR @mscolnick

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
marimo-docs	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Nov 21, 2024 5:05pm
marimo-storybook	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Nov 21, 2024 5:05pm

[Light2Dark]

fixed some tests since they were failing, let me know if it's unnecessary.