因此,我将 Material-UI 用于大型数据表,并意识到它的使用速度非常慢。在 Github 中创建问题之前,我想询问该框架的其他用户是否有解决方法可以提高性能。
这是我的代码:
<Table
height='500'
fixedHeader
selectable
multiSelectable
>
<TableHeader
displaySelectAll
adjustForCheckbox
enableSelectAll
>
<TableRow>
<TableHeaderColumn tooltip="Status">Status</TableHeaderColumn>
<TableHeaderColumn tooltip="Name">Name</TableHeaderColumn>
<TableHeaderColumn tooltip="Email">Email</TableHeaderColumn>
<TableHeaderColumn tooltip="Phone No.">Phone No.</TableHeaderColumn>
<TableHeaderColumn tooltip="Company">Company</TableHeaderColumn>
<TableHeaderColumn tooltip="Skills">Skills</TableHeaderColumn>
</TableRow>
</TableHeader>
<TableBody
displayRowCheckbox
>
{filteredApplicants.map((applicant, index) => (
<TableRow key={index} selected={applicant.selected}>
<TableRowColumn><Status status={applicant.status} updateStatus={updateApplicantStatus}/></TableRowColumn>
<TableRowColumn>{applicant.name}</TableRowColumn>
<TableRowColumn>{applicant.email}</TableRowColumn>
<TableRowColumn>{applicant.phone}</TableRowColumn>
<TableRowColumn>{applicant.company}</TableRowColumn>
<TableRowColumn><Skills skills={applicant.skills}/></TableRowColumn>
</TableRow>
))}
</TableBody>
</Table>
Run Code Online (Sandbox Code Playgroud)