21 Mayıs 2019 Salı

React Table Bileşeni

Örnek
render() metodunda şöyle yaparız
return(
  <div className='container'>
    <table>
      <thead>
        <tr>
          <th>User_Name</th>
          <th>Address</th>
          <th>Date Of Birth</th>
          <th>Email</th>
          <th>Profile Picture</th>
          <th>Edit</th>
          <th>Delete</th>
        </tr>
      </thead>
      <tbody>
        {this.state.arr.map((card)=>{
          return(
            <tr>
              <td>{card.user_name}</td>
              <td>{card.address}</td>
              <td>{card.date_of_birth}</td>
              <td>{card.email}</td>
              <td>{card.profile_picture}</td>
              <td><button className="btn ">Edit</button></td>
              <td><button className="btn ">Delete</button></td>
            </tr>
          ) })}
          </tbody>
    </table>
  </div>
);


Hiç yorum yok:

Yorum Gönder