EasyUI DataGrid及Pagination

最新推荐文章于 2024-05-15 14:09:43 发布

原创

最新推荐文章于 2024-05-15 14:09:43 发布 · 8.5k 阅读

收录于

当前文章被以下社区和专栏收录：

本文介绍了如何使用EasyUI创建DataGrid数据表格，并详细讲解了分页功能的实现。内容包括通过<table>标记定义DataGrid，加载数据表格的示例，以及提供后台代码和项目源码下载链接供读者参考。

接上一篇EasyUI项目驱动学习

DataGrid数据表格及Pagination分页一起介绍

一、通过<table>标记创建DataGrid,嵌套<th>标签定义列表

<table id="dg" class="easyui-datagrid">
	<thead>
		<tr>
			<th data-options="field:'ck',checkbox:true"></th>
			<th data-options="field:'username',width:100">
				名称
			</th>
			<th data-options="field:'orgname',width:100">
				组织机构
			</th>
			<th data-options="field:'state',width:100">
				状态
			</th>
			<th data-options="field:'loginname',width:100">
				登录名
			</th>
			<th data-options="field:'ctime',width:100">
				创建时间
			</th>
		</tr>
	</thead>
</table

标签