image.png
如上图,场地名称要遍历出来(羽毛球1001等...),把每个th四周都加边框,会导致相邻边框重叠变成2px,所以把每个左边框设置0,然后用js找到最左侧的th,给它一个左边框,完美解决。
// 遍历表头
$.each(res.siteList, function(key, value) {
tableTheadTh.append('<th data="'+key+'" style="border: #d8d8d8 solid 1px;border-left: 0;">' + value.name + '</th>');
//找到第一个th
if(key==0){
$('[data=0]').css('border-left','1px solid #d8d8d8')
}
})