为了达到我的目标,我编写了以下代码(如所问的那样)-
这是我写的插件。
(function ($) { $.fn.scrollbarTable = function (i) { var o = {}; if (typeof (i) == 'number') o.height = i; else if (typeof (i) == 'object') o = i; else if (typeof (i) == 'undefined') o = {height: 300 } return this.each(function () {var $t = $(this);var w = $t.width();$t.width(w - function (width) { var parent, child; if (width === undefined) { parent = $('<div ><div ></div></div>').appendTo('body'); child = parent.children(); width = child.innerWidth() - child.height(99).innerWidth(); parent.remove(); } return width;}());var cols = [];var tableCols = [];$t.find('thead th,thead td').each(function () { cols.push($(this).width());});$t.find('tr:eq(1) th,thead td').each(function () { tableCols.push($(this).width());});var $firstRow = $t.clone();$firstRow.find('tbody').remove();$t.find('thead').remove();$t.before($firstRow);$firstRow.find('thead th,thead td').each(function (i) { $(this).attr('width', cols[i]);});$t.find('tr:first th,tr:first td').each(function (i) { $(this).attr('width', tableCols[i]);});var $wrap = $('<div>');$wrap.css({ width: w, height: o.height, overflow: 'auto'});$t.wrap($wrap); }) };}(jQuery));
如何使用:
$(document).ready(function(){ $('table#tabss').scrollbarTable();}
希望能对某人有所帮助。
无论如何,感谢大家的支持… :)
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)