mds-component-table-html

Maersk mds-table modifiers are reference tokens that standardize HTML table styling and accessibility. They codify required modifier tokens for size, divider, zebra, and sticky header behaviors to guide UI implementation.

You need mds-table modifier tokens when integrating third-party grids or server-rendered HTML tables. They ensure your UI components match Maersk design tokens and accessibility requirements without re-implementing the design system.

Yes, you can use mds-table modifiers with third-party grid components. This skill provides guidance on applying wrapping, alignment, truncation, scrolling, and interaction tokens to align external grids with Maersk's design system.

The best way to handle sticky headers and zebra patterns in Maersk tables is to apply the specific modifier tokens catalogued in this skill. It provides guidance on these behaviors alongside accessibility rules for UI components.

To ensure HTML tables meet accessibility requirements using Maersk design tokens, you apply the documented accessibility rules codified in the mds-table reference. This includes selecting appropriate interaction tokens and alignment behaviors.