| SpreadJS Documentation > Developer's Guide > Managing Data > Using SpreadJS 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 | column | any | column |
The following table lists the attributes of the column element.
| Attribute | API Reference | Type | Comments |
| autoFit | sheet.autoFitColumn(column) | boolean | If autoFit is set to true, the column uses automatic autofit after data binding |
| dataField | columnInfo.name | string | Set for sheet.bindColumn(index, columnInfo) function |
| headerText | columnInfo.displayName | string | Set for sheet.bindColumn(index, columnInfo) function |
| resizable | column.resizable(value) | boolean | |
| visible | column.visible(value) | boolean | |
| width | 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 rangeGroup element has no attributes. The following table lists the child elements of the rangeGroup element.
| Child Element | API Reference | Count | Type |
| group | RangeGroup.group(index, count) | any | group |
The following example uses the rangeGroup element.
<sheet>
<row-range-group>
<group index="1" count="4"></group>
<group index="5" count="8"></group>
</row-range-group>
<col-range-group>
<group index="2" count="5"></group>
</col-range-group>
</sheet>
The group element has no child elements. The following table lists the attributes of the group element.
| Attribute | API Reference | Type |
| index | RangeGroup.group(index, count) | number |
| width | RangeGroup.group(index, count) | number |