如何在AG Grid中始终为新记录保留空白占位符？
AG Grid是一个流行的JavaScript数据网格控件，用于构建高度可定制的数据表格。在AG Grid中，要始终为新记录保留空白占位符，可以通过以下步骤实现：
- 在创建AG Grid实例之前，设置
suppressScrollOnNewData属性为true。这将阻止滚动到新记录所在的位置，保持网格的滚动位置不变。
var gridOptions = {
// other grid options
suppressScrollOnNewData: true
};- 在添加新记录时，通过将新记录插入到数据源数组的开头来实现保留空白占位符的效果。
// Assuming your data source array is named 'rowData'
rowData.unshift(newRecord); // Add new record at the beginning of the array
gridOptions.api.setRowData(rowData); // Update the grid with new data这样，新记录将始终显示在网格的顶部，并保留空白占位符。
AG Grid也提供了其他许多功能和特性，可以根据具体需求进行定制。您可以通过AG Grid官方文档了解更多信息和示例代码：AG Grid官方文档
相关·内容
如何设置AG Grid以使新记录的底部始终有一个空白的占位符行？这样它的行为就像Excel，或者当enableAddRow为true时就像Slickgrid一样。
浏览 15提问于2021-07-27得票数 0
因此，在一些有用的输入之后，我想出了这段代码。这将在条件之后对数据进行排序。
现在，是否可以删除具有相同Name和相同Release的所有行(最后一行除外
Option Explicit
Sub Sortieren()
'
' Sortieren Makro
'
' Tastenkombination: Strg+q
'
ActiveWorkbook.Worksheets("ag-grid").ListObjects("Tabelle1").Sort.SortFields. _
Clear
浏览 2提问于2019-09-05得票数 0
我的网格如下所示(社区版)，允许用户选择行(列定义中定义的复选框)
<ag-grid-angular
*ngIf='!isLoading && model.length > 0'
style="height: 70vh;" class="ag-theme-balham"
[rowData]="model"
[animateRows]="true"
[gridOptions]="gridO
浏览 2提问于2020-05-09得票数 1
我按照教程轻松地设置了agGrid fot，问题是我还使用了类型记录而不是javascript。我确实做了：
npm install ag-grid
var AgGrid = require('ag-grid');
AgGrid.initialiseAgGridWithAngular1(angular);
var module = angular.module("example", ["agGrid"]);
然后在我的html中使用它，它就会出现：
<div ag-grid="$ctrl.gridOptions" class
浏览 0提问于2019-02-20得票数 1
回答已采纳
我正在构建一个Nuxt应用程序，并尝试在我的一个页面中呈现一个ag-grid
我创建了一个名为ag-grid.js的插件
import * as agGridEnterpise from 'ag-grid-enterprise/main'
agGridEnterpise.LicenseManager.setLicenseKey([MY_LICENSE_KEY])
在nuxt.config.js上，我注册了这个插件：
plugins: [
//...
{
src: '~/plugins/ag-grid.js',
ssr:
浏览 20提问于2018-02-20得票数 2
回答已采纳
1回答
我是c# Silverlight的初学者，我正在使用silverlight5和MVVM方法。
我要做什么？我已经创建了一个xaml假设如下：
<UserControl x:Class="DEV_CENTER.TabControlStuff.UIeLementRender"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xml
浏览 2提问于2014-09-03得票数 0
回答已采纳
在AG Grid版本22.1.1上，如果用户遇到错误，我需要显示工具提示。在应用程序中，有一个自定义组件引用工具提示，如下所示。
gridOptions: {
frameworkComponents: { customToolTip: CustomToolTip}
}
最初我使用了api.getDisplayedRowAtIndex(this.props.rowIndex).data，但是在过滤网格之后，rowIndex不正确。如在
如何显示工具提示，使用悬停字段上的其他字段显示计算出的错误消息。
我尝试从每个数据中使用rowid，但是即使在gridOptions上实现了gridOptio
浏览 11提问于2022-03-25得票数 2
根据ag-grid，列顺序将遵循列定义中指定的顺序。
但这是不起作用的，当工作与银格栅角。有些列首先显示，尽管它们是在列定义的末尾指定的。看看一些示例代码，
// grid.ts
// helper function to generate a definition of a single column
function generateColDef() {
return { ... };
}
// helper function to dynamically generate ColDefs
export function getColDef(someArgs) {
con
浏览 28提问于2020-10-20得票数 4
回答已采纳
我有一份SSRS报告，它发给一个团队，其中一些字段为空。他们填写每条记录的空白处，然后将报告发送到其他地方。我们需要一个新的“空白”字段供用户填写，但由于这里只有某些有效值，因此要求该字段是一个下拉列表。我希望SSRS能够添加一个下拉列表(可以正确地导出到Excel)，但我的初步谷歌搜索似乎表明，我正在寻找的东西是不可能的。希望外面有人能证明我错了。
浏览 8提问于2019-07-27得票数 0
1回答
我使用的是JPA2.0、Hibernate 4.1.0.Final和Spring3.1.1.RELEASE。
@Entity
@Table(name = "user",
uniqueConstraints = { @UniqueConstraint(columnNames = { "USER_NAME" }) }
)
public class User implements Comparable<User>, Serializable
{
...
@Column(name = "first_name")
浏览 2提问于2013-09-12得票数 1
回答已采纳
当某些记录上发生事务时，我正在尝试更新ag-grid中的记录。当这个事务完成时，我返回到数据库中查找那些特定的记录，并获取数据，其中将一个字段的值移动到另一个字段。现在，我正在尝试使用updateRows()方法来更新行，这将失败，并显示错误ag-Grid: could not find data item as object was not found
我在文档中找不到关于多个字段的任何内容
self.agGridOptions.api.updateRowData({
update: result
});
浏览 3提问于2019-08-13得票数 1
1回答
我正在写windows phone8应用程序，它必须加载epgs列表。为此，我使用了一个列表框和一个数据模板。
<DataTemplate x:Key="FooDataTemplate">
<Button Margin="0,10,0,0" Style="{Binding Source={StaticResource ButtonNoMarginStyle}}" BorderThickness="0" Width="375" Height="105" Command=
浏览 0提问于2013-03-07得票数 0
回答已采纳
1回答
我使用的是角5和ag网格17.x，我只是尝试做一个简单的"hello world"-type示例，但是很难让网格适当地显示。我的模板中有以下HTML：
<div style="width: 800px; height: 500px" class="ag-theme-balham">
<ag-grid-angular
[rowData]="rowData"
[columnDefs]="columnDefs">
浏览 2提问于2018-04-04得票数 4
回答已采纳
我正在尝试绑定groupDisplayType属性，但看起来该属性在最近版本的Ag中被删除了。我正在使用25.1.0。
<ag-grid-angular
[columnDefs]="columnDefs"
[groupDisplayType]="groupDisplayType"
/* other grid options ... */>
</ag-grid-angular>
错误：
NG8002: Can't bind to 'groupDisplayType' since it isn&
浏览 16提问于2021-12-29得票数 0
回答已采纳
4回答
我初始化ag-grid，如下所示：
<ag-grid-ng2 [rowData]="records"></ag-grid-ng2>
将新项添加到记录数组后，ag-grid中的行将保持不更新。我必须打电话给setRowData(记录)。但是这是非常慢的，并且ag-grid会失去它的状态(就像聚焦单元一样)。
在rowData中更改数据时，有没有其他方法可以刷新ag-grid中的行。
浏览 1提问于2016-01-27得票数 4
1回答
我正在使用Vue的一个小应用程序，我有一个输入类型的搜索。问题是光标显示在输入的开头，但我希望它显示在占位符文本之后。我如何才能做到这一点？ 下面是我的代码： .search {
height: 36px;
width: 256px;
margin-right: 42px;
border: 1px solid #76b1c5;
box-sizing: border-box;
border-radius: 18px;
} <input
type="search"
name=""
id=""
class=&
浏览 13提问于2020-12-14得票数 0
1回答
反应/打字标银栅
、、、
我正在尝试在我的应用程序中使用ag-grid和react和类型记录。ag-网格.d.ts文件在项目中，所以我不能安装然后与类型安装-保存.
问题是当我试图导入它..。
import { AgGridReact } from 'ag-grid-react';
我在用VSCode..。它向我展示了"ts找不到模块“，同时编译了相同的东西。
有关应用程序的更多信息：tsconfig.json
{
"compileOnSave": false,
"compilerOptions": {
"noImplici
浏览 1提问于2016-09-14得票数 0
1回答
我对角质不感兴趣。网格显示带有autogroupcolumndef集的记录。现在，我想在分组列之前添加一个带有上下文菜单的列。有人能帮上忙吗？
<ag-grid-angular
#agGrid
style="height:calc(100vh - 12rem)"
class="ag-theme-balham ag-grid indent"
[rowData]="data$ | async"
[treeData]="true"
[animateRows]="true
浏览 0提问于2021-10-28得票数 1
1回答
我有一个包含一些简单虚拟数据的基本ag-grid，但它只在我不导入随库提供的.css文件时显示，即使这样它也不能正确显示。
摘自我的package.json：
"ag-grid": "10.0.1",
"ag-grid-react": "10.0.0",
"react": "15.4.2"
从我的React组件:构造函数：
this.state = { columnDefs: [{headerName: 'Product', field: 'product'},{he
浏览 1提问于2017-05-26得票数 2
我有个能工作的网格。
<ag-grid-angular #agGrid style="width: 100%; height: 350px;" class="ag-fresh" [gridOptions]="gridOptions" [showToolPanel]="showToolPanel"
[rowData]="lines" enableColResize enableSorting enableFilter groupHeaders suppressRowClickSele
浏览 3提问于2017-02-23得票数 1
我使用角度1.5的ag-grid，并在数组中以下列格式定义了5列：
[
{headerName: 'Username', width: 150, field: 'username'},
{headerName: 'Full Name', width: 150, field: 'full_name'},
{headerName: 'Location', width: 150, field: 'location'},
{headerName: 'Email', width: 150, f
浏览 8提问于2016-05-10得票数 7
回答已采纳
2回答
我正在为Laravel 4使用包，以及。我有一个选择字段，我正在填充一个模型：
{{ former_select('parent_id').fromQuery(sections, 'title', 'id') }}
但是，我也希望添加一个空白值作为默认选项。我已经翻阅过那些文档，但是没有看到任何提到这件事的东西。
有人能帮忙吗？
谢谢
浏览 1提问于2013-08-07得票数 0
回答已采纳
我正在尝试使用angular-grid (ag-grid)来显示一个树，如文档中提供的示例所示：
在给定的示例中，已经提供了所有数据。如何在展开行组时使用异步数据加载？我的猜测是我需要编写自己的组行渲染器。
浏览 17提问于2015-08-27得票数 6
我使用了ag-grid-ng2。我想在默认情况下显示空白行，而不是overlayNoRowsTemplate。如何默认显示空白行(例如10个空白行)。
浏览 0提问于2017-03-03得票数 1
2回答
我使用了两个插件来实现这一点，但它的工作并不完美。这两个插件是angulargrid和光滑的旋转木马。有谁知道一个插件可以同时实现这两种功能吗？
下面是我使用这两个插件时的情况，它几乎足够好，只不过旋转木马会导致网格项之间的空白，直到页面第一次加载后调整窗口的大小。有人能不打嗝就让它正常工作吗？
<ul class="dynamic-grid" angular-grid="vm.stories" ag-grid-width="400" ag-gutter-size="20" ag-id="gallery"&g
浏览 0提问于2016-06-07得票数 1
回答已采纳
我想使用ag-grid-vue而不安装npm。
代码：
所以我找到了这个：。跟着那个guid，基本上能得到一些渲染，但它被卡在“加载.”
)Went i下载了ag-grid (从这里：cd ag-grid-master/packages/ag-grid-vuenpm installed npm installThen built npm run build
这就生成了"ag-grid-vue.umd.js“文件。
修改该文件，将 AgGridVue 放在返回AgGridVue的窗口上：
window.AgGridVue = AgGridVue;
return AgGridVue;
然
浏览 3提问于2019-10-04得票数 0
1回答
我在试着建立网格。我想用一些样本数据进行测试，但是我得到了与ClientSideRowModelModule相关的错误。
以下是我安装的版本：
"dependencies": {
"@ag-grid-community/angular": "^28.1.1",
"@ag-grid-community/client-side-row-model": "^28.1.1",
"@ag-grid-community/core": "^28.1.1",
&#
浏览 8提问于2022-09-23得票数 -1
我的html类中有以下代码： <ag-grid-aurelia #agGrid class="ag-theme-balham" style="width: 100%; height: 350px;" #agGrid grid-ready.call="onGridReady()"
grid-options.bind="filesThatAreMalwareOptions">
<ag-grid-column header-
浏览 29提问于2019-04-10得票数 1
回答已采纳
2回答
遵循docs中的示例：
在创建新的react之后(已经在不同的机器上尝试过几次)
create-react-app whatever
如果我应用样式表(ag-grid.css &hem-new.css)，那么所有呈现的内容都是页面上的一条灰色线。任何其他组合都会呈现空白页。移除ag-grid.css使网格变得杂乱无章。
最近有人成功地运用了这个反应吗？有人推荐不同的东西吗？(要求:分页、排序、过滤、可选行)
谢谢:-)
import React, { Component } from 'react';
import {AgGridReact} from 'ag-
浏览 5提问于2016-09-21得票数 7
回答已采纳
如何在Windows phone8.1 RT中更改TextBox的高度和字体大小？
这是我的代码：
<TextBox Name="textNumber" Grid.Row="1" PlaceholderText="placeholder text" FontSize="48" Height="80" MinHeight="38"/>
问题是字体大小只用于用户的输入，而不是占位符文本，因此占位符文本看起来非常小。
浏览 1提问于2015-02-17得票数 2
当我将Excel工作表数据转换为标签分隔时，不考虑空白单元格，这在我的java程序中造成了一个问题。当我插入垃圾值时，我的程序运行正常。因此，我需要一个适当的方法，我可以处理空白细胞。如果有一个工具，它会更好。
浏览 1提问于2014-12-26得票数 0
回答已采纳
1回答
根据我的申请，我有一些关于AG Grid实现的问题。如何使用Ag网格执行CRUD操作，Ag网格应该包含select/ grid选择、日期字段、列中的复选框。我正在显示现有的记录从DataBase表，我提供了新的记录(空记录)在网格的最后插入新的记录。我可以在列中显示文本，但无法显示数据库表中现有记录的Dates、select/richSelect的值。在此新的空记录中，某些列包含复选框，选择/ Date选择，日期值。
浏览 3提问于2017-10-05得票数 0
我已经在angular2中设置了ag-grid，运行良好，但我无法在控制台中获得selected row...There are no errors的值，window...This是我初始化网格的方式…
import {Component} from 'angular2/core';
@Component({
selector: 'aggride',
template: `
<div class="tr-card" >
<ag-grid-ng2 #agGrid of mgrid class="ag-fresh
浏览 122提问于2016-02-09得票数 12
回答已采纳
2回答
我很难在我的角度应用程序中实现ag网格。我可以将数据加载到网格中，但是当我加载数据集时，没有滚动条。
右边的键盘导航显示更多列显示空白数据，告诉我ag-grid还没有发现我在滚动。
我遵循了ag网格提供的所有教程，并尝试将其封装到<div>中。我可以改变网格的大小，但我不能滚动。
component.css - (there are no global styles applied)
@import "~ag-grid/dist/styles/ag-grid.css";
@import "~ag-grid/dist/styles/ag-theme-balha
浏览 1提问于2019-02-05得票数 0
回答已采纳
1回答
在ag grid react中导出到csv正在删除数值单元格的前导零。ag-grid-enterprise@18.0.1，react@16.8
如果我们下载为excel工作表，此cellStyle的工作如预期。但不适用于Csv下载。我们需要样式应用于csv以及。
Excel样式对象：
excelStyles : [{
id: "textFormat",
dataType: "string"
}]
在列defs中传递cellClass：
{
headerName: "colname&#
浏览 1提问于2019-07-12得票数 0
我知道，在发布过程中，我们可以使用File transforms and variable substitution Options修改.config文件的动态值。 但是我有一个.XML文件，如下所示 <RPSServer>
<Sites>
<Site SiteName="default">
<SiteId>123546</SiteId>
<ReturnURL>Custome URL</ReturnURL>
</Site>
</Sites>
</RPS
浏览 19提问于2019-10-17得票数 1
1回答
如何将更改为呈现而不是"Change“按钮，即带有数据模型动态生成文本的按钮(丰田、福特或保时捷)
在我的用例中，我需要根据行数据添加一个超链接，并在行上添加一个工具提示。
ag-网格-聚合物-示例.ag：
import {html, PolymerElement} from '@polymer/polymer/polymer-element.js';
import 'ag-grid-polymer';
import ClickableCellRenderer from './clickable-renderer'
class AgG
浏览 0提问于2018-11-23得票数 0
回答已采纳
我正在使用Angular 8的ag-grid。在将ag-grid-angular从22.1.1版本更新到23.1.1版本时，我遇到了意外的对等依赖错误：
> npm install
npm WARN ag-grid-angular@23.1.1 requires a peer of @angular/common@^9.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN ag-grid-angular@23.1.1 requires a peer of @angular/core
浏览 18提问于2020-05-21得票数 0
2回答
我试图添加样式到我的AG网格，但到目前为止，我还没有成功。唯一可行的方法是设置库提供的一些css变量，但这是非常有限的。我试着扩展现有的类，但是我总是收到Unused css selector警告，在阅读文档之后，我一直找不到解决方案。
这是我的密码：
<script lang="ts">
import { onDestroy, onMount } from 'svelte';
import { Grid } from 'ag-grid-community';
import 'ag-grid-commu
浏览 31提问于2022-01-29得票数 0
回答已采纳
我的一个专栏的值看起来像这个-> "$5.95 (公园成本)“
我需要在SSRS报告中的列中显示如下值：
$5.95
(Park costs)
但字体大小的“(公园成本)”必须是比价格更小的。
这样的事有可能吗？如何使不包含数字、点或美元符号的文本变小？
浏览 1提问于2020-03-05得票数 1
我在截图error_2中看到下面的错误 ? 这里的AgGridReact是从ag-grid- .So库中导入的，我已经在我的代码顶部导入了这个库。我想问一下，我如何才能向AgGridReact声明接口，因为它不是组件.If，它将是普通的组件，那么只需声明接口并声明其中的属性就很容易了。 下面是我的代码 import React, { Component } from 'react';
import { AgGridColumn, AgGridReact } from 'ag-grid-react';
import './Grid.scss';
浏览 17提问于2021-11-20得票数 0
在我的角度应用程序中，我遵循的是ag网格。
在下面找到我使用过的代码片段，
//HTML
<ag-grid-angular
[columnDefs]="columnDefs"
[enableBrowserTooltips]="true"
[tooltipShowDelay]="0"
>
</ag-grid-angular>
//class
columnDefs={
field: 'created_at',
headerName: 'Time',
浏览 15提问于2022-01-18得票数 0
3回答
我只想问问这里的任何人知道为什么当我在我的主页上放一个占位符时，它变成了这样
[ PlaceHolder "PlaceHolder1" ]
它应该是一个空白的可编辑框，对吗？我甚至不能在那里写任何东西。帮帮我吧。谢谢。
浏览 1提问于2012-03-13得票数 0
回答已采纳
有没有办法在type=number的输入标记中显示占位符文本？
详细问:当元素没有被聚焦时，HTML的输入标签的属性'placeholder‘用于在UI中显示关于输入标签的描述-当相同的字段获得焦点时，描述性文本变为空白。问题是，如果输入类型是type="number“，则看不到任何文本。我的UI确实有空间限制，无法负担输入标签之前的标签。
有什么建议吗？
浏览 1提问于2011-09-13得票数 10
我试图得到一个处理的“ag-网格”类型记录网格组件，为我的角度6应用程序。
这个网站看起来很有希望，我一直在尝试让他们的“入门”演示在我的机器上工作-到目前为止没有任何运气。
我已经完成了设置步骤--除了一个例外:我尝试使用“直接”CSS (而不是使用SCSS) --因此我的app.component.ts中就有了这个。
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css',
浏览 0提问于2018-09-19得票数 1
回答已采纳
2回答
在下面的配置中，我在ag网格中使用类型记录.
typescript@3.9.6
@ag-grid-community/react@23.2.1
@ag-grid-enterprise/all-modules@23.2.1
我还用过：
typescript@3.9.6
ag-grid-community@23.2.1
ag-grid-enterprise@23.2.1
ag-grid-react@23.2.1
在这两种情况下，下面的代码都无法进行类型检查。请注意，代码几乎是从的在线文档中逐字提取的。
import React from 'react';
import { AgGr
浏览 7提问于2020-07-09得票数 1
回答已采纳
我发现了两个问题的方式，网格依赖的结构和它的文档。希望有人能给我提供一个很好的类型记录Angular1.x样本，其中使用了ag网格。
我有一个基本的AngularJs项目，我在Visual 2015中将依赖项添加到我的"ag-grid": "3.1.0"中，从而在bower install ag-grid中安装了bower.json，因此它在bower_components下添加了以下结构：ag-grid | |-- dist |--src | |--ts | ...
我遇到的问题是，除非我物理地删除/bower_components/
浏览 1提问于2016-01-29得票数 0
回答已采纳
1回答
我想使用带有ES6模块的ag-grid。我找不到任何例子。这就是我到目前为止所知道的： import { Grid, ClientSideRowModelModule } from "/node_modules/ag-grid-community/dist/ag-grid-community.esm.min.js"
class Index {
constructor() {
//grid setup
this.gridOptions = {
components: {
rowMod
浏览 28提问于2021-06-16得票数 1
回答已采纳
1回答
如果我有一个包含多个值的剑道组合框，我想插入"-ALL-作为DataTextField和"9999“作为DataValueField。目前，如果我只有一条记录，我使用DataBound事件来测试它，如果它=1，那么我加载一个基于这个值的网格，但如果长度>1，那么我想添加-All-。我不理解telerik所描述的插入。
@(Html.Kendo().ComboBox()
.Name("FAList")
.Placeholder("Select Fiscal Agency...")
.Data
浏览 0提问于2016-10-22得票数 1
我使用的是数据表库"ag-grid“(带有Angular 2，但这并不重要)，它通过在选中的行上放置一个.ag-row-selected类来标记它(默认的类.ag-row)。在一行中是一堆带有.ag-cell-class的单元格。
现在我要做的不是给背景上色，而是用“条纹”标记左边和右边的行。我可以通过在表的开头和结尾处插入一个空列来完成此操作，然后执行以下操作：
$selection-padding-width: 6px;
ag-grid-angular {
height: 100%;
// making room for selection-padding-stripe:
浏览 17提问于2017-08-28得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
