1. import React from 'react'
2. import Table from 'react-bootstrap/Table'
3. import "./listeRdv.css"
4.  
5. const ListeDossier = () => {
6.  
7.     const users = [
8.  
9.         {NoDOSSIER: '05425712' ,PATIENT: 'Dr Anna Bridges'   },
10.         {NoDOSSIER: '05425712' ,PATIENT: 'Dr Anna Bridges'   },
11.         {NoDOSSIER: '05425712' ,PATIENT: 'Dr Anna Bridges'  },
12.         {NoDOSSIER: '05425712' ,PATIENT: 'Dr Anna Bridges' },
13.     ]
14.    
15.  
16.  
17.  
18.   return (
19.     <div>
20.                     <Table className='tableRdv'>
21.                             <thead>
22.                                 <tr>
23.                                 <th>N° DOSSIER</th>
24.                                 <th>PATIENT</th>
25.                                 <th></th>
26.                                 </tr>
27.                             </thead>
28.                             <tbody>
29.                                 {
30.                                 users.map((item,i)=>
31.                                 <tr key={i}>
32.                                 <td>{item.NoDOSSIER}</td>
33.                                 <td>{item.PATIENT}</td>
34.                                 <td><button className='consulterBtn'>consulter</button></td>
35.                                 </tr>
36.                                 )
37.                                 }
38.                             </tbody>
39.                             </Table>
40.    
41.            
42.     </div>
43.   )
44. }
45. export default ListeDossier;
46.