# Dynamic Columns

This sample shows how you can use Angular's ng-repeat directive to create dynamic columns in a FlexGrid control.

The sample presents a UI used to create and edit a collection of strings. The collection is used in an ng-repeat directive to generate the grid columns. The markup is simple:

    <wj-flex-grid items-source="data">
        <wj-flex-grid-column ng-repeat="col in columns" binding="{​{col}}">
        </wj-flex-grid-column>
    </wj-flex-grid>

Notice how the grid columns are automatically updated as you edit the source collection.

### Edit the columns here

### See the result here

- {{col}}