Primereact Datable: the select all check box should appear in the header of datatable instead of the filterDisplay row

Question

I am using both checkbox selection and filterDisplay="row" in Data Table. FilterDisplay="row" should be implemented by checking all checkboxes shown in the filterDisplay row. I'm trying to display the header of the datatable. Would it be possible to display the select all check box table header instead of the filterDisplay row.t

 <DataTable value={customers2} paginator className="p-datatable-customers" rows={10}
                        dataKey="id" filterDisplay="row"  responsiveLayout="scroll"
                         header={header2} emptyMessage="No customers found." selectionMode="checkbox" scrollable={true} >
                         <Column selectionMode="multiple" />
                        <Column field="name" header="Name" filter={enableFilterFlag}   />
                      <Column header="Country" field="Country" filter={enableFilterFlag}  />
                        
                    </DataTable>

PrimeReact version 8.0.0

React version 18.x

Language TypeScript

Advance thanks for your help.