如何在移动设备上隐藏主要反应数据表的特定列

Question

return (
    <DataTable value={data}>
        <Column field="column1" header="Column 1" />
        <Column field="column2" header="Column 2" />
        <Column field="column3" header="Column 3" />
        <Column field="column4" header="Column 4" />
        <Column field="column5" header="Column 5" />
        <Column field="column6" header="Column 6" />
        <Column field="column7" header="Column 7" />
    </DataTable>
);

我已经使用 primereact UI 库创建了一个 React 数据表，如何删除移动视图中的某些列。

Answer 1

我觉得这个答案有点晚了，但仍然......

我必须做类似的事情，最后我通过用CSS隐藏列来实现它，就像这样：

我从这个文档中获取它：

https://forum.primefaces.org/viewtopic.php?t=58893