Skip to content

Add support for tables in documentation #16

@bveeramani

Description

@bveeramani

We need to add proper styling and support for tables in documentation pages.

What to build:
Tables should render nicely in the documentation with proper styling. This likely involves adding Markdoc configuration and CSS.

Where to work:

  • Check src/luma/app/markdoc/ directory - this is where Markdoc rendering is configured
  • You may need to add a custom table component in src/luma/app/components/
  • Or add CSS styling for standard HTML tables

What tables need:

  • Clean, readable styling with borders and padding
  • Responsive design (maybe horizontal scrolling on mobile for wide tables)
  • Alternating row colors or hover states for better readability
  • Proper header styling that stands out from body rows

How Markdoc works:
Markdoc is what renders the markdown content. You can define custom tags/nodes in the markdoc/ directory. Check out CodeBlock.tsx to see an example of a custom component for code rendering.

Testing:
Create a test markdown file with a table and make sure it renders nicely!

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions