Fixes resizeable columns when the first row has a colspan

[jaapvanhoek]

The width of columns get lost when the first row has a colspan that spans the sized columns because the colwidth (which has a comma separated list of column-widths) gets cast to an int and thus removing the other column-widths

Please describe your changes

The comma separated column-widths for the spanned columns are now split before that are cast to an int.

How did you accomplish your changes

By calling .split on the colwidth variable each width can be parsed separately.

How have you tested your changes

I added the colwidth attribute to the existing example and noticed that it did not behave as expected. Only the first of the spanned columns got the right width. After I changed the code the result was like expected and all columns have the right size, either the given pixel value or it fills the remaining space.

How can we verify your changes

1. Create a table
2. Merge the columns/cells of the first row
3. Resize multiple columns that are spanned by the first row
4. Use the output HTML as the input for a new table when tiptap loads
5. The size of each column must be equal to the value that it was given.

Remarks

The issue was with both TableCell and TableHeader

Checklist

• [v] The changes are not breaking the editor
• Added tests where possible
• [v] Followed the guidelines
• Fixed linting issues

Related issues

[netlify]

✅ Deploy Preview for tiptap-embed ready!

Name	Link
🔨 Latest commit	769ec8b
🔍 Latest deploy log	https://app.netlify.com/sites/tiptap-embed/deploys/6641bb140a5c5f000845c784
😎 Deploy Preview	https://deploy-preview-4955--tiptap-embed.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[bdbch]

lgtm