library-mirrors/tablesorter
1
0
Fork 0
mirror of https://github.com/Mottie/tablesorter.git synced 2024-11-15 23:54:22 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Docs: reflow demo now uses css transitions

Browse Source
This commit is contained in:
Mottie 2014-05-23 07:46:10 -05:00
parent b7100dc27c
commit c23dc91bb6
1 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
docs/example-widget-reflow.html
View File

@ -77,8 +77,9 @@
.columnSelector .disabled { .columnSelector .disabled {
color: #ddd; color: #ddd;
} }
#table1, #table2, #table3 { .frame-wrapper {
max-width: 100%; max-width: 100%;
transition: all 1s ease 0s;
} }
iframe { iframe {
width: 100%; width: 100%;
@ -506,7 +507,7 @@ table.ui-table-reflow .ui-table-cell-label.ui-table-cell-label-top {
<li class="setsmtp"></li> <li class="setsmtp"></li>
</ul> </ul>
<button class="toggle" title="Hide/show table header when the breakpoint is reached">Toggle Headers</button> <button class="toggle" title="Hide/show table header when the breakpoint is reached">Toggle Headers</button>
<div id="table1" class="full"> <div class="frame-wrapper full">
<iframe src="example-widget-reflow1.html"></iframe> <iframe src="example-widget-reflow1.html"></iframe>
</div> </div>
@ -521,7 +522,7 @@ table.ui-table-reflow .ui-table-cell-label.ui-table-cell-label-top {
<li class="setsmtp"></li> <li class="setsmtp"></li>
</ul> </ul>
<button class="toggle" title="Hide/show table header when the breakpoint is reached">Toggle Headers</button> <button class="toggle" title="Hide/show table header when the breakpoint is reached">Toggle Headers</button>
<div id="table2" class="frame-wrapper full"> <div class="frame-wrapper full">
<iframe src="example-widget-reflow2.html"></iframe> <iframe src="example-widget-reflow2.html"></iframe>
</div> </div>
@ -536,7 +537,7 @@ table.ui-table-reflow .ui-table-cell-label.ui-table-cell-label-top {
<li class="setsmtp"></li> <li class="setsmtp"></li>
</ul> </ul>
<button class="toggle" title="Hide/show table header when the breakpoint is reached">Toggle Headers</button> <button class="toggle" title="Hide/show table header when the breakpoint is reached">Toggle Headers</button>
<div id="table3" class="frame-wrapper full"> <div class="frame-wrapper full">
<iframe src="example-widget-reflow3.html"></iframe> <iframe src="example-widget-reflow3.html"></iframe>
</div> </div>