reactjs 相关问题

React是一个用于构建用户界面的JavaScript库。它使用声明范式,旨在既高效又灵活。






当我们在材料ui datagrid中过滤ROWDATA时,即使在过滤后的rowdata

在材料UI datagrid组件中,Prop coopboxSelection设置为true,我想实现搜索/过滤器功能,以便在我过滤行之后,我的检查/选定的行不会丢失...

回答 1 投票 0




如何创建多行作为MUI-DataTables的标题

我们正在使用材料UI,并使用来显示表。 我们有多行作为表标头,这也是我们必须进行Colspan 2-3列。 寻找,如何自定义ta ...

回答 1 投票 0

I重新创建了我在代码沙箱中遇到的错误:

async function batchDeleteDocuments(docID, historyId) { try { console.log(docID, "docs"); console.log(historyId, "history"); const batch = writeBatch(db); for (let i = 0; i < docID.length; i++) { const docRef = doc(db, "display", docID[i], "history", historyId[i]); console.log(i, "deleting", docRef.path); batch.delete(docRef); } await batch.commit(); console.log("deleted"); } catch (err) { console.log(err); } }

回答 1 投票 0

MUI桌子标头和桌子主体不对齐

问题 从图片来看,我不知道为什么这样的布局。该代码从MUI Docs可折叠表https://mui.com/material-ui/reaect-table/#collapsible-table wit ...

回答 2 投票 0

MUI-X数据网格导出空行而不是内容

当单击“导出”按钮时,导出的CSV文件中有些行是空的。 这是datagrid的示例内容: 这是导出的CSV: 如您所见,所有行都在Colu中出口...

回答 1 投票 0


MUIX数据网格列打字稿错误时设置列类型

const columns: GridColDef[] = [ { field: 'name', headerName: tableColumns.name, minWidth: 100, resizable: true, flex: 1, }, { field: 'x', headerName: x, resizable: false, flex: 1, }, { field: 'y', headerName: y, minWidth: 220, resizable: false, flex: 1, renderCell: ({ row }: RenderCellType) => row?.y || 'N/A', }, { field: 'z', headerName: z, minWidth: 75, resizable: false, flex: 1, renderCell: ({ row }: RenderCellType) => <Z vehicle={row} />, }, ] <DataTable // <- i renamed it due to styling needs onRowSelect={(abc) => someFunction(abc)} selectionModel={filteredIds} columns={columns} loading={loading} rows={filteredRows} />

回答 1 投票 0


I有一个MUI X数据网格。属性定义如下 data = {serialSlist || []} 列= {列} 选项= {{{ ... muidatatabablecommonoptions(), ...

data={serialsList || []} columns={columns} options={{ ...muiDataTableCommonOptions(), download: false, expandableRowsOnClick: false, search: false, page: currentPage, rowsPerPage: numberOfRows, count: serialsTotalCounts, selectableRows: this.state.cancelShipFlag ? 'multiple' : 'none', selectableRowsHeader: this.state.cancelShipFlag ? true : false, selectToolbarPlacement: 'none', onRowSelectionChange(currentRowsSelected, allRowsSelected, rowsSelected?) { console.log(currentRowsSelected, allRowsSelected, rowsSelected); }, //selectableRowsHideCheckboxes: this.state.cancelShipFlag ? true : false, onRowClick: (rowData, rowMeta) => console.log('onRowsSelect.', rowData, rowMeta),

回答 0 投票 0



值最初不加载datagrid

这是我获取数据的代码

回答 1 投票 0

最新问题
© www.soinside.com 2019 - 2025. All rights reserved.