| FazBrowse GitHub Viewer | Trending | | Home |
| Tools: [Download Repo ZIP] [Original HTTPS Page] |
| Name | Name | Last commit date | ||
|---|---|---|---|---|
parent directory.. | ||||
GitHub Docs uses YAML files to manage some complex reference tables instead of hard-to-maintain Markdown tables. This approach provides:
Important: The .yml files in this directory are maintained manually. Tables that need automatic updates from external sources require engineering work.
Use data-driven tables when you have:
Every data-driven table needs three files that work together:
| File type | Location | Purpose |
|---|---|---|
| Data file | data/tables/ | Stores the table content in YAML format |
| Content file | content/ | Displays the table using Liquid templating |
| Schema file | src/data-directory/lib/data-schemas/tables/ | Validates the YAML structure |
Estimated time: 30-60 minutes for a new table
Create a new .yml file in data/tables/ with a descriptive name.
Copilot prompt template:
Create a YAML structure that will allow me to generate a table that looks like: [describe your table headers, rows, and columns OR attach an example] See data/tables/supported-code-languages.yml for an example.
In your content file, add Liquid code to render the table. Access your data at {% data tables.TABLE_NAME %} (where TABLE_NAME is your filename without .yml).
Copilot prompt template:
Create a Markdown table that is dynamically rendered using Liquid code. Pull data from data/tables/TABLE_NAME.yml. The table should look like: [describe your desired output OR attach an example] See content/get-started/learning-about-github/github-language-support.md for an example. Liquid docs: https://shopify.github.io/liquid
💡 Tip: Iterate between Steps 1 and 2 until the table renders correctly.
Create a .ts file in src/data-directory/lib/data-schemas/tables/ with the same name as your YAML file.
Copilot prompt template:
Create a TypeScript schema following prior art under data-schemas that enforces the structure of the data/TABLE_NAME.yml file. See src/data-directory/lib/data-schemas/tables/supported-code-languages.ts for an example.
After creating all three files:
Once your table is working and tests pass, create a pull request for review.
The docs-engineering team must review and approve your implementation.
| Back | FazBrowse Home | New Git URL |