sydneynoe
commented
3 weeks ago @helms-charity FYI these blocks are typically HTML coded each time they are added which accounts for some of the variations. These are also not mobile friendly. Ideally we'd like them to be more uniform and mobile friendly.
If we can keep the alternating greys between rows that would be wonderful, as far as the different color headers that would be a "nice to have" for products BUT open to your suggestions here and want to keep accessibility in mind.
Start with the standard Table block from https://github.com/adobe/aem-block-collection/tree/main/blocks/table... I think the default header color can be their red (not pink). Other colors can be used based upon "themes" in the metadata later.
Example of pink header with alternating grey rows that I found: https://www.learninga-z.com/site/resources/breakroom-blog/science-of-reading-curriculum
Other tables that we don't want to create options for: https://www.learninga-z.com/site/resources/breakroom-blog/upcoming-events-schedule https://www.learninga-z.com/site/resources/breakroom-blog/teaching-foundational-reading-skills https://www.learninga-z.com/site/resources/breakroom-blog/data-in-education