html 俩tr中间去除线,【原创】一个页面多表格-tr上加删除线

如图：

tr多条线版本

.otoc-table-trHasLine tbody{ position: relative;}

.div-tr-line{

z-index: 999;

position: absolute;

height: 1px;

line-height: 1px;

border-top: 1px solid orange !important;

transform: rotate(0.0deg); /*倾斜度*/

display: none;

}

序号内容操作

1精洗车辆删除2精洗车辆删除3精洗车辆删除4精洗车辆删除5精洗车辆删除

序号内容操作

1精洗车辆删除2精洗车辆删除3精洗车辆删除4精洗车辆删除5精洗车辆删除

$(function(){

$('.otoc-table-trHasLine').each(function (t) {

var self = $(this);

$('tbody tr.tr-line', self).each(function () {

var tr = $(this),

tbody = $('tbody', self);

$('

width: self.outerWidth(),

top: tr.offset().top + tr.outerHeight() / 2

}).show();

});

})

$(window).on('resize', function () {

$('.div-tr-line').each(function () {

var self = $(this);

self.width(self.parents('.otoc-table-trHasLine').outerWidth());

})

})

})