Css 如何在primereact Datatable中自动调整列

我使用prime react数据表来填充日期。我想用表中的列自动调整值。我尝试过使用一些css和dattable属性，但它对我不起作用。以下是我迄今为止所做的工作

const MyBookDatable = ({ data, onPageChange, exportFile }) => {
const { totalElements, content, pageable } = data;
const [pageSize, setpageSize] = useState(0);

const dynamicColumns = columns.map((column) => {
return (
  <Column
    //headerStyle={{ width: "100%" }}
    //bodyClassName="tableBody"
    className = {column.field + " tableBody"}
    field={column.field}
    header={column.header}
  ></Column>
   );
 });

这是数据表css

.datatableStyle {
width: auto;

overflow-x: scroll;
max-height: 80vh;
min-height: 40vh;
}

---

这些列不是自动调整的值，而且我想添加水平滚动条到表中。有人可以帮我吗。我不熟悉prime react。

在旧版本的datatable中，它是一个名为responsive的属性，并在datatable中将其设置为true，如下所示

responsive={true}

.datatableStyle {
width: auto;

overflow-x: scroll;
max-height: 80vh;
min-height: 40vh;
}