Question

我正在使用一个名为“ pose”的反应库来为我的模态开口设置动画。这意味着它的默认状态是0不透明度。打开时，状态更改为不透明度1，高度为100％。

这很好用，除了当我在页面上有一个引导表时，在进行过渡时，某些行位于叠加层的顶部。转换完成后，行将被叠加层覆盖。

下面是呈现表的代码。似乎是叠加层顶部的条纹行。

<table className="table table-striped table-hover">
 <thead>
  <tr>
   <th style={{ textAlign: 'center', padding: '5px' }} >
    { this.props.FilterCarrierId ? 
     <ReactButton value={'0'} key={'0'} buttonClass={'btn btn-primary btn-block btn-sm'} 
                  onClick={(event) => this.props.openModal(event,this.props.FilterCarrierId)} 
                                    buttonIcon={'glyphicon glyphicon-plus'} />
    : <Link to={'/carrier'} className={'btn btn-primary btn-block btn-sm'} >Carriers</Link>}
   </th>
   <th style={{ textAlign: 'center' }} >Name</th>
   <th style={{ textAlign: 'center' }} >Standard Charge</th>
   <th style={{ textAlign: 'center' }} >Stock Charge</th>
   <th style={{ textAlign: 'center' }} >AM/PM Charge</th>
   <th style={{ textAlign: 'center' }} >Net Charge</th>
  </tr>
 </thead>
 <tbody>
  {this.props.carrierChargeIndexPage.carrierCharges.map((carrierCharge:CarrierCharge, i: number) => {return (<CarrierChargeRow carrierCharge={carrierCharge} index={i} key={i} />);})}
 </tbody>
</table>

在模式打开时，引导程序表行临时显示在模式覆盖上

0 个答案: