angularjs – 如何使用ngtable获得固定的列宽？

发布时间：2020-12-17 17:25:16 所属栏目：安全来源：网络整理

导读：我正在考虑ngtable.只有一个问题,我怎样才能使列固定宽度？在此示例中,帐户和顾问列在转到下一页时具有可变宽度. 这是html： table ng-table="tableParams" template-pagination="custom/pager" class="table" tr ng-repeat="account in $data | filter:acco

我正在考虑ngtable.只有一个问题,我怎样才能使列固定宽度？在此示例中,帐户和顾问列在转到下一页时具有可变宽度.
这是html：

<table ng-table="tableParams" template-pagination="custom/pager" class="table">
      <tr ng-repeat="account in $data | filter:accountName | filter:key" class="orders tablerow">
            <td data-title="'ID'" sortable="'account.accountId.key'">
                  {{account.account.accountId.key}}
            </td>
            <td data-title="'Account'" sortable="'account.accountName'">
                  {{account.account.accountName}}
            </td>
            <td data-title="'Adviser'" sortable="'account.adviser.key'">
                  {{account.account.adviser.key}}
            </td>
            <td data-title="'Product'" sortable="'account.productName'">
                  {{account.account.productName}}
            </td>
            <td data-title="'Status'" sortable="'minOpenOrderState'">
                  {{account.minOpenOrderState}}
            </td>
      </tr>
</table>

Plunkr：http://plnkr.co/edit/vPQeVx?p=info

解决方法

只需为“td”添加css

td{
     width:20%;
     float:left;
     word-wrap:break-word;
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!