滚动时修复了HTML表头

滚动时修复了HTML表头,第1张

滚动修复了HTML表头

为了达到我的目标,我编写了以下代码(如所问的那样)-

这是我写的插件。

(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();}

希望能对某人有所帮助。

无论如何,感谢大家的支持… :)



欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/5567091.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-12-14
下一篇 2022-12-14

发表评论

登录后才能评论

评论列表(0条)

保存