Jqwidgets percentagewise width not working with Angular-5

[BhavinParticipant]

I have worked with jqwidgets in jquery and width : ‘100%’ works fine in jqxGrid.
But in jqwidgets with Angular-5 components they are showing errors,

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

**My dashboard.component.html file,**

  <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 with pixel works fine here. If I put [width]=”700″ it works fine but for % it’s not working. I have tried with [width]=’100%’ and even with [width]=100%.

here is the property file of Angular components of Jqwidgets.
Link :- https://www.jqwidgets.com/angular-components-documentation/documentation/jqxgrid/angular-grid-api.htm?search=width

[BhavinParticipant]

It was my bad it’s working.

Tried with

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

[width]=”‘100%'” works fine.

[Ivo ZhulevParticipant]

Hi Bhavin,

Yes, the string values must be put in double quotes in the template: "'someString'".

Best Regards,
Ivo

jQWidgets Team
http://www.jqwidgets.com/

[Author]

Posts