如何在颤动模型表上放置iOS样式的可消除栏

<div id="tremor-table"></div>

#tremor-table {
  background-color: #f2f2f2;
  border: 1px solid #ccc;
  width: 100%;
  height: 300px;
}

npx create-react-app tremor-table-app

cd tremor-table-app

npm install react react-dom react-scripts

import React from 'react';

class TremorTable extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      showBar: true
    };
  }

  toggleBar = () => {
    this.setState(prevState => ({
      showBar: !prevState.showBar
    }));
  }

  render() {
    return (
      <div>
        {this.state.showBar && <div className="ios-style-bar">可消除栏</div>}
        <div id="tremor-table"></div>
        <button onClick={this.toggleBar}>切换可消除栏</button>
      </div>
    );
  }
}

export default TremorTable;

import React from 'react';
import ReactDOM from 'react-dom';
import TremorTable from './TremorTable';

ReactDOM.render(
  <React.StrictMode>
    <TremorTable />
  </React.StrictMode>,
  document.getElementById('tremor-table')
);

.ios-style-bar {
  background-color: #007aff;
  color: #fff;
  padding: 10px;
  text-align: center;
}