[BUU] Fix Table width not responsive to the amount of selected columns

[chahmedejaz]

What? Why?

• Closes [BUU] Table width is not responsive to the amount of selected columns #12809
• It looks like there was a typo in the class name for the producer in the product row column. As a result, when the producer column is selected as hidden, the variant's producer column hides correctly, but the product's producer column remains visible due to the incorrect class name.
• This PR fixes this typo

What should we test?

• Visit the products page
• Hide any of the Producer and On Hand columns
• Columns width should remain responsive.

Release notes

Changelog Category (reviewers may add a label for the release notes):

• User facing changes
• API changes (V0, V1, DFC or Webhook)
• Technical changes only
• Feature toggled

[dacook]

🙈

[drummer83]

Hi @chahmedejaz,
Thanks for fixing this!

I have tested this on staging AU and created some screenshots to document the behaviour.

Test results

All columns visible:

Name hidden:
Only Producer column is gaining width.

On Hand hidden:
Bug is fixed. ✔️
Only Producer and Name columns are gaining width.

Producer hidden:
Bug is fixed. ✔️
Only Name column is gaining width.

Any other column hidden:

Name AND Producer hidden:
Only Image column is gaining width.

Only name AND Unit visible:
Only name column is gaining width. Unit column is still overflowing.

Other findings (out of scope here)

• Name, SKU, Unit, Price, On Hand are not adding ellipsis (...) for overflowing content.
• Column widths could be organised in a better way. The current approach seems too static.

Conclusion

Great! The bug is fixed! 🎉
Merging! 🚀