内容に応じてブートストラップテーブルの行の背景を変更する方法

Question

「Blog」という単語を含む行だけを緑または青に変更したいとしましょう。 jsfiddleの例を見てください。その内容に応じてブートストラップテーブルの行の色を変更する方法はありますか？ ：P

jsfiddle

function rowStyle(row, index) { 
 
    var classes = ['active', 'success', 'info', 'warning', 'danger']; 
 
    
 
    if (index % 2 === 0 && index/2 < classes.length) { 
 
     return { 
 
      classes: classes[index/2] 
 
     }; 
 
    } 
 
    return {}; 
 
}

<table data-toggle="table" 
 
     data-url="/gh/get/response.json/wenzhixin/bootstrap-table/tree/master/docs/data/data1/" 
 
     data-row-style="rowStyle"> 
 
    <thead> 
 
    <tr> 
 
     <th data-field="name">Name</th> 
 
     <th data-field="stargazers_count">Stars</th> 
 
     <th data-field="forks_count">Forks</th> 
 
     <th data-field="description">Description</th> 
 
    </tr> 
 
    </thead> 
 
</table>

Answer 1

にこの例を参照してくださいには、これを試してみてください：

function rowStyle(row, index) { 
    const obj = {}; 
    if (Object.keys(row).map(key => row[key]).some(value => String(value).includes('blog'))) { 
     obj.css = {'background-color': 'blue'}; 
    } 
    var classes = ['active', 'success', 'info', 'warning', 'danger']; 

    if (index % 2 === 0 && index/2 < classes.length) { 
     return Object.assign({}, obj, {classes: classes[index/2]}); 
    } 
    return obj; 
} 

はupdated JS Fiddleを参照してください。