css - Jqwidgets 百分比宽度不适用于 Angular-5

Question

我在 jquery 中使用过 jqwidgets，width : '100%' 在 jqxGrid 中工作正常。但是在带有 Angular-5 组件的 jqwidgets 中，它们显示错误，

Unexpected end of expression: 100% at the end of the expression [100%] in ng:///DashboardModule/DashboardComponent.html@126:14 ("            </jqxGrid> -->
            <jqxGrid #myGrid (onFilter)="myGridOnFilter()"

我的 dashboard.component.html 文件，

<jqxGrid #myGrid (onFilter)="myGridOnFilter()"
              [width]="100%" [source]="dataAdapter" [columns]="columns"
              [sortable]="true" [filterable]="true"  [pageable]="true" 
              [enabletooltips]="true" [columnsresize]="true" [columnsreorder]="true" 
              [autoshowfiltericon]="true" [columnmenuopening]="columnmenuopening">
</jqxGrid>

带像素的宽度在这里效果很好。如果我输入 [width]="700"它工作正常但对于 % 它不工作。我试过 [width]='100%' 甚至 [width]=100%。

这里是Jqwidgets的Angular组件的属性文件。链接:- https://www.jqwidgets.com/angular-components-documentation/documentation/jqxgrid/angular-grid-api.htm?search=width

Answer 1

它是字符串，因此应该是“'100%'”