Как создать плавающую горизонтальную полосу прокрутки в Angular или Ionic - PullRequest
Новая
       6

Как создать плавающую горизонтальную полосу прокрутки в Angular или Ionic

0 голосов
/ 28 июня 2018

Я использую Ionic 3 / Anuglar 5. У меня очень высокий стол, за которым я бы хотел разместить горизонтальную полосу прокрутки, чтобы пользователю не приходилось переходить к нижней части таблицы.

Я столкнулся с решением jquery ниже:

http://jsfiddle.net/cowboy/45rEs/show/

Как бы я сделал это в Angular или Ionic ??? 

<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>
...