flexgrid

发布时间：2020-12-15 04:25:48 所属栏目：百科来源：网络整理

导读：!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"HTML HEAD TITLE第一个Grid示例/TITLElink rel="stylesheet" type="text/css" href="css/flexigrid/flexigrid.css"script type="text/javascript" src="lib/jquery/jquery.js"/scriptscript ty

<!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>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!