Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

163
Views
Why my trStyle ReactBootstap datatable undefined (reading 'createdby')

enter image description here

i want change my background color with condition in BootstrapTable but it always return

enter image description here

enter image description here

My function

trStyle = (cell,row) => {
if(row.createdby == "system"){
  return { backgroundColor: '#b2hf3' }
}else{
  return { backgroundColor: '#ffffff' }
}

My code

<BootstrapTable data={this.state.datas}
              pagination={true}
              options={options}
              search={true}
              trStyle={ this.trStyle }
            >
              <TableHeaderColumn width='90' dataField='action' headerAlign='center' dataAlign='center' dataFormat={this.buttonFormatter}>ACTION</TableHeaderColumn>
              <TableHeaderColumn width='100' dataField='isActive' headerAlign='center' dataAlign='center' dataFormat={this.statusFormatter}>STATUS</TableHeaderColumn>
              <TableHeaderColumn width='155' isKey={true} dataField='username' headerAlign='center' dataAlign='center'>USERNAME</TableHeaderColumn>
              <TableHeaderColumn width='160' dataField='namaLengkap' headerAlign='center' dataAlign='center'>NAMA</TableHeaderColumn>
              <TableHeaderColumn width='120' dataField='roleName' headerAlign='center' dataAlign='center'>ROLE</TableHeaderColumn>
              <TableHeaderColumn width='150' dataField='namaWilayah' headerAlign='center' dataAlign='center'>WILAYAH</TableHeaderColumn>
              <TableHeaderColumn width='180' dataField='alamat' headerAlign='center' dataAlign='center'>ALAMAT</TableHeaderColumn>
              <TableHeaderColumn width='110' dataField='noTelepon' headerAlign='center' dataAlign='center'>TELEPON</TableHeaderColumn>
              <TableHeaderColumn width='180' dataField='email' headerAlign='center' dataAlign='center'>EMAIL</TableHeaderColumn>
              <TableHeaderColumn width='90' dataField='createdby' headerAlign='center' dataAlign='center'>CreatedBY</TableHeaderColumn>
            </BootstrapTable>
about 4 years ago · Juan Pablo Isaza
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!