自定义MUI Grid工具栏
自定义MUI Grid工具栏
提问于 2022-06-17 08:37:08
我正在使用MUI Datagrid，我想知道是否有一种方法可以自定义带有自定义按钮和文本的网格工具栏。
谢谢。
费德里科
Stack Overflow用户
回答已采纳
发布于 2022-06-17 09:04:41
我想您知道，要启用工具栏，您需要将Toolbar: GridToolbar添加到网格组件(支持)中。
<DataGrid
{...data}
components={{
Toolbar: GridToolbar,
}}
/>因此，如果要自定义并添加其他内容，则必须编写自己的工具栏，例如：
function CustomToolbar() {
return (
<GridToolbarContainer>
<GridToolbarColumnsButton />
<GridToolbarFilterButton />
<GridToolbarDensitySelector />
<GridToolbarExport />
</GridToolbarContainer>
);
}做同样的事情：
<DataGrid
{...data}
components={{
Toolbar: CustomToolbar,
}}
/>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/72656522
复制相关文章
相似问题
腾讯云开发者
