| Spread.Sheets Documentation > Developer's Guide > Managing Data > Using Spread.Sheets with AngularJS > Using Column, Columns, and Group Elements |
The following table lists the child elements of the columns element. The columns element has no attributes.
| Child Element | API Reference | Count | Type |
| column | any | column |
The following table lists the attributes of the column element.
| Attribute | API Reference | Type | Comments |
| autoFit | Worksheet.autoFitColumn(column) | boolean | If autoFit is set to true, the column uses automatic autofit after data binding |
| dataField | columnInfo.name | string | Set for Worksheet.bindColumn(index, columnInfo) function |
| headerText | columnInfo.displayName | string | Set for Worksheet.bindColumn(index, columnInfo) function |
| resizable | CellRange.resizable(value) | boolean | |
| visible | CellRange.visible(value) | boolean | |
| width | CellRange.width(value) | number |
The following table lists the child elements of the column element.
| Child Element | API Reference | Count | Type |
| defaultStyle | sheet.setStyle(-1, columnIndex, value) | 1 | style |
The outline element has no attributes. The following table lists the child elements of the outline element.
| Child Element | API Reference | Count | Type |
| outline | Outline.group(index, count) | any | GC.Spread.Sheets.Outlines.Outline |
The following example uses the outline element.
<worksheet>
<row-outlines>
<outline index="1" count="4"></outline>
<outline index="6" count="8"></outline>
</row-outlines>
<column-outlines>
<outline index="2" count="5"></outline>
</column-outlines>
</worksheet>
The group element has no child elements. The following table lists the attributes of the group element.
| Attribute | API Reference | Type |
| index | Outline.group(index, count) | number |
| width | Outline.group(index, count) | number |