html表格数据数据部分加滚动条,jQuery table scroll表格内容部分滚动条插件

特效描述：表格内容 部分滚动条。jQuery table scroll表格内容部分滚动条插件

代码结构

1. 引入JS

2. HTML代码

*{margin:0;padding:0;list-style-type:none;}

a,img{border:0;}

body{font:12px/180% Arial, Helvetica, sans-serif, "新宋体";}

.demo{width:500px;margin:40px auto 0 auto;}

/* tablescroll */

.tablescroll{font:12px normal Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;background-color:#fff;}

.tablescroll td,.tablescroll_wrapper,.tablescroll_head,.tablescroll_foot{border:1px solid #ccc;}

.tablescroll td{padding:5px;}

.tablescroll_wrapper{border-left:0;}

.tablescroll_head{font-size:12px;font-weight:bold;background-color:#eee;border-left:0;border-top:0;margin-bottom:3px;}

.tablescroll thead td{border-right:0;border-bottom:0;}

.tablescroll tbody td{border-right:0;border-bottom:0;}

.tablescroll tbody tr.first td{border-top:0;}

.tablescroll_foot{font-weight:bold;background-color:#eee;border-left:0;border-top:0;margin-top:3px;}

.tablescroll tfoot td{border-right:0;border-bottom:0;}

城市状态代码zip纬度经度县

中国NY0050140.8152-73.0455Suffolk中国NY0054440.8152-73.0455Suffolk韩国PR0060118.1788-66.7516韩国AguadaPR0060218.381389-67.188611AguadaAguadillaPR0060318.4554-67.1308AguadillaAguadillaPR0060418.4812-67.1467AguadillaAguadillaPR0060518.429444-67.154444AguadillaMaricaoPR0060618.182778-66.980278MaricaoAnascoPR0061018.284722-67.14AnascoAngelesPR0061118.286944-66.799722UtuadoAreciboPR0061218.4389-66.6924AreciboAreciboPR0061318.1399-66.6344AreciboAreciboPR0061418.1399-66.6344AreciboBajaderoPR0061618.428611-66.683611AreciboBarcelonetaPR0061718.4525-66.538889Barceloneta10215--9

$(document).ready(function($){

$('#thetable').tableScroll({

width:480,

height:150

});

});