对于table的一些基础信息不了解的，可以参考我以前写过的一篇《关于table的一些记录》。下面演示的代码，具体的源码可以参考此处。
一、表格固定左边与顶部
公司最近要做个排期系统，当滚动表格的时候，需要将顶部和左边的分别固定起来。
1）固定顶部
原理就是用标签模拟出顶部的样式，通过脚本计算出高度，以及各个块的宽度，再将table中的thead的内容覆盖掉。
1. 样式：通过绝对定位，将ul中的内容覆盖中顶部。
<ul class="calendar-table-top-header"> <li></li> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li> <li>9</li> <li>10</li> <li>11</li> <li>12</li> <li>13</li></ul>
网友评论
