Один общий выпадающий список для всего столбца таблицы

Question

У меня есть таблица с динамическим контентом.Один из столбцов имеет тип select option (выпадающий).Эти options одинаковы для всех строк таблицы.Итак, я хочу подготовиться к списку и показать этот список, когда этот столбец будет выбран.

Текущий HTML равен

<tbody>
   <tr data-ng-repeat="item in items">
   <td>{{item.name}}</td>
   <td>
     <select>
        <option data-ng-repeat="option in item.options" 
               value="{{option.value}}">{{option.name}}</option>
     </select>
  </td>
  </tr>
</tbody>

Я думаю написать новый код, как показано ниже

<tbody>
   <tr data-ng-repeat="item in items">
   <td>{{item.name}}</td>
   <td>
     <span>value <i class="fa fa-arrow-down"></i></span>
  </td>
  </tr>
</tbody>
<dropdown-list></dropdown-list>

Мне нужно показать похожий экран, как показано выше HTML.Я имею в виду выпадающий список должен быть показан в точном положении.Как я могу это сделать ??