45 lines
1.6 KiB
HTML
45 lines
1.6 KiB
HTML
<html>
|
|
|
|
<head>
|
|
<!-- ZUI 标准版压缩后的 CSS 文件 -->
|
|
<link rel="stylesheet" href="//cdn.bootcss.com/zui/1.9.2/css/zui.min.css">
|
|
|
|
<!-- ZUI Javascript 依赖 jQuery -->
|
|
<script src="//cdn.bootcss.com/zui/1.9.2/lib/jquery/jquery.js"></script>
|
|
<!-- ZUI 标准版压缩后的 JavaScript 文件 -->
|
|
<script src="//cdn.bootcss.com/zui/1.9.2/js/zui.min.js"></script>
|
|
<link href="//cdn.bootcss.com/zui/1.9.2/lib/datagrid/zui.datagrid.min.css" rel="stylesheet">
|
|
<script src="//cdn.bootcss.com/zui/1.9.2/lib/datagrid/zui.datagrid.min.js"></script>
|
|
</head>
|
|
|
|
<body>
|
|
<div id="logdatagrid" class="datagrid"></div>
|
|
<script>
|
|
const dataArray = [
|
|
{ time: '00:11:12', level: 'Log', log: '1234567' },
|
|
{ time: '00:13:22', level: 'Warn', log: '12345' },
|
|
{ time: '00:19:36', level: 'Error', log: '1234' },
|
|
]
|
|
$('#logdatagrid').datagrid({
|
|
dataSource: {
|
|
cols: [
|
|
{ name: 'time', label: 'Time', width: 100 },
|
|
{ name: 'level', label: 'Level', width: 65 },
|
|
{ name: 'log', label: 'Log', minWidth: 200 }
|
|
],
|
|
// getByIndex: function (index, param) {
|
|
// console.log(`index = ${index}`)
|
|
// return dataArray[0];
|
|
// },
|
|
array: dataArray,
|
|
},
|
|
hoverCol: false,
|
|
showRowIndex: false,
|
|
checkable: false,
|
|
sortable: false,
|
|
height: 800
|
|
});
|
|
</script>
|
|
</body>
|
|
|
|
</html> |