セルの配置とインデントの設定

セル内のテキストの配置またはインデントを設定できます。 hAlignとvAlignメソッドを使用して、テキストの配置を垂直方向および水平方向に指定できます。インデントを指定するには、textIndentメソッドをします。

vAlignメソッドは、次の図に示すように、セル編集モードにおいてテキストの垂直方向の配置もサポートします。

注:セルの編集モードでは、テキストの垂直方向の配置はeditable div要素のみでサポートされます。textarea要素ではサポートされません。デスクトップデバイスを使用してテキスト型セルを処理する場合、セル編集モードでのテキスト垂直配置を実装するには、textarea要素をeditable divに置換する必要があります。

また、Ime-modeは、Google Chrome、Mozilla Firefoxの2つのブラウザでは機能しません。

コードの使用

次のサンプルコードは、B2セルに対して垂直および水平方向の配置を設定し、B3セルに対してテキストインデントを指定します。

JavaScript	コードのコピー
// 水平方向および垂直方向の配置を中央揃えに設定します。 var cell = activeSheet.getCell(1, 1, GC.Spread.Sheets.SheetArea.viewport); cell.hAlign(GC.Spread.Sheets.HorizontalAlign.center); cell.vAlign(GC.Spread.Sheets.VerticalAlign.center); cell.value("Alignment"); // 文字列をインデントします。 cell = activeSheet.getCell(2, 1, GC.Spread.Sheets.SheetArea.viewport); cell.textIndent(2); cell.value("Indent");

JavaScript

コードのコピー

// 水平方向および垂直方向の配置を中央揃えに設定します。
    var cell = activeSheet.getCell(1, 1, GC.Spread.Sheets.SheetArea.viewport);
    cell.hAlign(GC.Spread.Sheets.HorizontalAlign.center);
    cell.vAlign(GC.Spread.Sheets.VerticalAlign.center);
    cell.value("Alignment");

    // 文字列をインデントします。
    cell = activeSheet.getCell(2, 1, GC.Spread.Sheets.SheetArea.viewport);
    cell.textIndent(2);
    cell.value("Indent");