table表格（表头固定，内容滚动） 由于tbody出现滚动条时候宽度比thead大 ，所以会出现表头和内容对不齐的情况，解决方法如下：

1.单行表头的表格
（thead标签里面直接写th标签，此时浏览器会自动在th外面加一层tr标签，所以thead里面的tr宽度减去滚动条宽度就可以了）
例：

js:

  // 表格对齐
    var tbodyH = $("#tbody").outerHeight(true);
        if ($("#tbody tr").outerHeight(true) * $("#tbody tr").length > tbodyH) {
               $("#thead tr").addClass("theadWidth")
        }

样式：(这里我把滚动条宽度设置的是6px,所以减去6px)

自己设置的滚动条

2.多表头表格：

需要写两个表格，名字不同，内容相同

 

js:
 ;(function(){
          tableWidth('#tableId1','#tableId2','.table-child');
        // 监听窗口大小变化
            window.onresize = function(){
            tableWidth('#tableId1','#tableId2','.table-child')
            }
            function tableWidth(tb1,tb2,tb1box){
                var tableNextW = $(tb2).outerWidth(true);
                $(tb1box).css({'width': tableNextW + 'px'})
                $(tb1).css({'width': tableNextW + 'px'})
            }
        })()

样式：（两个表格  用定位，其中一个把另一个的表头盖住达到滚动不错位效果）