fix table stories and documentation

[flacoman91]

adding fixes to respond to #548 (comment)

[github-actions]

PR Preview Action v1.8.1
Preview removed because the pull request was closed.
2026-04-15 20:03 UTC

[natalia-fitzgerald]

@flacoman91
I took another look at the CFPB Design System documentation page for the Table component and they include right and left-aligned columns there. Can we add the left-aligned one?

Because the DS doesn't have the naming sorted out, let's use the following naming as a stop gap.

• Right-aligned
• Left-aligned

For the table, can we match the wording that's used in the DS?

Right-aligned

• Column 1 | Column 2 | Right-aligned column

Left-aligned

• Column 1 | Column 2 | Column 3

[natalia-fitzgerald]

@flacoman91
Actually now that we've discussed, I see that right-aligned is a property and left-aligned is the default. So we don't need to add a "Left-aligned" table story.

But, can you still update the column labels for the right-aligned story to use the DS wording?

Right-aligned

• Column 1 | Column 2 | Right-aligned column

[flacoman91]

@flacoman91 Actually now that we've discussed, I see that right-aligned is a property and left-aligned is the default. So we don't need to add a "Left-aligned" table story.

But, can you still update the column labels for the right-aligned story to use the DS wording?

Right-aligned

• Column 1 | Column 2 | Right-aligned column

This appears done?

https://cfpb.github.io/design-system-react/pr-previews/pr-551/?path=/docs/components-verified-tables--overview

[natalia-fitzgerald]

@flacoman91 - Looks great. Thank you!