首页 > 解决方案 > Reactjs Material-Table 过滤日期和默认列

问题描述

我试图默认只显示日期、x 和 y 列,z 将在选项中。我需要过滤,例如“仅显示最近 7 天”。材料表中有这样的属性吗?如果不是我该怎么办?

这是表格: 在此处输入图像描述

这是代码:

import ...


function TableView() {


  const [data, setData] = useState([])
  const columns = [
    { title: "Date", field: "date", sorting:false },
    { title: "x", field: "x", filtering: false},
    { title: "y", field: "y", filtering: false },
    { title: "z", field: "z", filtering: false },
    
  ]
  useEffect(() => {
        setData(data)
  }, [])

  return (
    <div className="TableView">
      <MaterialTable
        icons={tableIcons}
        title="Table View"
        data={data}
        columns={columns}
        options={{columnsButton: true, filtering: true, pageSize:50}}
      />
    </div>
  );
}

export default TableView;

标签: reactjsmaterial-uimaterial-table

解决方案


推荐阅读