how to increase the width of specific column in angular + ionic

I am making a table view in ionic. I need to add condition while printing each column.

In my demo all columns have equal width, but I need one column to be 30% or anything 40% width and other rest will get equal width.

So I am displaying data on table using two objects. Here is my plunker:

I need a column such that the width is 30% of total width. Can we do this in Angular?

<div class="row" ng-repeat="column in displayData | orderBy: sortval:reverse | filter: query">
        <div class="col col-center brd collapse-sm" ng-repeat="field in column.columns" ng-show="data[$index].checked && data[$index].fieldNameOrPath===field.fieldNameOrPath">{{field.value}}</div>
        <div class="col col-10 text-center brd collapse-sm"></div>
      </div>