在reactjs材料表中，当垂直滚动时，动作图标和选择框正在浏览标头，重叠了标头

Question

我在ReactJS项目中使用材料表。当我垂直滚动时，动作图标和选择框正在浏览标题。实际上，它是重叠的标题，滚动栏是从桌子的顶部开始的，但是我从标头的下面开始。

                 <MaterialTable
                    tableRef={tableRef}
                    title=""
                    onSelectionChange={(rows) => {
                        handleClick(rows);
                    }}
                    columns={headerData}
                    data={leadsDetails.data}   
                    
                    actions={[
                        {
                            icon: () => <PeopleAltIcon style={{ fontSize:"large", color: "#0096A2" }}/>,
                            tooltip: 'Assign',
                            position: 'row',
                            onClick: (event, rowData) => {

                            }
                        },
                        {
                            icon: () => <DeleteIcon style={{ fontSize:"large", color: "#0096A2" }}/>,
                            tooltip: 'Delete',
                            position: 'row',
                            onClick: (event, rowData) => {
                                setConfirmDialog({
                                    isOpen:true,
                                    title:"Are you sure to delete this record ?",
                                    subTitle:"",
                                    onConfirm:() =>{onDeleteIcon(event, rowData)}
                                })
                                
                            }
                            
                            
                        },
                    ]}

                    options={{                            
                        sorting: {sorting}, search: true,
                        paging: true, pageSizeOptions: [10,20,30], pageSize: 10,
                        exportButton: true,
                        //grouping: true, columnsButton: true,
                        headerStyle: { background: "#0096A2", color: "#fff", fontSize: "0.85rem", position:'sticky', top:0,  whiteSpace:"nowrap", height: 20, maxHeight:20 },
                        rowStyle: { color: "#0096A2", fontSize: "0.8rem", padding: 0,height: 20, whiteSpace:"nowrap", maxHeight:20},
                        showTitle: false,
                        toolbar: false,
                        selection: true,
                        maxBodyHeight: '60vh',
                        draggable: false,
                        thirdSortClick: false
                        // tableLayout: "auto"
                    }}
                    isLoading={isLoading}
                />

在此处输入图像描述