updated resizable widget demo

This commit is contained in:
Mottie 2013-03-31 12:11:55 -05:00
parent a5fe8668cc
commit c030e8ebbb

View File

@ -21,6 +21,10 @@
<!-- Tablesorter: optional --> <!-- Tablesorter: optional -->
<!-- <script src="../addons/pager/jquery.tablesorter.pager.js"></script> --> <!-- <script src="../addons/pager/jquery.tablesorter.pager.js"></script> -->
<style>
th.resizable-false { background-color: #e6bf99; }
</style>
<script id="js">$(function() { <script id="js">$(function() {
$("table:first").tablesorter({ $("table:first").tablesorter({
@ -35,10 +39,7 @@
$("table:last").tablesorter({ $("table:last").tablesorter({
theme : 'blue', theme : 'blue',
// initialize zebra striping and resizable widgets on the table // initialize zebra striping and resizable widgets on the table
widgets: [ "zebra", "resizable" ], widgets: [ "zebra", "resizable" ]
widgetOptions: {
resizable_addLastColumn : true
}
}); });
});</script> });</script>
@ -71,6 +72,7 @@
<li>Setting the <code>resizable</code> widget option to <code>false</code>, will only prevent the saving of resized columns, it has nothing to do with preventing a column from being resized.</li> <li>Setting the <code>resizable</code> widget option to <code>false</code>, will only prevent the saving of resized columns, it has nothing to do with preventing a column from being resized.</li>
<li>Because this widget uses jQuery's <code>closest()</code> (jQuery 1.3+) and <code>index()</code> (jQuery 1.4+) functions, it requires these newer versions of jQuery in order to work.</li> <li>Because this widget uses jQuery's <code>closest()</code> (jQuery 1.3+) and <code>index()</code> (jQuery 1.4+) functions, it requires these newer versions of jQuery in order to work.</li>
<li>In order to save the resized widths, jQuery version 1.4.1+ should be used because jQuery's <code>parseJson()</code> function is needed.</li> <li>In order to save the resized widths, jQuery version 1.4.1+ should be used because jQuery's <code>parseJson()</code> function is needed.</li>
<li>Setting the <code>resizable_addLastColumn</code> widget option to <code>true</code> will add the resizable handle to the last column, see the "non-full" width table below <span class="tip"><em>New!</em></span> v2.9.0.</li>
</ul> </ul>
</p> </p>