如何自动调整primereact数据表中的列

Question

我正在使用一个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>
);
});

在这里我创建了列

export const columns = [
{
"field": "market",
"header": "Market"
},
{
"field": "storeNumber",
"header": "Store Number"
},
{

这是数据表css

.datatableStyle {
width: auto;
overflow-x: scroll;
max-height: 80vh;
min-height: 40vh;
}

列不是随值自动调整的，而且我想在表中添加水平滚动条。有人能帮我吗。我是一个新手。

Answer 1

在旧版本的数据表中，它是一个名为responsible的属性，并在数据表中设置为true，如responsive={true}