Angularjs 如何使用ng repeat设置动态创建的th的宽度

我正在创建如下表的动态标题：

<thead>
    <tr>
        <th width="5%" class="shrink">
            <input type="checkbox" id="selectedAll" ng-model="selectedAll" ng-click="selectAll()" />
        </th>
        <th class="header" data-href="" rel="tooltip" title="" ng-repeat="header in tableHeaders" width="header.width">
            <a style="cursor: pointer;" ng-click="Search(1,header.colName,
                    sorting.reverseSort=!sorting.reverseSort)">
                        {{header.name}}
                        <span ng-show="orderBy == header.colName">
                            <i ng-class="sorting.reverseSort ? 'fa fa-sort-asc' : 'fa fa-sort-desc'"></i>
                        </span>
                    </a>

        </th>
        <th width="10%" class="last shrink"></th>
    </tr>
</thead>

{{header.name}

但“header.width”不适用，因为它与ng repeat位于同一元素中

那么，这方面的工作是什么呢

请引导我

谢谢。

使用大括号：

<th class="header" data-href="" rel="tooltip" title="" ng-repeat="header in tableHeaders" width="{{header.width}}">

使用大括号：

<th class="header" data-href="" rel="tooltip" title="" ng-repeat="header in tableHeaders" width="{{header.width}}">

试试这个

 <th title="" ng-repeat="header in tableHeaders" ng-style="{'width': header.width}">

试试这个

 <th title="" ng-repeat="header in tableHeaders" ng-style="{'width': header.width}">