flexgrid
宦宏爽
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>第一个Grid示例</TITLE>
<link rel="stylesheet" type="text/css" href="css/flexigrid/flexigrid.css">
<script type="text/javascript" src="lib/jquery/jquery.js"></script>
<script type="text/javascript" src="flexigrid.js"></script>
<SCRIPT LANGUAGE="JavaScript">
$(document).ready(function(){
$('.flexme1').flexigrid(
{
height:'auto',//高度
striped:true,//分割线
width:900,//宽度
title:'客户管理',//标题
buttons : [
{name: '新增客户', bclass: 'add'},
{name: '删除客户', bclass: 'delete'},
{separator: true}
],
usepager:true,
rp: 25,
showTableToggleBtn: true,
searchitems : [
{display: '客户编码', name : 'id'},
{display: '客户名称', name : 'name', isdefault: true}
]
});
});
</SCRIPT>
</HEAD>
<BODY>
<style>
.flexigrid div.fbutton .add
{
background: url(css/images/add.png) no-repeat center left;
}
.flexigrid div.fbutton .delete
{
background: url(css/images/close.png) no-repeat center left;
}
</style>
<table class="flexme1" style="font-size:12px">
<thead style="font-size:13px">
<tr>
<th width="80">客户编码</th>
<th width="100">客户名称</th>
<th width="100">客户类型</th>
<th width="100">客户类别</th>
<th width="100">客户行业</th>
<th width="100">客户级别</th>
<th width="100">联系电话</th>
<th width="100">联系人</th>
</tr>
</thead>
<tbody>
<tr>
<td>010245645</td>
<td>大秦国际</td>
<td>单位客户</td>
<td>重要</td>
<td>门类</td>
<td>4A</td>
<td>123456789</td>
<td>秦先生</td>
</tr>
<tr>
<td>014578452</td>
<td>大汉国际</td>
<td>单位客户</td>
<td>非常重要</td>
<td>门类</td>
<td>5A</td>
<td>4578923154</td>
<td>刘先生</td>
</tr>
<tr>
<td>010245645</td>
<td>大秦国际</td>
<td>单位客户</td>
<td>重要</td>
<td>门类</td>
<td>4A</td>
<td>123456789</td>
<td>秦先生</td>
</tr>
<tr>
<td>014578452</td>
<td>大汉国际</td>
<td>单位客户</td>
<td>非常重要</td>
<td>门类</td>
<td>5A</td>
<td>4578923154</td>
<td>刘先生</td>
</tr>
<tr>
<td>010245645</td>
<td>大秦国际</td>
<td>单位客户</td>
<td>重要</td>
<td>门类</td>
<td>4A</td>
<td>123456789</td>
<td>秦先生</td>
</tr>
<tr>
<td>014578452</td>
<td>大汉国际</td>
<td>单位客户</td>
<td>非常重要</td>
<td>门类</td>
<td>5A</td>
<td>4578923154</td>
<td>刘先生</td>
</tr>
<tr>
<td>010245645</td>
<td>大秦国际</td>
<td>单位客户</td>
<td>重要</td>
<td>门类</td>
<td>4A</td>
<td>123456789</td>
<td>秦先生</td>
</tr>
<tr>
<td>014578452</td>
<td>大汉国际</td>
<td>单位客户</td>
<td>非常重要</td>
<td>门类</td>
<td>5A</td>
<td>4578923154</td>
<td>刘先生</td>
</tr>
</tbody>
</table>
</BODY>
</HTML>
类似资料：