PatientTable

PatientTable displays a material-ui table component when passed an array of FHIR Patient Resources using the patients property. Different styles of fields can be used as shown below.

Properties

patients

Array<object>

[]

onRemoveRecord

func

tableTitle

string

tableRowSize

string

tableHeight

number

stickyHeader

string

defaultRowsPerPage

number

Basic usage

Patient List

Patient ID	Patient Name	Date of Birth	Gender	Phone	Organization
444222222	Eve Everywoman	1973-05-31	female	555-555-2003	Organization/hl7
444333333	Adam Everyman		male	555-555-2004	Organization/hl7
444555555	Kari Kidd		female	555-555-2005	Organization/hl7
444114567	Nancy Nuclear		female	555-555-5001	Organization/hl7
444111234	Neville Nuclear		male	555-555-5001	Organization/hl7
444113456	Ned Nuclear		male	555-555-5001	Organization/hl7
444112345	Nelda Nuclear		female	555-555-5001	Organization/hl7
444666666	Martha Mum		female	555-555-2006	Organization/hl7
444777777	Stuart Sons		other	555-555-2007	Organization/hl7
444888888	Boris Betterhalf		male	555-555-2008	Organization/hl7

<Container>
  <Grid container spacing={3} direction="row">
    <Grid item xs={12}>
      <PatientTable
        patients={patientBundle.entry.map(pt => pt.resource)}
        tableTitle="Patient List"
        tableRowSize="small"
        defaultRowsPerPage={10}
      />
    </Grid>
  </Grid>
</Container>

<Container>
  <Grid container spacing={3} direction="row">
    <Grid item xs={12}>
      <PatientTable
        patients={patientBundle.entry.map(pt => pt.resource)}
        tableTitle="Patient List"
        tableRowSize="small"
        defaultRowsPerPage={10}
      />
    </Grid>
  </Grid>
</Container>

PatientTable

.css-1r0pe6c{color:inherit;-webkit-text-decoration:none;text-decoration:none;}.css-1r0pe6c:hover{-webkit-text-decoration:underline;text-decoration:underline;}Properties

Basic usage

Patient List

Properties