Skip to content

Commit

Permalink
tests for #84
Browse files Browse the repository at this point in the history
  • Loading branch information
@mkoryak
mkoryak committed May 12, 2014
1 parent bdc5ab4 commit 9830a8d
Show file tree
Hide file tree
Showing 2 changed files with 169 additions and 0 deletions.
1 change: 1 addition & 0 deletions tests.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,5 +20,6 @@ <h1>Tests</h1>
<li><a href="{{ site.base_url }}/tests/issue-66/">Issue 66</a></li>
<li><a href="{{ site.base_url }}/tests/issue-79/">Issue 79</a></li>
<li><a href="{{ site.base_url }}/tests/issue-82/">Issue 82</a></li>
<li><a href="{{ site.base_url }}/tests/issue-84/">Issue 84</a></li>
</ul>
</div>
168 changes: 168 additions & 0 deletions tests/issue-84.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,168 @@
---
layout: lite
base_url: './../..'
slug: tests
bootstrap: false
desc: 'Floated header overlaps the vertical scrollbar (on mac + FF only)'
issue: 84
---

<style>
.wrapper {
width:200px;
height: 270px;
overflow: auto;
border-bottom:1px solid #999;
white-space: nowrap;
}
.myTable, .myTable td, .myTable th {
border-collapse:collapse;
border:1px solid #999;
}
.myTable {
width:100%;
}
.myTable thead {
background-color:#d2d2d2;
border-bottom: 2px solid #999;
}
</style>


<script type='text/javascript'>//<![CDATA[
$(window).load(function(){
var $table = $('.myTable');

$table.floatThead({
//debounceResizeMs: 300,

scrollContainer: function ($table) {
return $table.closest('.wrapper');
}
});
});//]]>

</script>


<div id='jsfiddle'>
<div class="wrapper">
<table class="myTable">
<thead>
<tr>
<th>Header 1</th>
<th>Header 2</th>
<th>Header 3</th>
<th>Header 4</th>
<th>Header 5</th>
<th>Header 6</th>
<th>Header 7</th>
</tr>
</thead>
<tbody>
<tr>
<td>data1</td>
<td>data2</td>
<td>data3</td>
<td>data4</td>
<td>data5</td>
<td>data6</td>
<td>data7</td>
</tr>
<tr>
<td>data1</td>
<td>data2</td>
<td>data3</td>
<td>data4</td>
<td>data5</td>
<td>data6</td>
<td>data7</td>
</tr>
<tr>
<td>data1</td>
<td>data2</td>
<td>data3</td>
<td>data4</td>
<td>data5</td>
<td>data6</td>
<td>data7</td>
</tr>
<tr>
<td>data1</td>
<td>data2</td>
<td>data3</td>
<td>data4</td>
<td>data5</td>
<td>data6</td>
<td>data7</td>
</tr>
<tr>
<td>data1</td>
<td>data2</td>
<td>data3</td>
<td>data4</td>
<td>data5</td>
<td>data6</td>
<td>data7</td>
</tr>
<tr>
<td>data1</td>
<td>data2</td>
<td>data3</td>
<td>data4</td>
<td>data5</td>
<td>data6</td>
<td>data7</td>
</tr>
<tr>
<td>data1</td>
<td>data2</td>
<td>data3</td>
<td>data4</td>
<td>data5</td>
<td>data6</td>
<td>data7</td>
</tr>
<tr>
<td>data1</td>
<td>data2</td>
<td>data3</td>
<td>data4</td>
<td>data5</td>
<td>data6</td>
<td>data7</td>
</tr>
<tr>
<td>data1</td>
<td>data2</td>
<td>data3</td>
<td>data4</td>
<td>data5</td>
<td>data6</td>
<td>data7</td>
</tr>
<tr>
<td>data1</td>
<td>data2</td>
<td>data3</td>
<td>data4</td>
<td>data5</td>
<td>data6</td>
<td>data7</td>
</tr>
</tbody>
<tfoot>
<tr>
<th>Footer 1</th>
<th>Footer 2</th>
<th>Footer 3</th>
<th>Footer 4</th>
<th>Footer 5</th>
<th>Footer 6</th>
<th>Footer 7</th>
</tr>
</tfoot>
</table>
</div>

</div>

0 comments on commit 9830a8d

Please sign in to comment.