本帖最后由 lee_ 于 2015-8-30 23:13 编辑
描述：边框显示往往为标注单元格显示区域，但是在打印的时候有些不要求显示边框，这边提供一个预览显示边框，打印不显示边框的示例。同样附加js控制边框显示的部分。
先看一下相同单元格，有边框和没有边框在前端的差别。
可以看出，下面的单元格的td元素中的有一个元素和带边框的不一致，看看修改一致之后的效果。
修改为b1之后，单元格显示了正常的边框。
以下是一个完整示例：
以下是js部分：//获取tr元素
var tr = $("tr", $('div.content-container'));
for(var i=0;i<tr.length;i++){
//获取td元素，也就是页面上的单元格，这边获取的是第一列
var td=tr.eq(i).children().eq(0);
td.removeClass("b0");
td.addClass("b1");
}
for(var j=0;j<tr.eq(0).children().length;j++){
//获取td元素，也就是页面上的单元格，这边获取的是第一行
var td = tr.eq(0).children().eq(j);
td.removeClass("b0");
td.addClass("b1");
}
至于为啥这样做打印的时候会没有边框，是因为第一行和第一列的边框是在页面加载之后才画上去的，而打印部分内容是打印页面加载初的内容。
ps：其实页面端的调试是很简单的，所有的单元格属性都可以在页面端处理掉。可以直接f12，改变单元格td元素的属性，可以使用两个单元格做对比操作。
|
