Ajax: Excel风格的HTML Table输入控件[三]：线条与滚动条的精确控制

实际效果： ]http://www.weiqihome.com/scotttable.jsp

第一节介绍了内部表格，共有16个区域，每个区域内都是单独的表格。如果每个表格都设置同样的线条，那么表格相邻的两条线会重叠形成粗线条，让人感觉不好。而表格之间必须要有线条指簦?蚁咛豸于哪个表格，运行效果也不同?lt;/div>

例如，水平滚动时，固定区域与可滚动区域之间有一根线条，如果这根线条属于滚动区域，那么滚动时，此线条可能不在可视区内，导致固定区域与滚动区域之间没有线条。所以此线条应该属于固定区域。

现在我们应该清楚，整个表格控件，其表格层次又有三层：外部表格、内部表格、区域表格。除外部没有线条外，如何协调好内部表格与区域表格的线条，对整个表格的可视效果非常重要。

因为整个控件外部肯定要有个线条，所以内部表格外面由一矩形线条包围，这样区域表格与内部表格相邻的部分不能有线条。固定区域与滚动区域的线条属于固定区域，滚动区域内的区域表格内部依然要有线条。当你在滚动区域内增加一行到末尾时，要补上上一行的下部线条，同时去掉最后一行的下部线条；同理当删除最后一行时，要去掉前一行的下部线条。如果表格行很少时，还要保留该线条。

对于水平垂直滚动条的宽度和高度，也要将线条考虑进去。否则导致滚动条的滚动范围与实际滚动区域的宽度或高度不一致。

在每增加一行或删除一行时：
this.heightDiv.style.height = this.visibleHeight + (this.centerBufferTable.rows.length) * (this.rowHeight+1) - this.centerBufferBox.offsetHeight;