尝试了很久的数据表格，但一直显示不出表格，求一份数据表格的完整示例，感谢大神分享。

我把我自己的代码贴出来，请大神帮找找问题：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<script src="zui.colorset.min.js"></script>
<link rel="stylesheet" href="zui.min.css"/>
<script src="zui.min.js"></script>
<script src="jquery.js"></script>
<script src="zui.chart.min.js"></script>
<link rel="stylesheet" href="zui.datagrid.min.css"/>
<script src="zui.datagrid.min.js"></script>
</head>
<body>
<canvas id="myBarChart" style="width:500px;" width="500px;"></canvas>
<script type="text/javascript">
var data = {
labels: ["一月", "二月", "三月", "四月", "五月", "六月", "七月"],
datasets: [
{
label: "蓝队",
fillColor: 'blue',
data: [65, 59, 80, 81, 56, 55, 40]
}, {
label: "绿队",
fillColor: 'green',
data: [28, 48, 40, 19, 86, 27, 90]
}
]
};
var options = {responsive: true}; // 图表配置项，可以留空来使用默认的配置
var myBarChart = $('#myBarChart').barChart(data, options);
</script>

<div id="remoteDataGrid" class="datagrid"></div>
<script type="text/javascript">
$('#remoteDataGrid').datagrid({
dataSource: {
cols:[
{name: 'time', label: '时间', width: 132},
{name: 'hera', label: '英雄', width: 134},
{name: 'action', label: '动作', width: 109},
{name: 'target', label: '目标', width: 109},
{name: 'desc', label: '描述', width: 287}
],
array:[
{time: '00:11:12', hero:'幻影刺客', action: '击杀', target: '斧王', desc: '幻影刺客击杀了斧王。'},
{time: '00:13:22', hero:'幻影刺客', action: '购买了', target: '隐刀', desc: '幻影刺客购买了隐刀。'},
{time: '00:19:36', hero:'斧王', action: '购买了', target: '黑皇杖', desc: '斧王购买了黑皇杖。'},
{time: '00:21:43', hero:'力丸', action: '购买了', target: '隐刀', desc: '力丸购买了隐刀。'}
]
}
});
</script>
</div>
</div>
</body>
</html>