首页 > ag-grid中文文档 > 通过拖动改变ag-grid列宽度和移动列位置

通过拖动改变ag-grid列宽度和移动列位置

通过拖动鼠标改变ag-grid列宽度和列的位置。

ag-grid拖动宽度

var gridOptions = {
    columnDefs: columnDefs,
    rowData: data,
    onGridReady: function () {
        gridOptions.api.sizeColumnsToFit(); 
    },
    defaultColDef: {  
        resizable: true,//是否开启调整列大小,就是拖动改变列大小
    }        
};

ag-grid拖动列的位置

var gridOptions = {
    columnDefs: columnDefs,
    rowData: data,
    onGridReady: function () {
        gridOptions.api.sizeColumnsToFit(); 
    },
    defaultColDef: {  
       lockPosition: false //禁止拖动列的位置
    }        
};

在线试一试