ブートストラップテーブルの新しい行の背景色を設定する

Question

EditableプラグインでBootstrap Tableを使用しています。テーブルに新しい行を追加するボタンがあります。私はNotes列の新しい行のセルに青色の背景色があるのが好きです。 documentationから

：

function cellStyle(value, row, index, field) { 
    return { 
    classes: 'text-nowrap another-class', 
    css: {"color": "blue", "font-size": "50px"} 
    }; 
} 

それらのパラメータと一致していると、新しい行を追加すると、インデックス= 0であるので、私はNullに他のすべてをデフォルト唯一のもの。私の機能が呼び出されていないようです。私はJavaSriptに新しいので、私は何かが欠けているかもしれません。

http://jsfiddle.net/8gk0ogtp/1/

$button = $('#button'); 
    $(function() { 
     $button.click(function() { 
      $table.bootstrapTable('insertRow', { 
       index: 0, 
       row: {} 
      }); 
      cellStyle(); 
     }); 
    }); 

function cellStyle1(value=Null, row=Null, index=0, field=Null) { 
    return {css: {"background-color": "blue"}} 
} 

Answer 1

はこの1

http://jsfiddle.net/bitriddler/qjht8stb/

の変更を試してみてください：

私はpaintBlue=true

を追加した新しい行を追加します

ではなく、HTMLに渡すの列を定義するときcellStyle機能を渡すこの

function cellStyle(value=Null, row=Null, index=0, field=Null) { 
    if(row.paintBlue) { 
     return {css: {"background-color": "blue"}} 
    } 
    return {}; 
} 

にcellStyleを更新しましたdata-cell-style属性

... 
{ 
    field: 'Notes', 
    sortable: 'true', 
    cellStyle: cellStyle, 
    title: 'Notes', 
    editable: { 
    type: 'textarea' 
} 
...