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

关键词：

【中文标题】使用 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:['':'', '':'', '':'', '':''],。

【讨论】：

在两个单独的 ag-Grid 上使用 ag-Grid 的 sizeColumnsToFit() 时警告“网格零宽度”，由选项卡菜单显示

】在两个单独的ag-Grid上使用ag-Grid的sizeColumnsToFit()时警告“网格零宽度”，由选项卡菜单显示【英文标题】：Warning\'gridzerowidth\'whenusingag-Grid\'ssizeColumnsToFit()ontwoseparateag-Grids,displayedbyatabmenu【发布时间】：2019-05-3023:18:50【问题描述... 查看详情

在 ag 网格下拉列表中，如何在选择后显示名称并在保存集值而不是名称上显示。？

...insteadofname.?【发布时间】：2020-11-2620:02:22【问题描述】：使用这个reference，我工作过aggrid下拉菜单。问题：一旦我选择了一个下拉值，getvalue()就会返回值而不是名称。因此它显 查看详情

使用 ag 网格，尝试按一个值对行分组并显示另一个

】使用ag网格，尝试按一个值对行分组并显示另一个【英文标题】：Usingaggrid,trytorowgroupbyavalueanddisplayanotherone【发布时间】：2020-06-1122:24:18【问题描述】：我是Ag-grid的新手，我已经仔细阅读了ag-grid的文档，但找不到任何我需要的... 查看详情

ag-grid：使用 domLayout='autoHeight' 时是不是可以有固定的标题？

】ag-grid：使用domLayout=\\\'autoHeight\\\'时是不是可以有固定的标题？【英文标题】：ag-grid:isitpossibletohavefixedheaderswhenusingdomLayout=\'autoHeight\'?ag-grid：使用domLayout=\'autoHeight\'时是否可以有固定的标题？【发布时间】：2018-11-1921:57:19【问... 查看详情

AG-Grid + React - 添加新行时忽略网格排序

...addingnewrow【发布时间】：2019-03-1315:05:24【问题描述】：在使用AG-GridEnterprise、React和Redux的应用程序中，我想以编程方式将新行添加到已启用排序的网格中。是否可以忽略网格排序并将这一新行插入特定网格位置？为了澄清这种情... 查看详情

Ag 网格分页箭头未正确显示

】Ag网格分页箭头未正确显示【英文标题】：Aggridpaginationarrowisnotshowingproperly【发布时间】：2021-04-1207:31:08【问题描述】：我最近将我的Angular项目从v5更新到v11，还更新了ag网格。升级后，分页按钮显示为框而不是箭头符号。<ag... 查看详情

如何在 ngoninit 期间在 ag 网格中使用 showLoadingOverlay

】如何在ngoninit期间在ag网格中使用showLoadingOverlay【英文标题】：HowtouseshowLoadingOverlayinaggridduringngoninit【发布时间】：2020-12-1817:24:53【问题描述】：我正在使用ag网格在我的一个应用程序中显示表格。在应用程序初始化期间加载数... 查看详情

即使使用 css 网格布局设置了高度，ag-grid JS 也没有显示

】即使使用css网格布局设置了高度，ag-gridJS也没有显示【英文标题】：ag-gridJSnotshowingeventhoughheightsetwithcssgridlayout【发布时间】：2020-02-1704:12:45【问题描述】：我想在我的网页上的图表下方有一个ag-grid。如果我不手动设置ag-grid的... 查看详情

ag网格水平滚动

...间】：2017-07-0617:23:49【问题描述】：我在角度应用程序中使用了ag-gridng。当列数超过时无法获得水平滚动条。【问题讨论】：【参考方案1】：尝试在ag-grid中的每个columnDefs中输入minWidth，这可以确保每个都有与之关联的宽度道具... 查看详情

使用框架单元渲染器的 Ag 网格会在任何商店更改时不断重新渲染

】使用框架单元渲染器的Ag网格会在任何商店更改时不断重新渲染【英文标题】：Aggridusingframeworkcellrendererkeepsre-renderingonanystorechange【发布时间】：2021-04-2610:41:24【问题描述】：尝试使用React实现自定义单元框架渲染器，看起来很... 查看详情

AG-Grid：根据条件在网格中显示某些“动作”按钮

...2019-03-1604:29:23【问题描述】：我在我的Angular6应用程序中使用社区版的“AGGrid”。我现在面临的挑战是：我有一个相当简单的数据结构，其中的列表绑定到网格以进行显示。根据它的值，我想在网格中 查看详情

如何将事件侦听器添加到 ag 网格单元格内的元素（使用 js 或 jquery，不是 angular，不是 reactjs，不是 vue）

】如何将事件侦听器添加到ag网格单元格内的元素（使用js或jquery，不是angular，不是reactjs，不是vue）【英文标题】：howtoaddeventlistenertotheelementinsidecellofaggrid(withjsorjquery,notangular,notreactjs,notvue)【发布时间】：2019-09-2618:57:43【问题描... 查看详情

Ag-grid 在两个网格之间同步数据

】Ag-grid在两个网格之间同步数据【英文标题】：Ag-gridsynchronizedatabetweentwogrids【发布时间】：2021-04-0806:34:04【问题描述】：是否可以在两个ag-grid表之间同步数据？基本示例：我有一个包含3列产品的表：名称、类别和价格。在第... 查看详情

Ag 网格 exportDataAsExcel 运行导出到 xml 而不是 xlsx

...文菜单并将导出重新分配给csv和Excel-我需要为某些列导出使用valueFormatter。导出工作正常，但是在我运行导出到xml，然后运行导出到Excel之后-我得到了xml文 查看详情

材质选项卡中的 ag-grid

...】：2021-03-1421:15:33【问题描述】：我有一个应用程序，它使用AngularMaterial选项卡在两个选项卡中包含两个ag-grid。当用户在选项卡之间切换时，其中一列中的项目将呈现在网格之外（但在选项卡主体内）。该列的不同之处在于它... 查看详情

Ag 网格：在运行时自动调整列在 chrome/IE 11 中不起作用

】Ag网格：在运行时自动调整列在chrome/IE11中不起作用【英文标题】：Aggrid:Autosizingcolumnsatruntimenotworkinginchrome/IE11【发布时间】：2020-03-0318:52:16【问题描述】：我在角度框架中有Ag网格，在初始加载数据后，我正在动态应用分组（... 查看详情

在 ag 网格输入中只允许十进制值

】在ag网格输入中只允许十进制值【英文标题】：allowonlydecimalvalueinaggridinput【发布时间】：2021-10-2223:41:44【问题描述】：我是前端开发的新手。我想制作一个可编辑的ag-grid单元格，允许值范围为0.00,0.01,0.02,...to100.00。我使百分比... 查看详情

Ag 网格重置过滤器

】Ag网格重置过滤器【英文标题】：Aggridresettingfilters【发布时间】：2017-01-1403:49:29【问题描述】：我尝试将aggrid用于angular2并遇到以下行为：当我尝试在列过滤器中输入任何内容时，网格也会重新加载和重置过滤器。不仅在我输... 查看详情