import React, { Component } from 'react';
import TableDataRow from './TableDataRow';

class TableData extends Component {
  mappingDataUser = () =>
    this.props.dataUserProps.map((value,key)=>(
      <TableDataRow data={value} key={key} stt={key+1}/>
    ));
   render() {

      return (
           <div className="col">
        <table className="table table-striped table-inverse table-hover">
          <thead className="thead-inverse">
            <tr>
              <th>STT</th>
              <th>Tên</th>
              <th>Điện Thoại</th>
              <th>Quyền</th>
            </tr>
          </thead>
          <tbody>
            {this.mappingDataUser()}
          </tbody>
        </table>
      </div>
      );
   }
}

export default TableData;