const element = (data, index) => (
<View style={{alignItems:'center',flexDirection:'row',justifyContent:'center'}}>
<TouchableOpacity onPress={() => this._alertIndex(0,index,data)}>
<Image source={require('../images/icon/editrecord.png')}/>
</TouchableOpacity>
<TouchableOpacity onPress={() => this._alertIndex(1,index,data)} style={{marginLeft:10}}>
<Image source={require('../images/icon/undorecord.png')}/>
</TouchableOpacity>
</View>
);
<ScrollView horizontal={true}>
<View>
<ScrollView style={styles.dataWrapper}>
<this.Table borderStyle={{borderColor: '#CFCFCF',borderWidth:1}}>
<this.Row data={this.state.tableHead} style={styles.header} textStyle={styles.htext} widthArr={this.state.widthArr}/>
{
this.state.tableData02.map((rowData, index) => (
<this.TableWrapper key={index} style={(() => {
return index%2!=0?styles.singelstyle:styles.multilstyle;
})()}
>
{
rowData.map((cellData, cellIndex) => (
<this.Cell key={cellIndex} data={cellIndex === 5 ? element(cellData, index) : cellData} textStyle={{width:this.state.widthArr[cellIndex],textAlign:"center"}}
style={{height: 40, backgroundColor: '#FFF',width:this.state.widthArr[cellIndex]}}/>
))
}
</this.TableWrapper>
))
}
</this.Table>
</ScrollView>
</View>
</ScrollView>