javascript - 默认情况下如何在 Material UI 中切换行中的内容？

问题描述

我正在使用 Muitables，我的问题是，如何默认显示展开的行？如下图所示？

打开页面后，我希望该行中的内容默认显示（向下箭头）

谢谢你。

代码是这样的：

const options = {
  expandableRows: true,
  fixedHeader: false,
  sort: false,
  filter: false,
  elevation: 1,
  download: false,
  print: false,
  search: false,
  viewColumns: false,
  rowsSelected: true,
  selectableRows: false,
  rowHover: false,
  responsive: 'scroll',

  customFooter: () => <React.Fragment />,
  renderExpandableRow: (rowData) => {
    
    return (
      <React.Fragment>
        <TableRow>   
          <TableCell>
              entry 1
          </TableCell>
          <TableCell>
            entry 2
          </TableCell>
        </TableRow>
      </React.Fragment>
    )
  }
}

////////////// 这是专栏

export const Table => {
  
  const columns = [
    {
      name: 'fileName',
      label: 'File Name',
      options: {
        customBodyRender: (value, tableMeta) => {

              return (
                
                <div>

                  test column
                </div>
              )
                     
        }
      }
    },
 
  ]
  let arr= []
  // let hasPending = false
   testing.map((file, index) => {
     if(file.fileName !== ''){

          fileStatus=file.fileStatus
          arr.push(file)
     }
   })
  return ( 
    <MuiThemeProvider theme={theme}>
      <MUIDataTable
        title={title}
        data={arr}
        columns={columns}
        options={options}
      />
    </MuiThemeProvider>
  )
}

标签： javascriptcssreactjsmaterial-uitoggle

javascript - 默认情况下如何在 Material UI 中切换行中的内容？

问题描述

解决方案

推荐阅读