چگونه می توانیم در یک جدول در هر سطر یک دکمه مثلا دکمه حذف با استاده از کامپوننت material table قرار دهیم؟
- فرشته حقیقی 4 سال قبل سوال کرد
- آخرین ویرایش 4 سال قبل
- شما باید برای ارسال دیدگاه وارد شوید
برای قرار دادن دکمه در هر سطر جدول از کلید واژه actions استفاده می کنیم.در actions هر تعداد دکمه ای که بخواهیم می توانیم قرار دهیم.
function MultipleActions() {
return (
<MaterialTable
title="Multiple Actions Preview"
columns={[
{ title: 'Name', field: 'name' },
{ title: 'lastname', field: 'lastname' },
{ title: 'Birth Year', field: 'birthYear', type: 'numeric' },
]}
data={[
{ name: 'Sara', lastname: 'Baran', birthYear: 1987 },
{ name: 'Sam', lastname: 'Baran', birthYear: 2017},
]}
actions={[
{
icon: 'save',
tooltip: 'Save User',
onClick: (event, rowData) => alert("You saved " + rowData.name)
},
{
icon: 'delete',
tooltip: 'Delete User',
onClick: (event, rowData) => confirm("You want to delete " + rowData.name)
}
]}
/>
)
}
- فرشته حقیقی 4 سال قبل پاسخ داد
- شما باید برای ارسال دیدگاه وارد شوید