reactjs - 带有 Ag-grid 的 React.js:如何在 AgGridReact 组件中禁用拖动?
问题描述
作为序言,我是编程新手(<3 个月),我仍在学习基本概念和术语;如果我显得迟钝,请原谅我。目前,我第一次使用 ag-grid 组件。我的退货声明有以下内容:
return (
<div className="App">
<input placeholder="Description" name="description" value={todo.description} onChange={inputChanged} />
<input placeholder="Date" name="date" value={todo.date} onChange={inputChanged}/>
<input placeholder="Status" name="status" value={todo.status} onChange={inputChanged}/>
<button onClick={addTodo}>Add</button>
<div className="ag-theme-material" style={{ height: 600, width: 600, margin: 'auto' }}>
<AgGridReact
rowData={todos}>
<AgGridColumn field="description" sortable={true} filter={true}></AgGridColumn>
<AgGridColumn field="date" sortable={true} filter={true}></AgGridColumn>
<AgGridColumn field="status" sortable={true} filter={true}></AgGridColumn>
</AgGridReact>
</div>
</div>
);
}
我的任务是防止 ag-grid 组件的拖放行为。我得到了官方的https://www.ag-grid.com/javascript-grid-column-properties/文档以供参考,我找到了该rowDrag
属性。我试图rowDrag={false}
在 AgGridReact 组件中实现它,并分别在 AgGridColumn 中实现它,但是这两种方法都没有奏效。我还在谷歌上搜索了这个问题,发现了一些其他方法需要为可拖动性创建一个全新的方法,但我认为这可能不是本练习中所寻求的。
我觉得被这个简单的事情困住了。我真的很感激任何帮助。
解决方案
推荐阅读
- c# - 从动作委托 C# 调用方法获取结果
- c++ - 你能告诉我下面的代码有什么问题吗?
- r-markdown - 执行当前 Rmarkdown 块并移动到 RStudio 中的下一个块
- ios - 实例成员“....”不能用于类型“CustomTextField”;你的意思是使用这种类型的值吗?
- laravel - 如何在 laravel 中正确实现 CRUD json 字段
- angular - 我需要根据用户选择有条件地渲染一个角度组件
- javascript - Jest helper-module-transforms 无法读取未定义的属性“值”
- android - 解决 Android API 29+ 上 EnterText 问题的扩展方法
- sql - 使用子查询的笛卡尔积的 SQL 比较报告
- python - 在 Parquet 中使用 Dask 日期/时间戳列存储