Spread.Sheets
Style要素の使用
Spread.Sheets > 開発者の手引き > JavaScriptフレームワークの使用 > AngularJSの使用 > Style要素の使用

次の表は、style要素の属性を示します。

属性 APIリファレンス コメント
backColor style.backColor string  
backgroundImage style.backgroundImage string  
backgroundImageLayout spread.backgroundImageLayout(value) GC.Spread.Sheets.ImageLayout  
border style.borderLeft、borderTop、borderRight、borderBottom string border属性を設定することで、borderLeft、borderTop、borderRight、およびborderBottomが一括して設定されます。
borderBottom style.borderBottom string  
borderLeft style.borderLeft string  
borderRight style.borderRight string  
borderTop style.borderTop string  
font style.font string  
foreColor style.foreColor string  
formatter style.formatter string  
hAlign style.hAlign GC.Spread.Sheets.HorizontalAlign  
locked style.locked boolean  
shrinkToFit style.shrinkToFit boolean  
textIndent style.textIndent number  
themeFont style.themeFont string  
vAlign style.vAlign GC.Spread.Sheets.VerticalAlign  
wordWrap style.wordWrap boolean  

次の表は、style要素の子要素を示します。

子要素 APIリファレンス カウント コメント
dateValidator style.validator 1 dateValidator  
formulaValidator style.validator 1 formulaValidator  
formulaListValidator style.validator 1 formulaListValidator  
listValidator style.validator 1 listValidator  
numberValidator style.validator 1 numberValidator  
textLengthValidator style.validator 1 textLengthValidator  
ButtonCellType style.cellType 1 GC.Spread.Sheets.CellTypes.Button 複数のセル型を1つのスタイルに追加すると、最後のセル型によってそれ以前のセル型がオーバーライドされます。
CheckBoxCellType style.cellType 1 GC.Spread.Sheets.CellTypes.CheckBox 複数のセル型を1つのスタイルに追加すると、最後のセル型によってそれ以前のセル型がオーバーライドされます。
ComboBoxCellType style.cellType 1 GC.Spread.Sheets.CellTypes.ComboBox 複数のセル型を1つのスタイルに追加すると、最後のセル型によってそれ以前のセル型がオーバーライドされます。
HyperLinkCellType style.cellType 1 GC.Spread.Sheets.CellTypes.HyperLink 複数のセル型を1つのスタイルに追加すると、最後のセル型によってそれ以前のセル型がオーバーライドされます。
TextCellType style.cellType 1 GC.Spread.Sheets.CellTypes.Text 複数のセル型を1つのスタイルに追加すると、最後のセル型によってそれ以前のセル型がオーバーライドされます。

次のサンプルコードは、style要素を使用します。

<gc-spread-sheets id="ss" style="width:100%;height:500px;border:1px solid gray">
    <worksheets>
        <worksheet>
            <columns>
                <column>
                    <default-style formatter="#,##0.00">
                        <number-validator comparisonoperator="GreaterThan" value1="0"></number-validator>
                    </default-style>
                </column>
                <column>
                    <default-style>
                        <list-validator list="Japan,Germany,UK,Italy,US"></list-validator>
                    </default-style>
                </column>
                <column>
                    <default-style>
                        <button-cell-type text="click me"></button-cell-type>
                    </default-style>
                </column>
            </columns>
        </worksheet>
    </worksheets>
</gc-spread-sheets>