问在fluent-UI Detailslist中隐藏列

EN

import React from 'react';
import { DetailsList } from '@fluentui/react/lib/DetailsList';

export interface IListWithHiddenColumnsProps {}

export const ListWithHiddenColumns: React.FC<IListWithHiddenColumnsProps> = () => {
  return (
    <>
      <DetailsList items={myitems} columns={mycolumns} />
    </>
  );
};

export const myitems = [
  { id: 1, name: 'Jane', surname: 'Oak' },
  { id: 1, name: 'John', surname: 'Smith' }
];
export const mycolumns = [
  {
    key: 'id',
    name: 'Id',
    fieldName: 'id',
    minWidth: 50,
    maxWidth: 50,
    isResizable: false
  },
  {
    key: 'name',
    name: 'Name',
    fieldName: 'name',
    minWidth: 100,
    maxWidth: 200,
    isResizable: true
  }
];