[website] use sticky table headers

[SKalt]

The problem

When I visit https://microsoft.github.io/language-server-protocol/implementors/servers/ to check the implementation table, I often have to scroll back up to the top of the table to check the headers. If I'm checking an implementation low on the table, I'll see something like

| ... 
+------------+--------+-------+------------+
| a language | a name | a url | a language |
+------------+--------+-------+------------+
| ...

which hides which column represents what. Since there's no natural order to the list of features implemented, I'm unlikely to remember the column order.

Proposed solution

Use a position: sticky header on the <thead>s of the large tables.

Similar to langserver/langserver.github.io#160.

[dbaeumer]

Good idea. However the document is markdown. Anyone want to provide a PR for this?

[SKalt]

I should be able to get to the fix within a week. It looks like the place to add scss/css would be https://github.com/microsoft/language-server-protocol/blob/gh-pages/_layouts/implementors.html or https://github.com/microsoft/language-server-protocol/blob/gh-pages/css/main.scss

[dbaeumer]

@SKalt thanks for locking into it. And yes, the places are correct.

[SKalt]

status update: I got the site to build in a docker container, then failed to get sticky headers to stick due to something in the bootstrap css, likely .table-responsive, something about the flex, or an overflow: hidden somewhere.

[dbaeumer]

Closing, PR merged