Convert a HTML table to DataGrid 将html表格转换成DataGrid

最新推荐文章于 2021-06-04 09:35:16 发布

tiz198183

最新推荐文章于 2021-06-04 09:35:16 发布

阅读量1.2k

点赞数

分类专栏： easyUI 文章标签： datagrid html table class

本文链接：https://blog.csdn.net/litao2/article/details/7281889

版权

本文介绍了如何将HTML表格转换成DataGrid，包括表格结构要求和样式设置，以及数据列字段名称的设定，以实现DataGrid的效果。

摘要由CSDN通过智能技术生成

1、表格列必须在 <thead><tr><th>标题</th></tr></thead>标签中定义

表格内容必须在 <tbody><tr><td>内容</td></tr></tbody>标签中定义

2、table必须设置 class="easyui-datagrid" style="width:800px;height:100px;"

3、每个数据列必须设置字段名称。 field="name1" width="50"

效果：

代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>jQuery