单击metarial-ui表上的Tab按钮将表复选框移到左侧

时间:2018-07-04 15:10:25

标签: material-ui

material-ui v.0.19.2的行为异常 在React应用程序中使用简单的表格组件:

const TableExampleSimple = () => (
<Table>
<TableHeader>
  <TableRow>
    <TableHeaderColumn>ID</TableHeaderColumn>
    <TableHeaderColumn>Name</TableHeaderColumn>
    <TableHeaderColumn>Status</TableHeaderColumn>
  </TableRow>
</TableHeader>
<TableBody>
  <TableRow>
    <TableRowColumn>1</TableRowColumn>
    <TableRowColumn>John Smith</TableRowColumn>
    <TableRowColumn>Employed</TableRowColumn>
  </TableRow>
  <TableRow>
    <TableRowColumn>2</TableRowColumn>
    <TableRowColumn>Randal White</TableRowColumn>
    <TableRowColumn>Unemployed</TableRowColumn>
  </TableRow>
  <TableRow>
    <TableRowColumn>3</TableRowColumn>
    <TableRowColumn>Stephanie Sanders</TableRowColumn>
    <TableRowColumn>Employed</TableRowColumn>
  </TableRow>
  <TableRow>
    <TableRowColumn>4</TableRowColumn>
    <TableRowColumn>Steve Brown</TableRowColumn>
    <TableRowColumn>Employed</TableRowColumn>
  </TableRow>
  <TableRow>
    <TableRowColumn>5</TableRowColumn>
    <TableRowColumn>Christopher Nolan</TableRowColumn>
    <TableRowColumn>Unemployed</TableRowColumn>
  </TableRow>
</TableBody>
</Table>);

Case-选中第一行,然后单击Tab键..它将第二行复选框移到左侧。图片附上。     enter image description here

0 个答案:

没有答案