使用 AG 网格时是否可以只显示列行？

Question

我是 AG-Grid for JavaScript 的新手。我想知道我是否有可能有一个只显示列行的网格？

我想要达到的目标示例：


我曾尝试仅使用列行创建一个网格，但我在中间看到一个加载图标，如下所示：

我不确定为什么会出现该弹出窗口以及为什么它不会消失。

AG-Grid 的代码和 sn-p：

$(document).ready(function(){
    const gridOptions = {
      
           columnDefs: [
               // uses the default column properties
               { headerName: 'Col A', field: 'a'},
               // overrides the default with a number filter
               { headerName: 'Col B', field: 'b' },
               // overrides the default using a column type
               { headerName: 'Col C', field: 'c' },
               // overrides the default using a multiple column types
               { headerName: 'Col D', field: 'd'}
           ],

           defaultColDef:{
            width:100
        } 
        
    };
  var columnSelector  = document.querySelector('#gridColumnSelector');
  new agGrid.Grid(columnSelector,gridOptions);


});

<script src="https://cdnjs.cloudflare.com/ajax/libs/ag-grid/25.1.0/ag-grid-community.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>


<div id="gridColumnSelector" 
                                        style="height: 100px; width: 400px;"
                                        class="ag-theme-balham col-md-3">

                                        </div>

我是否可以使 div 大小与网格列的大小完全相同，所以我不必声明固定的高度和宽度？谢谢

Answer 1

在columnDefs 之后添加rowData:[{'':''}, {'':''}, {'':''}, {'':''}],。