GFM table alignment

[jablko]

Issue

#1222 left-aligned tables #1221 (comment), which looks good but overrides GFM table alignment.

e.g. in #1490 I centered some of the columns https://github.com/microsoft/TypeScript-Website/pull/1490/files#diff-5df78592bbddd75ac689061920fbaee892b7755b8d637d160150981fdfce22aaR299

The rendered td and th elements do have align="center" attributes https://www.typescriptlang.org/docs/handbook/type-compatibility.html#any-unknown-object-void-undefined-null-and-never-assignability

but the .markdown table td rule is more specific:

Recommended Fix

Maybe :not([align]) to markdown.scss?

td:not([align]),
th:not([align]) {
  text-align: left;
}

->

TypeScript-Website/packages/typescriptlang-org/src/templates/markdown.scss

Lines 51 to 53 in fccf7bc

	td,
	th {
	text-align: left;

[orta]

I fixed this by not using a markdown table, where I could add a css class to the table /shrug

Not elegant, but all of the current tables across the docs look nice and I don't really want to make hyper specific CSS to try hit just one