Tables

From simple data tables to large scrollable datasets with expand functionality

Tables are excellent for comparing data across categories. Markdown tables are simple to write and can handle a variety of use cases.

Simple Tables

Here's a basic comparison of some programming languages:

LanguageTypingParadigmYear
PythonDynamicMulti1991
RustStaticMulti2010
HaskellStaticFunctional1990
JavaScriptDynamicMulti1995

Table Alignment

You can control column alignment using colons in the separator row:

Left AlignedCenter AlignedRight Aligned
DataDataData
More dataMore dataMore data
Even moreEven moreEven more

Rich Content in Tables

Tables can contain various formatting:

FeatureStatusNotes
MarkdownFull support for formatting
CodeInline code works well
LinksBoth inline and reference style
ImagesNot recommended in tables

Comparison Table

TypeUse CaseSyntax
UnorderedItems without sequence- item
OrderedSequential steps1. item
TaskTrackable to-dos- [ ] item
DefinitionTerm/definition pairsTerm : Def

Large Data Tables

Sometimes you need to display large datasets. This table demonstrates horizontal scrolling for wide tables:

IDNameEmailDepartmentTitleStart DateSalaryLocationManagerStatusPerformanceProjects
001Alice Johnsonalice.j@example.comEngineeringSenior Developer2019-03-15$125,000New YorkBob SmithActiveExcellentAlpha, Beta
002Bob Smithbob.s@example.comEngineeringEngineering Manager2017-08-01$150,000New YorkCarol DavisActiveExcellentAlpha, Gamma
003Carol Daviscarol.d@example.comEngineeringVP Engineering2015-01-10$200,000San FranciscoActiveExcellentAll
004David Leedavid.l@example.comDesignUX Designer2020-06-22$95,000RemoteEva MartinezActiveGoodBeta, Delta
005Eva Martinezeva.m@example.comDesignDesign Lead2018-11-30$130,000Los AngelesCarol DavisActiveExcellentBeta, Delta
006Frank Wilsonfrank.w@example.comMarketingMarketing Specialist2021-02-14$75,000ChicagoGrace KimActiveGoodEpsilon
007Grace Kimgrace.k@example.comMarketingMarketing Director2016-09-05$140,000ChicagoCarol DavisActiveExcellentEpsilon, Zeta
008Henry Brownhenry.b@example.comEngineeringJunior Developer2022-07-18$80,000RemoteAlice JohnsonActiveGoodAlpha
009Ivy Chenivy.c@example.comEngineeringDevOps Engineer2020-01-20$115,000SeattleBob SmithActiveExcellentInfrastructure
010Jack Taylorjack.t@example.comSalesSales Representative2021-09-01$65,000BostonKelly WhiteActiveGoodOutreach

Expandable Large Table

For very dense data, you can expand the table to full screen for easier reading. Click the expand button in the corner:

YearQ1 RevenueQ1 ExpensesQ1 ProfitQ2 RevenueQ2 ExpensesQ2 ProfitQ3 RevenueQ3 ExpensesQ3 ProfitQ4 RevenueQ4 ExpensesQ4 ProfitAnnual Total
2020$1.2M$0.8M$0.4M$1.4M$0.9M$0.5M$1.3M$0.85M$0.45M$1.8M$1.1M$0.7M$8.05M
2021$1.5M$0.95M$0.55M$1.7M$1.0M$0.7M$1.6M$0.98M$0.62M$2.1M$1.2M$0.9M$9.7M
2022$1.9M$1.1M$0.8M$2.2M$1.25M$0.95M$2.0M$1.15M$0.85M$2.6M$1.4M$1.2M$12.1M
2023$2.3M$1.3M$1.0M$2.7M$1.5M$1.2M$2.5M$1.4M$1.1M$3.2M$1.7M$1.5M$14.9M
2024$2.8M$1.5M$1.3M$3.1M$1.7M$1.4M$2.9M$1.6M$1.3M$3.8M$2.0M$1.8M$17.8M

Conclusion

Tables are powerful tools for presenting structured data. For small datasets, simple markdown tables work great. For larger datasets, use scrollable wrappers and consider the expandable option for dense financial or analytical data.