jQuery-EasyUI 新手求助,关于Datagrid
<%@pagelanguage="java"import="java.util.*"pageEncoding="utf-8"%><!DOCTYPEHTMLPUBLIC"-...
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>My JSP 'index.jsp' starting page</title>
<link rel="stylesheet" type="text/css" href="easyui.css">
<link rel="stylesheet" type="text/css" href="icon.css">
<script type="text/javascript" src="jquery-1.7.2.js"></script>
<script type="text/javascript" src="jquery.easyui.min.js"></script>
<script>
$('#dg').datagrid({
url:'datagrid_data.json',
columns:[[
{field:'id',title:'Code',width:100},
{field:'shippingAddress',title:'Name',width:100},
{field:'consigneeAddress',title:'Price',width:100,align:'right'} ,
{field:'timeOfDelivery',title:'Name',width:100},
{field:'description',title:'Name',width:100}
]]
});
</script>
</head>
<body>
<table id="dg" class="easyui-datagrid" ></table>
</body>
</html>
上面是我的代码。目的的创建一个表格。
在我心中效果应该是类似这样的
现实的效果是这样的
求好心人指点 展开
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>My JSP 'index.jsp' starting page</title>
<link rel="stylesheet" type="text/css" href="easyui.css">
<link rel="stylesheet" type="text/css" href="icon.css">
<script type="text/javascript" src="jquery-1.7.2.js"></script>
<script type="text/javascript" src="jquery.easyui.min.js"></script>
<script>
$('#dg').datagrid({
url:'datagrid_data.json',
columns:[[
{field:'id',title:'Code',width:100},
{field:'shippingAddress',title:'Name',width:100},
{field:'consigneeAddress',title:'Price',width:100,align:'right'} ,
{field:'timeOfDelivery',title:'Name',width:100},
{field:'description',title:'Name',width:100}
]]
});
</script>
</head>
<body>
<table id="dg" class="easyui-datagrid" ></table>
</body>
</html>
上面是我的代码。目的的创建一个表格。
在我心中效果应该是类似这样的
现实的效果是这样的
求好心人指点 展开
2个回答
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询