[转] js实现html table 行，列锁定_html/css_WEB-ITnose

js实现html table 表头，指定列锁定

实现效果如下：

感兴趣的朋友可以直接复制出来运行看效果。

  1   2   3   4       5       7       8      99 100 101     103         104             105                 106                 107                 108             109             110                 111                 112                 113                 114             115             116                 117                 118                 119                 120                 121                 122                 123                 124                 125             126             167         168         169             170             171                 172                 173                 174                 175                 176                 177                 178                 179                 180                 181                 182                 183             184             185                 186                 187                 188                 189                 190                 191                 192                 193                 194                 195                 196                 197             198             199                 200                 201                 202                 203                 204                 205                 206                 207                 208                 209                 210                 211             212             213                 214                 215                 216                 217                 218                 219                 220                 221                 222                 223                 224                 225             226             227                 228                 229                 230                 231                 232                 233                 234                 235                 236                 237                 238                 239             240             241                 242                 243                 244                 245                 246                 247                 248                 249                 250                 251                 252                 253             254             255                 256                 257                 258                 259                 260                 261                 262                 263                 264                 265                 266                 267             268             269                 270                 271                 272                 273                 274                 275                 276                 277                 278                 279                 280                 281             282             283                 284                 285                 286                 287                 288                 289                 290                 291                 292                 293                 294                 295             296             297                 298                 299                 300                 301                 302                 303                 304                 305                 306                 307                 308                 309             310             311                 312                 313                 314                 315                 316                 317                 318                 319                 320                 321                 322                 323             324             325                 326                 327                 328                 329                 330                 331                 332                 333                 334                 335                 336                 337             338             339                 340                 341                 342                 343                 344                 345                 346                 347                 348                 349                 350                 351             352             353                 354                 355                 356                 357                 358                 359                 360                 361                 362                 363                 364                 365             366             367                 368                 369                 370                 371                 372                 373                 374                 375                 376                 377                 378                 379             380             381                 382                 383                 384                 385                 386                 387                 388                 389                 390                 391                 392                 393             394         395     
姓名
班级
成绩
主科
文科
理科
总分
语文
数学
英语
政治
历史
地理
物理
化学
生物
学生32
班级1
29
25
146
28
79
73
47
8
91
526
学生32
班级1
29
25
146
28
79
73
47
8
91
526
学生32
班级1
29
25
146
28
79
73
47
8
91
526
学生32
班级1
29
25
146
28
79
73
47
8
91
526
学生32
班级1
29
25
146
28
79
73
47
8
91
526
学生32
班级1
29
25
146
28
79
73
47
8
91
526
学生32
班级1
29
25
146
28
79
73
47
8
91
526
学生32
班级1
29
25
146
28
79
73
47
8
91
526
学生32
班级1
29
25
146
28
79
73
47
8
91
526
学生32
班级1
29
25
146
28
79
73
47
8
91
526
学生32
班级1
29
25
146
28
79
73
47
8
91
526
学生32
班级1
29
25
146
28
79
73
47
8
91
526
学生32
班级1
29
25
146
28
79
73
47
8
91
526
学生32
班级1
29
25
146
28
79
73
47
8
91
526
学生32
班级1
29
25
146
28
79
73
47
8
91
526
学生32
班级1
29
25
146
28
79
73
47
8
91
526
396 397