时间戳

首页 > 解决方案 > Javascript AG-Grid 获取和显示数据

javascript - Javascript AG-Grid 获取和显示数据

问题描述

我正在尝试在 AG Grid 中显示来自 AJAX 调用的数据，但没有显示任何数据。我可以看到我的 AJAX 调用按预期工作，因为结果包含我要显示的对象列表，但甚至没有出现网格。下面是我的 Index.cshtml 代码。下面是我的 Inv.js，结果是 AJAX 调用的返回。


<script src="https://unpkg.com/ag-grid-community/dist/ag-grid-community.min.noStyle.js"></script>
    <link rel="stylesheet" href="https://unpkg.com/ag-grid-community/dist/styles/ag-grid.css">
    <link rel="stylesheet" href="https://unpkg.com/ag-grid-community/dist/styles/ag-theme-balham.css">
    <div id="Inventory" width="100%" class="ag-theme-balham"></div>


        var columnDefs = [
            { headerName: "ID", field: "ID", sortable: true, filter: true },
            { headerName: "InvID", field: "InvID", sortable: true, filter: true },
            { headerName: "Number", field: "Number", sortable: true, filter: true }
        ];

        var gridOptions = {
            columnDefs: columnDefs
        };

        var gridDiv = document.querySelector('#Inventory');
            new agGrid.Grid(gridDiv, gridOptions);
            gridOptions.api.setRowData(result);

标签： javascriptag-grid

解决方案

<div id="Inventory" style="width:100%; height:100%;" class="ag-theme-balham"></div> 我必须向我的 div 添加一个高度属性，现在网格显示了。

推荐阅读