Я пытаюсь использовать компонент Material-Table - он идеально подходит для создаваемой таблицы (добавление, редактирование, удаление и поиск строк).Я установил и использовал его как дочерний компонент страницы - все работает, но ...
STYLING: все пользовательские и встроенные стили страницы теряются во всех компонентах пользовательского интерфейса Material (т.е.Кнопки AppBar не имеют отступов / отступов, пользовательский стиль шрифта испорчен).
ЗНАЧКИ: значки в таблице не отображаются - они просто отображаются в виде обрезанного текста.
Стили и значки на других страницах без таблицы не затрагиваются.
У кого-нибудь есть решение?Заранее спасибо.
Для иконок я попробовал переустановить библиотеку и импортировать.Также попробовал поставить метод html.Ниже приведен код таблицы материалов.
<MaterialTable
title="Editable Example"
columns={state.columns}
data={state.data}
actions={[
{
icon: 'edit',
tooltip: 'Edit Study',
onClick: (event, rowData) => alert("Do you want to edit " + rowData.name + "?")
},
rowData => ({
icon: 'clear',
tooltip: 'Delete User',
onClick: (event, rowData) => alert("You want to delete " + rowData.name),
disabled: rowData.birthYear < 2000
})
]}
editable={{
onRowAdd: newData =>
new Promise(resolve => {
setTimeout(() => {
resolve();
const data = [...state.data];
data.push(newData);
setState({ ...state, data });
}, 600);
}),
onRowDelete: oldData =>
new Promise(resolve => {
setTimeout(() => {
resolve();
const data = [...state.data];
data.splice(data.indexOf(oldData), 1);
setState({ ...state, data });
}, 600);
}),
}}
/>