-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
sortable table - still column sizing is broken
- Loading branch information
1 parent
4d9bc88
commit 6fe72c3
Showing
6 changed files
with
201 additions
and
38 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,39 @@ | ||
| --- | ||
| --- | ||
|
|
||
| <!doctype html> | ||
| <!-- simplified version for status.arc42.org: | ||
| remove import of scripts.html, as the MM-scripts conflict | ||
| with DataTables | ||
| --> | ||
| <!-- | ||
| Minimal Mistakes Jekyll Theme 4.24.0 by Michael Rose | ||
| Copyright 2013-2020 Michael Rose - mademistakes.com | @mmistakes | ||
| Free for personal and commercial use under the MIT license | ||
| https://github.com/mmistakes/minimal-mistakes/blob/master/LICENSE | ||
| --> | ||
| <html lang="{{ site.locale | slice: 0,2 | default: "en" }}" class="no-js"> | ||
| <head> | ||
| {% include head.html %} | ||
| {% include head/custom.html %} | ||
| </head> | ||
|
|
||
| <body class="layout--{{ page.layout | default: layout.layout }}{% if page.classes or layout.classes %}{{ page.classes | default: layout.classes | join: ' ' | prepend: ' ' }}{% endif %}"> | ||
| {% include_cached skip-links.html %} | ||
| {% include_cached masthead.html %} | ||
|
|
||
| <div class="initial-content"> | ||
| {{ content }} | ||
| </div> | ||
|
|
||
|
|
||
| <div id="footer" class="page__footer"> | ||
| <footer> | ||
| {% include footer/custom.html %} | ||
| {% include_cached footer.html %} | ||
| </footer> | ||
| </div> | ||
|
|
||
|
|
||
| </body> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,86 @@ | ||
| <!doctype html> | ||
|
|
||
| <html lang="en"> | ||
| <head> | ||
| <title>Sortable Table Example</title> | ||
|
|
||
| <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.13.7/css/jquery.dataTables.css"> | ||
| <script type="text/javascript" charset="utf8" src="https://code.jquery.com/jquery-3.5.1.js"></script> | ||
| <script type="text/javascript" charset="utf8" | ||
| src="https://cdn.datatables.net/1.13.7/js/jquery.dataTables.js"></script> | ||
|
|
||
| <style> | ||
| .border-left { | ||
| border-left: 2px solid black; | ||
| } | ||
|
|
||
| .border-top { | ||
| border-top: 2px solid black; | ||
| } | ||
|
|
||
| .text-align-left { | ||
| text-align: left; | ||
| } | ||
|
|
||
| thead th { | ||
| border-left: 2px solid black; | ||
| } | ||
|
|
||
| .gopher-logo { | ||
| content: url("images/minion-logo-100px.png"); | ||
| } | ||
| </style> | ||
| </head> | ||
| <body> | ||
| <table id="statsTable" class="display"> | ||
| <thead> | ||
| <tr> | ||
| <th rowspan="2"><img src="./images/minion-logo-100px.png" /></th> | ||
| <th colspan="2" style="border-left: 2px solid black;">7 Days</th> | ||
| <th colspan="2" style="border-left: 2px solid black;">30 Days</th> | ||
| <th colspan="2" style="border-left: 2px solid black;">12 Month</th> | ||
| <th rowspan="2" style="border-left: 2px solid black;">Issues</th> | ||
| </tr> | ||
| <tr> | ||
| <th style="border-left: 2px solid black;">Visitors</th> | ||
| <th>PageViews</th> | ||
| <th style="border-left: 2px solid black;">Visitors</th> | ||
| <th>PageViews</th> | ||
| <th style="border-left: 2px solid black;">Visitors</th> | ||
| <th>PageViews</th> | ||
| </tr> | ||
| </thead> | ||
| <tbody> | ||
| <tr> | ||
| <td>arc42.org</td> | ||
| <td style="border-left: 2px solid black;">v7D</td> | ||
| <td>p7d</td> | ||
| <td style="border-left: 2px solid black;">V30D</td> | ||
| <td>p30d</td> | ||
| <td style="border-left: 2px solid black;">V12m</td> | ||
| <td>p12m</td> | ||
| <td style="text-align: left;border-left: 2px solid black;"> | ||
| issues | ||
| </td> | ||
| </tr> <tr> | ||
| <td>arc42.de</td> | ||
| <td style="border-left: 2px solid black;">v7D</td> | ||
| <td>p7d</td> | ||
| <td style="border-left: 2px solid black;">V30D</td> | ||
| <td>p30d</td> | ||
| <td style="border-left: 2px solid black;">V12m</td> | ||
| <td>p12m</td> | ||
| <td style="text-align: left;border-left: 2px solid black;"> | ||
| issues | ||
| </td> | ||
| </tr> | ||
|
|
||
| </tbody> | ||
|
|
||
| <tfoot> | ||
|
|
||
| </tfoot> | ||
| </table> | ||
|
|
||
| </body> | ||
| </html> |