Javascript REACTJs:如何更改材质表中编辑和删除图标的颜色和大小?
我正在项目中使用材质表,我想更改“编辑和删除”图标的颜色和大小。如何做到这一点?我附上这个问题的截图Javascript REACTJs:如何更改材质表中编辑和删除图标的颜色和大小?,javascript,reactjs,material-ui,material-table,Javascript,Reactjs,Material Ui,Material Table,我正在项目中使用材质表,我想更改“编辑和删除”图标的颜色和大小。如何做到这一点?我附上这个问题的截图 函数可编辑(){ const{useState}=React; const[columns,setColumns]=useState([ {title:'Name',field:'Name'}, ]); const[data,setData]=useState([ {姓名:'Mehmet',姓氏:'Baran',出生年份:1987,出生城市:63}, ]); 返回( ) } 您可以使用道具创建
函数可编辑(){
const{useState}=React;
const[columns,setColumns]=useState([
{title:'Name',field:'Name'},
]);
const[data,setData]=useState([
{姓名:'Mehmet',姓氏:'Baran',出生年份:1987,出生城市:63},
]);
返回(
)
}
您可以使用道具创建自己的动作,然后根据需要设置它们的样式
actions={[
{
icon: () => (
<Edit fontSize="large"
className={classes.edit}
/>
),
tooltip: 'Edit Item',
onClick: (event, rowData) => edit(rowData)
},
{
icon: () => (
<Delete fontSize="large"
className={classes.delete}
/>
),
tooltip: 'Delete Item',
onClick: (event, rowData) => delete(rowData),
},
]}
操作={[
{
图标:()=>(
),
工具提示:“编辑项目”,
onClick:(事件,行数据)=>编辑(行数据)
},
{
图标:()=>(
),
工具提示:“删除项目”,
onClick:(事件,行数据)=>delete(行数据),
},
]}
您可以使用道具创建自己的动作,然后根据需要设置它们的样式
actions={[
{
icon: () => (
<Edit fontSize="large"
className={classes.edit}
/>
),
tooltip: 'Edit Item',
onClick: (event, rowData) => edit(rowData)
},
{
icon: () => (
<Delete fontSize="large"
className={classes.delete}
/>
),
tooltip: 'Delete Item',
onClick: (event, rowData) => delete(rowData),
},
]}
操作={[
{
图标:()=>(
),
工具提示:“编辑项目”,
onClick:(事件,行数据)=>编辑(行数据)
},
{
图标:()=>(
),
工具提示:“删除项目”,
onClick:(事件,行数据)=>delete(行数据),
},
]}