表の行の値の条件付き書式設定

列テンプレートを使用して、表の列にある特定の値に対する行固有の書式設定を指定できます。

たとえば、表にSalary列があり、特定のレベルの値を太字で表示するとします。表で、このフィールドの書式を定義できるように、ビジネス・オブジェクトの給与フィールドを別の列テンプレートとして表すことができます。

ページのJavaScriptで、表示する書式を決定するPageModuleファンクションを定義します。このコードは、フォントの太さを設定するweight関数を定義します:
```
PageModule.prototype.weight = function(salary) {    
    if (salary > 2000) {
        return "bold";    
    }    
    return "normal";  
};
```
列テンプレートを作成するには、「テキスト」コンポーネントを既存のフィールドにドラッグ・アンド・ドロップし、ページの「コード」ボタンをクリックします。

このフィールドをtemplate要素内のspan要素で囲みます。 style属性の前にコロンを置いてください。

<template slot="Salary">
  <span :style.font-weight="{{$page.functions.weight($current.data)}}">
    <oj-bind-text value="[[$current.data]]">
    </oj-bind-text>    
  </span>
</template>

このページが表示されると、2000年より上の給与値はすべて太字で表示されます。