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

Posted 2023-03-28

【中文标题】使用 AG 网格时是不是可以只显示列行？

【英文标题】：Is it possible to to only show Column row when using AG grid?使用 AG 网格时是否可以只显示列行？

【发布时间】：2021-06-27 21:15:05

【问题描述】：

我是 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 大小与网格列的大小完全相同，所以我不必声明固定的高度和宽度？谢谢

【参考方案1】：

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