在angular AG Grid的单元格之间添加垂直列线的正确方式是什么？
在angular AG Grid中，要在单元格之间添加垂直列线的正确方式是通过使用CSS样式来实现。可以通过设置单元格的边框样式来添加垂直列线。
以下是一种常见的实现方式：
- 在组件的CSS文件中，为单元格添加一个自定义的类名，例如"vertical-line"。
- 在CSS文件中，使用该类名来设置单元格的边框样式，例如设置左边框：
- 在CSS文件中，使用该类名来设置单元格的边框样式，例如设置左边框：
- 这将在单元格之间添加一个1像素宽度的灰色实线作为垂直列线。
在应用场景中，如果需要在AG Grid的单元格之间添加垂直列线，可以按照上述方式设置相应的CSS样式。这样可以提高表格的可读性和美观性。
腾讯云相关产品中，与前端开发和CSS样式相关的产品有云开发（CloudBase）和小程序开发（微信小程序）。云开发提供了一站式的后端服务，可以方便地与前端开发进行集成，同时也支持自定义的CSS样式。微信小程序是一种轻量级的应用程序开发框架，可以通过自定义样式来实现界面的美化和布局调整。
更多关于腾讯云相关产品的信息，请参考腾讯云官方网站：腾讯云。
相关·内容
1回答
在angular AG Grid的单元格之间添加垂直列线的正确方式是什么？
ag-grid、ag-grid-angular
使用Angular 11和AG Grid。 我想打开单元格之间的垂直列线。我发现我可以使用cellStyle或cellClass…设置我自己的单元格样式但是，这是正确的方式吗？我可以设计像…这样的样式 { border-right: 1px solid; } 没有API/选项来切换像这样的选项吗？行<
浏览 136提问于2021-04-20得票数 0
回答已采纳
3回答
需要使用angular在ag-grid中的页脚中显示合计值
angular、ag-grid
我目前在我的angular 7应用程序中实现了ag-grid。我需要包括我已经实现的每个组的页脚。我现在需要显示总的EMV(美元)和百分比列如下面的屏幕截图。除上述两列外，每个单元格的行应为空，并应显示合计组件
import { Component, Injectable, NgZone, ViewEncapsulation, ViewChild, Input } fr
浏览 2提问于2019-03-06得票数 4
1回答
在SharePoint框架(SPFX)中使用ag/角度样式设置失败
css、angular、ag-grid、sharepoint-online、spfx
我们正在探索使用带有Angular元素的SharePoint框架(SPFX)的自定义SharePoint Web部件。我想使用ag-Grid，但是网格内容的样式定义似乎没有得到应用。在介绍here之后，它看起来如下所示： <div class="ag-theme-material"> style="width:
浏览 13提问于2020-12-30得票数 0
5回答
ag-网格不尊重ColumnDefinitions中列的列顺序
angular、ag-grid、ag-grid-angular
根据ag-grid，列顺序将遵循列定义中指定的顺序。 }), ];}
<ag-grid</e
浏览 28提问于2020-10-20得票数 4
回答已采纳
2回答
元素不希望绝对定位，在ag-Grid中自定义单元格编辑器
html、css、ag-grid
我的问题是，绝对位置似乎适用于弹出窗口的垂直位置，但不适用于水平位置。如果弹出窗口对于底层网格来说太宽，它会将我的输入域推到一个不同的位置(通常是在左边)。我有一个stackblitz示例，其中最左边的列(城市)在编辑时有一个正确定位的输入字段，但最右边的列(住宿)有一个定位在左边的输入字段。https://stackblitz.com
浏览 58提问于2019-03-18得票数 1
回答已采纳
8回答
如何根据列中的某个值为ag网格中的整行提供背景色？
ag-grid
我需要根据列中的条件为ag网格中的整行提供背景色。我没有发现这样的例子，在这些例子中，整行都是根据列中的某个值着色的。
浏览 31提问于2015-12-10得票数 23
回答已采纳
1回答
Ag-grid不会在JHipster应用程序中渲染(Angular 7+ Webpack 4)
jhipster、ag-grid、angular7、webpack-4、ag-grid-angular
我已完全按照以下指南中的说明进行操作： Get Started with ag-Grid in Your Angular Project Angular Webpack 3 我的app.module.ts包括： import { AgGridModule } from 'ag-grid-angular';
...{make: 'Porsche', model: 'Boxter'
浏览 11提问于2019-01-14得票数 2
回答已采纳
2回答
减少由ui-grid或替代网格解决方案创建的监视
javascript、angularjs、ui-grid
我们正在尝试在一个相当不寻常的web应用程序中使用ui-grid，其中页面上的表格数量实际上是无限的。用户做的活动越多，它们就会被添加进来。不是很理想，但这是必需的。当使用ui-grid时，即使是一个相当小的简单表，它也会为每个表添加大约1000个监视器。而且，随着每个表的添加，摘要周期也会显着增加。正如您可能预期的那样，当表数增加时，这会导致较
浏览 5提问于2017-01-03得票数 2
8回答
如何在银栅中隐藏过滤器图标？
angular、ag-grid
我正在尝试删除ag网格中的过滤器图标，同时保留过滤框。现在，我试图使用纯css隐藏图标，在webpack刚添加的aria-hidden="true"* /deep/ div.ag-floating-filter-button{
display
浏览 2提问于2018-01-29得票数 7
回答已采纳
1回答
Angular AG Grid对已编辑和未编辑的单元格呈现不同的单元格
angular、ag-grid
在我的Ag网格中，我有一个可编辑的列。默认情况下，我编写了一个渲染器，在这个单元格中显示一个按钮，上面写着“添加注释”。单击按钮时，我将切换到编辑模式。一旦用户更新了单元格，我希望使用不同的渲染器并显示编辑后的文本。我如何在angular ag-grid中实现这一点？我使用的是angular 6。
浏览 12提问于2019-04-03得票数 0
3回答
在angular 6中如何在ag-grid数据上添加弹出窗口？
angular、angular6、ag-grid、ag-grid-angular
我有一个模型，它的答案是字符串数组。 export class answer {...} 在组件中，我正在设置要在UI上显示的数据。{headerName: 'Answer', field: 'answers']; 和在html上 <ag-grid-angular class=
浏览 86提问于2019-01-13得票数 0
11回答
ag-网格单元，包含引导带下拉菜单剪辑菜单
twitter-bootstrap、ag-grid
我设置了一个ag-Grid，用于显示右边显示上下文菜单的单元格的数据。这个由按钮触发的上下文菜单使用一个引导下拉菜单。单击该按钮时，该按钮将正确触发菜单的显示，但ag-Grid单元格隐藏下拉菜单。我甚至尝试在父元素上设置z索引，但仍然无法使其工作。我所取得的唯一小小的成功就是设置“溢出:滚动”。如果我滚动单元格的</em
浏览 8提问于2018-07-17得票数 6
回答已采纳
5回答
如何在ag-grid中渲染一行中的HTML？
javascript、jquery、angularjs、ag-grid
有没有什么api或者什么东西可以让我在一行中呈现HTML。我可以绑定简单的html，但是我的HTML是动态的，并且包含一些angular指令，那么，我如何在ag-grid中呈现那个HTML呢？
浏览 5提问于2016-03-09得票数 3
1回答
ag-网格打印功能- Angular
angular、ag-grid
我已经在我的项目中成功地使用angular实现了ag-Grid。现在正在尝试通过以下官方的ag-Grid文档打印ag-Grid数据。我将调用onCellDoubleClicked()方法下的打印功能方法。双击单元格时，应会打开ag-grid数据打印窗口。但是我得到了像“error TypeError: l.setDomLayout is not
浏览 1提问于2019-01-17得票数 2
1回答
AG-网格RowStyle行为
ag-grid
假设我有一个AG Grid，它具有基本的、公共的列、列定义和基本的网格显示。但是我想在我的页面上添加一个按钮，它允许我在基本的、常见的网格视图和卡片视图之间进行切换。我让它正常工作，但问题是getRowStyle调用没有正确更新-它在加载时运行，但不会在交换时运行，或者至少看起来不会(常规网格显示良好，切换回卡片视图会删除10px的</e
浏览 0提问于2018-09-27得票数 1
8回答
尽管在ag-grid中使用了sizeColumnsToFit，但不必要的水平滚动条还是会出现。
javascript、angularjs、ag-grid
我已经将我的ag-grid版本从7.2.0升级到了14.2.0。在这里也可以在官方的网格例子中看到，
与以前的版本，这完全工作良好，没有任何水平滚动。这是我的gridOptions： headerHeight: 50,
浏览 15提问于2017-11-23得票数 20
回答已采纳
1回答
在Ag网格的单元格编辑中使用“保存”和“取消”按钮
ag-grid、ag-grid-angular
我在我的Angular应用程序中使用了Ag-grid，网格中的数据是从web服务中填充的。我在这个网格中实现了单元格编辑，所以当我单击其中一列时，整个行将是可编辑的，而当我在网格外部单击时，将停止编辑。以下是html和组件文件中的代码： <ag-grid-angular #agGrid style="width: 100%; he
浏览 72提问于2019-04-09得票数 3
回答已采纳
1回答
有没有一种方法可以将你自己的指令添加到现有的ag-grid的IHeaderComponent中，并修改标题内容/行为？我创建了自己的IHeaderComponent并在ag-grid中使用了它，但在header中添加自己的指令时遇到了困难。他们网站上的所有TS示例也没有太大帮助，因为我坚持使用angular 1.6。此外，既然我不能使用IHeaderAngularComp
浏览 1提问于2018-10-02得票数 0
3回答
AG-Grid大型数据集渲染时间(慢)
javascript、performance、ag-grid
我有一个包含大量但合理数据量的网格(大约12,000个单元格...340列和34行)。我知道这看起来像是一个横向的表，但对于我们的应用程序来说，它更有可能有大量的列和更少的行。当数据大约是2300个单元格(68列34行)时，它的速度足够快，我可以称之为“立即”。我不会担心的。将其增加5倍会导致初始渲染时间呈指数增长。具体地说，在recursivelyC
浏览 9提问于2016-10-22得票数 16
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
