Angular 如何以角度或角度创建浮动水平滚动条

我使用的是离子3/Anuglar 5。我有一个非常高的表，我想有一个浮动的水平滚动条，以便用户不必去表的底部

我在下面遇到了一个jquery解决方案：

在角形或离子形的情况下，我该怎么做

<div id="horz-scroll-wrapper" style="width: 300px; overflow: scroll">
          <div style="height: 100%;">
              <table class='sample'>
                  <tbody>
                      <tr *ngFor="let row of [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26]">
                          <td >abcdefghijklmnopqrstuvwxyz</td><td >ABCDEFGHIJKLMNOPQRSTUVWXYZ</td><td >1234567890</td><td >0987654321</td><td >abcdefghijklmnopqrstuvwxyz</td><td >ABCDEFGHIJKLMNOPQRSTUVWXYZ</td><td >1234567890</td><td >0987654321</td>
                      </tr>
                  </tbody>
              </table>
          </div>
      </div> 

ABCDEFGHIJKLMNOPQRSTUVWXYZABC EFGHIJKLMNOPQRSTUVXYZ12345678900987654321ABCDEFGHIJKLMNOPQRSTUVXYZABC EFGHIJKLMNOPQRSTUVWXYZ12345678900987654321