【EasyUI】DataGrid DetailView（数据表格详细展示）

最新推荐文章于 2019-09-08 09:57:32 发布

八二年的小洋人

最新推荐文章于 2019-09-08 09:57:32 发布

阅读量5k

点赞数 1

分类专栏： Easy-UI

本文链接：https://blog.csdn.net/qq_39170782/article/details/76084909

版权

本文介绍了如何使用EasyUI的DataGrid组件创建数据表格，并实现详细信息的展示。通过示例展示了从HTML页面搭建到数据表格配置的步骤。

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

效果图：

第一步：创建一个HTML页面

<head> 
    <script type="text/javascript" src="datagrid-detailview.js"></script> 
</head> 
<body> 
    <table id="tt"></table> 
</body>

第二步：创建数据表格

  $("#tt").datagrid({
                fit: true,
                title: 'DataGrid - DetailView', 
                border: false,
                url: '@Url.Action("Get")',
                striped: true,
                singleSelect: true,
                columns: [[
                      { title: 'ID', field: 'ID', halign: 'center', align: 'center', sortable