效果图
code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http:///TR/html4/">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link href="/CERPGIS/gis/media/css/" rel="stylesheet" type="text/css"/>
<link rel="stylesheet" href="/CERPGIS/gis/media/css/">
<link href="/CERPGIS/gis/media/css/" rel="stylesheet" type="text/css"/>
<script src="/CERPGIS/gis/media/js/jquery-1.11." type="text/javascript"></script>
<script src="/CERPGIS/gis/media/js/jquery-ui-1.10." type="text/javascript"></script>
<script src="/CERPGIS/gis/media/js/" type="text/javascript"></script>
<script src="/CERPGIS/gis/media/js/" type="text/javascript"></script>
<script src="/CERPGIS/gis/media/js/"></script>
<!-- 初始化配置 -->
<!-- <script src="/CERPGIS/gis/media/js/"></script> -->
<script>
$(function() {
// ();//页面初始化
($("#scroller"));
$("#scroller").slimScroll({
size: '7px',
color: '#a1b2bd',
// position: isRTL ? 'left' : 'right',
height: $(this).attr("data-height"),
alwaysVisible: ($(this).attr("data-always-visible") == "1" ? true : false),
railVisible: ($(this).attr("data-rail-visible") == "1" ? true : false),
disableFadeOut: true
});
});
</script>
</head>
<body>
<div class="scroller" data-height="290px" data-always-visible="1" data-rail-visible="0">
<table data-toggle="table" data-url="/CERPGIS/gis/" data-show-header="true" data-cache="false">
<thead>
<tr>
<th data-field="id">id</th>
<th data-field="name">姓名</th>
<th data-field="price">房间号</th>
</tr>
</thead>
</table>
</div>
</body>
</html>