Facebook
From Chocolate Peccary, 1 Month ago, written in Plain Text.
This paste is a reply to Re: ListeDossier.css from Sludgy Pheasant - view diff
Embed
Download Paste or View Raw
Hits: 51
  1. import React from 'react'
  2. import Table from 'react-bootstrap/Table'
  3. import "./listeRdv.css"
  4.  
  5. const ListeRdv = () => {
  6.  
  7.     const users = [
  8.  
  9.         {NoDOSSIER: '05425712' ,PATIENT: 'Dr Anna Bridges' ,MOTIF : 'cause 1' ,heureetdate : '09/03/2022, 11:30'  },
  10.         {NoDOSSIER: '05425712' ,PATIENT: 'Dr Anna Bridges' ,MOTIF : 'cause 2' ,heureetdate : '09/03/2022, 12:30'  },
  11.         {NoDOSSIER: '05425712' ,PATIENT: 'Dr Anna Bridges' ,MOTIF : 'cause 3 ',heureetdate : '09/03/2022, 13:30'  },
  12.         {NoDOSSIER: '05425712' ,PATIENT: 'Dr Anna Bridges' ,MOTIF : 'cause 3 ',heureetdate : '09/03/2022, 13:30' },
  13.     ]
  14.    
  15.  
  16.  
  17.  
  18.   return (
  19.     <div>
  20.        
  21.                     <Table className='tableRdv'>
  22.                             <thead>
  23.                                 <tr>
  24.                                 <th>N° DOSSIER</th>
  25.                                 <th>PATIENT</th>
  26.                                 <th>MOTIF</th>
  27.                                 <th>DATE DU RDV</th>
  28.                                 <th></th>
  29.                                 <th></th>
  30.                                 </tr>
  31.                             </thead>
  32.                             <tbody>
  33.                                 {
  34.                                 users.map((item,i)=>
  35.                                 <tr key={i}>
  36.                                 <td>{item.NoDOSSIER}</td>
  37.                                 <td>{item.PATIENT}</td>
  38.                                 <td>{item.MOTIF}</td>
  39.                                 <td>{item.heureetdate}</td>
  40.                                 <td><button className='consulterBtn'>consulter</button></td>
  41.                                 <td><button className='reporterBtn'>Reporter/Annuler</button></td>
  42.                                 </tr>
  43.                                 )
  44.                                 }
  45.                             </tbody>
  46.                             </Table>
  47.    
  48.             <div className='voirPlusbtn' ><a href="test" >Voir plus</a></div>
  49.     </div>
  50.   )
  51. }
  52. export default ListeRdv;
  53.  

Replies to ListeRdv.js rss

Title Name Language When
Re: ListeRdv.css Cobalt Crow text 1 Month ago.