Encontré el problema en el que las filas que no se pueden arrastrar cambian de posición, lo que no tiene sentido
Ahora, si lo prueba en la caja de arena, puede ver que todavía es posible soltar las filas que se pueden arrastrar a la posición donde `name === 'John'.
¿Hay alguna forma de evitarlo y tener esa fila específica (en mi caso, si nombre ==="John") fijada en esa posición mientras arrastra y suelta?
Código a continuación y demostración de sandbox
import React from "react"; import { AgGridReact } from "ag-grid-react"; import "ag-grid-community/dist/styles/ag-grid.css"; import "ag-grid-community/dist/styles/ag-theme-alpine.css"; function App() { const [gridApi, setGridApi] = React.useState(null); const [gridColumnApi, setGridColumnApi] = React.useState(null); const onGridReady = (params) => { setGridApi(params.api); setGridColumnApi(params.columnApi); }; const rowData = [ { id: 2, name: "David", stop: 15, duration: 8 }, { id: 1, name: "John", stop: 10, duration: 5 }, { id: 3, name: "Dan", stop: 20, duration: 6 } ]; const defaultColDef = { flex: 1, editable: true }; const columnDefs = [ { headerName: "Name", field: "name", rowDrag: (params) => params.node.data.name !== "John" }, { headerName: "stop", field: "stop" }, { headerName: "duration", field: "duration" } ]; return ( <div> <div className="ag-theme-alpine" style={{ height: "700px" }}> <AgGridReact columnDefs={columnDefs} rowData={rowData} defaultColDef={defaultColDef} onGridReady={onGridReady} rowDragManaged={true} rowDragEntireRow={true} ></AgGridReact> </div> </div> ); } export default App;Cualquier ayuda será apreciada
Encontré la row pinning en documentos, no estoy seguro, ¿tal vez esto es lo que necesito?