列要素の概要

次の表は、gc-column要素の一覧を示します:

機能	Spread.Sheets API	型	備考
dataField	columnInfo.name	string	Worksheet.bindColumn(index, columnInfo)関数で使用します
headerText	columnInfo.displayName	string	Worksheet.bindColumn(index, columnInfo)関数で使用します
width	CellRange.width(value)	number
visible	CellRange.visible(value)	boolean
resizable	CellRange.resizable(value)	boolean
autoFit	Worksheet.autoFitColumn(column)	boolean	autoFitがtrueの場合、データ連結後に列の自動調整が適用されます
style	Worksheet.setStyle(-1, index, value)	GC.Spread.Sheets.Style	列のスタイルを設定します
headerStyle	Worksheet.setStyle(-1, index, value, GC.Spread.Sheet.GC.Spread.Sheets.SheetArea.colHeader)	GC.Spread.Sheets.Style	列のヘッダスタイルを設定します
cellType	Worksheet.setCellType(-1, index, value)	GC.Spread.Sheets.CellTypes.Base
formatter	Worksheet.setFormatter(-1, index, value)	string

次のサンプルは列要素の使用例です:

JavaScript	コードのコピー
@Component({ selector: 'my-app', template: `<gc-spread-sheets> <gc-worksheet> <gc-column [width]="columnWidth" [style]="columnStyle"></gc-column> </gc-worksheet> </gc-spread-sheets>`, }) export class AppComponent { columnWidth: 300; columnStyle = new GC.Spread.Sheets.Style(); }

JavaScript

コードのコピー

@Component({
      selector: 'my-app',
      template: `<gc-spread-sheets>
                      <gc-worksheet>
                          <gc-column [width]="columnWidth" [style]="columnStyle"></gc-column>
                      </gc-worksheet>
                 </gc-spread-sheets>`,
    })
    export class AppComponent {
        columnWidth: 300;
        columnStyle = new GC.Spread.Sheets.Style();
    }