+各列の折り返しの内容のantdテーブルを反応させます

1、図の効果として 

 

 

 

図2に示すように、分離されたアレイの分割( "") 

図3に示すように、以下の詳細なコードコード 

constのleadsDetails = この.props.leadsDetails。
constの監査 = JSON.stringify(leadsDetails)!== '[]'?leadsDetails.audits:[]; 

CONST auditsColumns = [ 
{ 
タイトル: '创建时间' 
dataIndex: 'のcreated_at' 
キー: 'のcreated_at' 
}、
{ 
タイトル: '用户' 
dataIndex: 'ユーザ' 
キー: 'ユーザ' 
}、
{ 
タイトル: '内容' 
dataIndex: 'コンテンツ' 
キー: "
レンダリング:(テキスト、録音) => { 
contentStrをしましょう。
BRましょう = <BR> </br>。
結果=ましょうヌルを(; I <audits.length; I = 0せI ++ ){ 
contentStrせ = 監査[I] .content。
contentStr = text.toString()スプリット( "" )。
もし(contentStr.length <2 ){
 戻りテキスト。
} 
ため(LET J = 0; J <contentStr.length; J ++ ){
 場合(J == 0 ){ 
結果 = contentStr [J]。
} { 
結果 = <スパン> {結果} {BR} {contentStr [J]} </スパン>。
}
}
戻りの<div> {結果} </ div>。
} 
} 
}、

 


 
----------------
免責事項:この記事はCSDNブロガー「リトル・レッド5生徒たちのオリジナルの記事で、CC 4.0 BY-SAの著作権契約書に従って、再現し、元のソースのリンクを添付してくださいそしてこの文。
オリジナルリンクします。https://blog.csdn.net/xh_960125/article/details/89309547

おすすめ

転載: www.cnblogs.com/ygunoil/p/12364891.html