Question: Assuming my column is A:

I have these Excel columns:

```
#ACA17234=5;1'Some Message'
#ACA17232<5;1'Some Message'
#ACA17238_2_5;1'Some Message'
#ACA17239_2_5;1'Some Message'
#ACA17237_2_5;1'Some Message'

```

I want to a Excel function that takes exactly five numbers which gave me ;
17234,17232,17238,17239,17237

Edit:

```
((#ACA18655=0)&(#AGV32=6)&(#ACA18702=1))?((#FC1000ACA18701$3)?'Eksper ücretini onaylayınız..':''):((#ACA18540>0)?((#ACA18540$#ACA18541)?'Otoanalizden aktarılan ve dosya üzerinde atalı olan AT kodu farklı !!':''):'')

```

Not all rows are started with `#ACA` I have rows like these

Answer: 
I'm not sure you can do it using a table, but the material library offers very powerful features with flexbox that does allow for the responsive layout that you are describing. Seemed like an interesting problem so I had a go at doing a plunkr.

The html below will adjust the layout and display / hide various labels to achieve the result you want. Try changing the size of your browser when viewing the plunkr, there is a breakpoint that will switch the views.

```
<div layout="row" flex hide show-gt-md>
  <div flex="20">Name</div>
  <div flex="20">City</div>
  <div flex="20">Gender</div>
</div>
<div ng-repeat="p in data" layout-gt-md="row" layout="column">
  <div flex="20" layout="row">
    <div flex="30" hide-gt-md>Name</div>
    {{p.name}}
  </div>
  <div flex="20" layout="row">
    <div flex="30" hide-gt-md>City</div>
    {{p.city}}
  </div>
  <div flex="20" layout="row">
    <div flex="30" hide-gt-md>Gender</div>
    {{p.gender}}
    </div>
</div>

```

<https://plnkr.co/rvgwYMjlFazvM4SXyOtC>
Add a TR to the TD tags.

```
<tr md-row ng-repeat="person in persons">
      <th md-cell>Name</th>
      <td md-cell>
          <tr>{{person.name}}</tr>
      </td>
      <th md-cell>State</th>
      <td md-cell>{{person.state}}</td>
      <th md-cell>Gender</th>
      <td md-cell>{{person.gender}}</td>
</tr>

```