React
-
ant design EditableTable 샘플React 2024. 4. 1. 23:55
import React, { useState } from 'react'; import { Table, Input, Popconfirm, Form, Button, Space } from 'antd'; import axios from 'axios'; const EditableTable = () => { const [dataSource, setDataSource] = useState([ { key: '1', no: '1', date: '12-34', description: '서울' }, { key: '2', no: '2', date: '45-67', description: '부산' }, { key: '3', no: '3', date: '89-01', description: '대구' }, ]); const [s..
-
Toast UI React Grid 클릭이벤트로 특정컬럼값 가져오기React 2023. 7. 28. 13:26
import Grid from '@toast-ui/react-grid'; const gridDblClick = (e) => { console.log('id:', e.instance.getRow(e.rowKey)['id']); }; const gridConfig = { //onClick: handleOpen, onDblclick: gridDblClick, data: data, columns: columns, //rowHeaders: ['checkbox'], bodyHeight: 'fitToParent', columnOptions: { minWidth: 60, }, bodyHeight: 800, minBodyHeight: 300, //rowHeight: 'auto', scrollX: false, scroll..