Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

🔢 Format table HTML in documentation #1147

Merged
merged 1 commit into from Apr 22, 2024

Conversation

agoose77
Copy link
Collaborator

@agoose77 agoose77 commented Apr 22, 2024

This tiny PR just applies an HTML formatter to the table HTML, so that it is more readable (less wrapping)

Before:

<table>
<tr><th rowspan="2">Projection</th><th colspan="3" align="center">Area in square miles</th></tr>
<tr><th align="right">Large Horizontal Area</th><th align="right" style="background: -webkit-linear-gradient(20deg, #09009f, #E743D9); -webkit-background-clip: text; -webkit-text-fill-color: transparent;">Large Vertical Area</th><th align="right">Smaller Square Area<th></tr>
<tr><td>Albers Equal Area</td><td align="right">7,498.7</td><td align="right">10,847.3</td><td align="right">35.8</td></tr>
<tr><td>Web Mercator</td><td align="right">13,410.0</td><td align="right">18,271.4</td><td align="right">63.0</td></tr>
<tr><td>Difference</td><td align="right" style="background-color: red;color: white">5,911.3</td><td align="right">7,424.1</td><td align="right">27.2</td></tr>
<tr><td><bold>Percent Difference</bold></td><td align="right" style="background-color: green;color: white">44%</td><td align="right">41%</td><td align="right">43%</td></tr>
</table>

After:

<table>
   <tr>
      <th rowspan="2">Projection</th>
      <th colspan="3" align="center">Area in square miles</th>
   </tr>
   <tr>
      <th align="right">Large Horizontal Area</th>
      <th align="right" style="background: -webkit-linear-gradient(20deg, #09009f, #E743D9); -webkit-background-clip: text; -webkit-text-fill-color: transparent;">Large Vertical Area</th>
      <th align="right">Smaller Square Area
      <th>
   </tr>
   <tr>
      <td>Albers Equal Area</td>
      <td align="right">7,498.7</td>
      <td align="right">10,847.3</td>
      <td align="right">35.8</td>
   </tr>
   <tr>
      <td>Web Mercator</td>
      <td align="right">13,410.0</td>
      <td align="right">18,271.4</td>
      <td align="right">63.0</td>
   </tr>
   <tr>
      <td>Difference</td>
      <td align="right" style="background-color: red;color: white">5,911.3</td>
      <td align="right">7,424.1</td>
      <td align="right">27.2</td>
   </tr>
   <tr>
      <td>
         <bold>Percent Difference</bold>
      </td>
      <td align="right" style="background-color: green;color: white">44%</td>
      <td align="right">41%</td>
      <td align="right">43%</td>
   </tr>
</table>

@rowanc1 rowanc1 merged commit 6e1ec9b into main Apr 22, 2024
5 checks passed
@rowanc1 rowanc1 deleted the agoose77/docs-format-table-html branch April 22, 2024 13:26
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants