我实际上是使用PrimeReact设计数据表的，但是它占据了整个屏幕，但是我想增加表的宽度，使它的大小更小，我使用DataTable中的tableStyle属性做了同样的事情。它正确地应用于表，但不应用于标题，标题是否仍然占据屏幕中的整个大小。
我试着在html标签中写入style属性，但它不起作用。
下面是相同的代码

const header = (
    <div className="flex flex-wrap align-items-center justify-content-between gap-2">
        <span className="text-xl text-900 font-bold">Employees</span>
        <Button icon="pi pi-refresh" className='ml-5' rounded raised />
    </div>
);
  return (
    <DataTable value={data} header={header}  showGridlines tableStyle={{ minWidth: '60rem' ,width:'400px',alignItems:'center',marginLeft:'auto',marginRight:'auto'}}>
    <Column field="name" header="Name"></Column>
    <Column field="email_id" header="Email-id"></Column>
    <Column header="Status" body={checkbody}></Column>
  </DataTable>
)
}

所附截图显示了当前的用户界面，我的标题是全尺寸，也没有刷新图标来到屏幕的右侧。Screenshot my UI