亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何將Material-UI工具欄拆分為左右部分

如何將Material-UI工具欄拆分為左右部分

開心每一天1111 2021-04-09 14:11:44
如何將Material-UI工具欄拆分為左右部分。例如,這是我的工具欄let EnhancedTableToolbar = props => {  const { numSelected, classes ,deletefunc} = props;  return (    <Toolbar      className={classNames(classes.root, {        [classes.highlight]: numSelected > 0,      })}    >      <div className={classes.title}>        {numSelected > 0 ? (          <Typography color="inherit" variant="subtitle1">            {numSelected} selected          </Typography>        ) : (          <Typography variant="h6" id="tableTitle">            User List          </Typography>        )}      </div>      <div className={classes.actions}>        {numSelected > 0 ? (        <div >        <div style={{ display: 'inline-block' }}>          <Tooltip title="Delete">            <IconButton aria-label="Delete">              <DeleteIcon onClick={() => { if (window.confirm('Are you sure you wish to delete '+numSelected +' item?')) {deletefunc()} } }>              </DeleteIcon>            </IconButton>          </Tooltip>        </div>         <div style={{ display: 'inline-block' }}>          <Tooltip title="Edit">            <IconButton aria-label="Edit">              <EditIcon>              </EditIcon>            </IconButton>          </Tooltip>            </div>         </div>        ) : (          <Tooltip title="Filter list">            <IconButton aria-label="Filter list">              <FilterListIcon />            </IconButton>          </Tooltip>        )}      </div>    </Toolbar>  );};我想在工具欄的左側顯示numSelected,并在工具欄的右側顯示“刪除”按鈕和“編輯”按鈕。但是,我的示例輸出在numSelected旁邊顯示了刪除按鈕和編輯按鈕。有人對此問題有任何解決方案嗎?
查看完整描述

1 回答

  • 1 回答
  • 0 關注
  • 216 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號