Question

我正在使用react-admin 2.6.2，目前正在尝试编辑列表视图的布局。最初，我想完全删除操作按钮，然后在Stackoverflow找到了答案。我以为，使用空的CardActions就足够了，但是在我的<List>开始之前，仍然有空的ListToolbar占用空间。该工具栏是由List自动创建的，是否有任何方法可以编辑该工具栏的样式，例如我可以将其隐藏或将其高度设置为0px？

我猜一个选择是基于this创建我的自定义List.js，但是最好使用原始源文件，因此当有新的更新来响应react-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">

Answer 1

尝试：[0...50].map { print($0) // current index }列表消失之前的空白区域。

如何在react-admin中隐藏列表工具栏？

1 个答案: