Как скрыть панель инструментов списка в реагирующем админе? - PullRequest
0 голосов
/ 08 февраля 2019

Я использую response-admin 2.6.2 и пытаюсь в настоящее время редактировать макет представления списка.Сначала я хотел полностью удалить кнопки действий, и я нашел ответ здесь, в Stackoverflow.Я подумал, что использования пустых CardActions будет достаточно, но все еще есть пустой ListToolbar, занимающий место до того, как мой <List> запустится.Панель инструментов создается списком автоматически, есть ли способ, например, отредактировать стили этой панели инструментов, чтобы я мог скрыть ее или установить высоту 0px?

Полагаю, один из вариантов - создать свой собственный List.jsна основе это , но было бы лучше использовать исходные файлы, поэтому они также обновляются при появлении новых обновлений для Reaction-Admin.

Код JS:

const NoneActions = props => (
    <CardActions />
);

class DemoList extends Component {
    render() {

        return (
            <div>
                <List
                    {...props}
                    actions={<NoneActions />}
                >
                    <Datagrid>
                        <TextField source="name" />
                        <ShowButton />
                    </Datagrid>
                </List>
            </div>
        );
    }
}

Вот панель инструментов в DOM:

<div class="MuiToolbar-root-519 MuiToolbar-regular-521 MuiToolbar-gutters-520 ListToolbar-toolbar-293">

1 Ответ

0 голосов
/ 12 февраля 2019

try: <List actions={null} {...props}> пустое место до исчезновения списка.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...