css列名不动_table.js（table表头不动，身体滚动）

(function($){

$.chromatable = {

defaults: {

width:'100%',

height:'165px',

scrolling: "yes"

}

};

$.fn.chromatable = function(options){

var options = $.extend({}, $.chromatable.defaults, options);

return this.each(function(){

var $this = $(this);

var $uniqueID = $(this).attr("ID") + ("wrapper");

$(this).css('width', options.width).addClass("_scrolling");

$(this).wrap('

$(".scrolling_outer").css({'position':'relative'});

$("#"+$uniqueID).css({

'width' : '100%',

'overflow-x':'hidden',

'overflow-y':'auto',

'color':"#666666",

});

$("#"+$uniqueID).css('height', options.height);

$("#"+$uniqueID).css('width', options.width);

$(this).before($(this).clone().attr("id", "").addClass("_thead").css({

'width' : '100%',

'background':'#F5F5F5',

'display' : 'block',

'position':'absolute',

'border':'none',

'top':'0px'

}));

$('._thead').children('tbody').remove();

$(this).each(function( $this ){

if (options.width == "100%" || options.width == "auto") {

$("#"+$uniqueID).css({'padding-right':'0px'});

}

if (options.scrolling == "no") {

$("#"+$uniqueID).before('Expand table');

$("#"+$uniqueID).css({'padding-right':'0px'});

$(".expander").each(

function(int){

$(this).attr("ID", int);

$( this ).bind ("click",function(){

$("#"+$uniqueID).css({'height':'auto'});

$("#"+$uniqueID+" ._thead").remove();

$(this).remove();

});

});

$("#"+$uniqueID).resizable({ handles: 's' }).css("overflow-y", "hidden");

}

});

$curr = $this.prev();

$("thead:eq(0)>tr th",this).each( function (i) {

$("thead:eq(0)>tr th:eq("+i+")", $curr).width( $(this).width());

});

if (options.width == "100%" || "auto"){

$(window).resize(function(){

resizer($this);

});

}

});

};

function resizer($this) {

$curr = $this.prev();

$("thead:eq(0)>tr th", $this).each( function (i) {

$("thead:eq(0)>tr th:eq("+i+")", $curr).width( $(this).width());

});

};

})(jQuery);

表头

每一行内容

$("#plus-table").chromatable({

width: '100%',

height: "165px",

scrolling: "yes"

});

$("#reduce-table").chromatable({

width: '100%',

height: "165px",

scrolling: "yes"

});

$("#sum-table").chromatable({

width: '100%',

height: "165px",

scrolling: "yes"

});