实施Google Material Design的React组件。 http://material-ui.com
如何将这些表行之一设置为“选择”或“活动”,然后将行的字体颜色更改为“单击”时的红色?同样,当选择一行时,请取消选择另一行。我看到
使用MUI X数据网格V5使用实验features = {{newedingingapi:true}}启用。 我的用例很简单,但我无法从文档中弄清楚。 给出了一个带有一列的桌子,我是...
可以将输入字段添加到MUI-DataTable中吗?我希望用户能够在MUI-DataTable中修改数据。但是,自定义者对我不起作用。 从&quo ...
有一种方法可以通过硒或JavaScript在材料UI(MUI)表中进行滚动?
是否有任何方法通过硒或JavaScript在MUI表中进行水平滚动? 由于懒惰加载,无法执行不存在的元素的动作
i有一个可穆塔塔塔塔塔调和,它的列是由下拉列表制成的,但是当我使用搜索栏时,下拉值不会更改并留在行值上。 我制作了一个视频,所以更清楚
我要实现的以下部分代码是使用MuidataTable提供“编辑”和“添加新记录”选项,但是当我单击“编辑”按钮时,我看不到模态弹出窗口。但是,当我单击“创建新”时,它会打开模式弹出窗口。
I我在我的React应用中使用材料数据词,并希望在数据未零或未定义的情况下有条件地呈现以下部分。我也可以不执行object.entries(data).map(x =>(...
该代码与MUI X数据网格有关 加载API时,我需要禁用下一页按钮 该代码与MUI X数据网格有关 加载API时,我需要禁用下一页按钮 <DataGrid autoHeight getRowHeight={getRowHeight} rows={rows} columns={columns} page={page - 1} rowCount={total} rowsPerPageOptions={rowsPerPage} pagination paginationMode='server' pageSize={pageSize} getRowClassName={(params) => getRowClassName(params)} onPageChange={(newPage) => handelPageChange(newPage)} loading={isLoading} // disableNextPage={isLoading} onPageSizeChange={(newPageSize) => setAssetList((prveState) => ({ ...prveState, pageSize: newPageSize, })) } /> 我已经使用了此道具已解决了 -hidefooterPagination = {isloading}
目前使用自定义样式的行/列,还将设计聚合列。我如何在不影响聚集行的情况下样式行? https://codesandbox.io/s/frosty-euler-1szk2y?file=/de...
如何使用媒体请求@Media(Min-Device-Pixel-Ratio:2),(最小分辨率:192DPI),(最小分辨率:2DPPX)通过材料UI库样式,分别为每个设备 //'@media(min-de ...
IAM Build NextJS项目并从材料UI创建表,并从MongoDB获取数据。 我想在操作(编辑和删除)列上添加两个按钮,但不知道该如何在材料MUI上进行操作 ...
I创建了一个带有10列的MUI X数据网格。它在大屏幕上看起来很棒,但是当我将其挤出1380 PX以下时,我希望看到水平的条滚动,但看起来很糟糕。 我不想swi ...
我有一个带用户的数据表,我想在行上进行删除按钮工作,但是看来它不能通过反应手段来完成。 数据杂志是这样使用的: 我有一个带有用户的数据表,我想在行上进行删除按钮工作,但是看来它不能通过反应手段来完成。 数据杂志是这样使用的: <DataGrid rows={users} columns={columns} pageSize={5} checkboxSelection /> 我有一个带有自定义RenderCell函数的列,显示一些动作按钮。列定义是: { field: "actions", headerName: "", width: 120, type: "", sortable: false, renderCell: ( params: GridCellParams ): React.ReactElement<any, string | React.JSXElementConstructor<any>> => { return ( <UserRowActions userId={params.getValue(params.id, "id")?.toString()!} /> ); } } 参数对象提供了一些属性,但我不知道如何执行这样的操作:删除单击按钮的行,在UserRowActions组件中定义的按钮。 我还想找到是否可以使用今天的MUI DataGrid组件进行此操作。 我不知道该怎么办,因为API现在看起来对我没有反应。 我使用: "@material-ui/core": "^4.12.1", "@material-ui/data-grid": "^4.0.0-alpha.30", "react": "^16.14.0", I专门用于数据网格动作按钮:export const DataGridContext = React.createContext<{ deleteUser?: (uid: string) => void }>({}); // ... const { data: users, isLoading, isError } = useGetUsersQuery(); const [usersRows, setUsersRows] = useState<IUser[]>([]); useEffect(() => { if (typeof users !== 'undefined') { setUsersRows(users); } }, [users]); <DataGridContext.Provider value={{ deleteUser: (uid: string) => { const newRows = [...usersRows]; const idx = newRows.findIndex(u => u.id === uid); if (idx > -1) { newRows.splice(idx, 1); setUsersRows(newRows); } }}}> <DataGrid rows={usersRows} // ... /> </DataGridContext.Provider> // In the UserRowActions component: const dataGrid = useContext(DataGridContext); // ... dataGrid.deleteUser!(userId);