How to apply scroll for table body in ng2-smart-table using angular 2

Question

I'm using ng2-smart-table which is having 19 columns, it is going out of the frame in the dashboard. So I need to apply horizontal scroll to the table body.

Am using ng2-smart-table in my angular 2 project

:host /deep/ table {
  width: 1200px !important;
  overflow-x: scroll;

}

Am not getting the horizontal scroll for the table

Please reply for this post. – Pooja shivalingiah Apr 10 '19 at 11:49 — Pooja shivalingiah, Apr 10 '19 at 11:49
Nobody knows or what? At least say that..... – Pooja shivalingiah Apr 16 '19 at 09:41 — Pooja shivalingiah, Apr 16 '19 at 09:41

score 3 · Answer 1 · answered Nov 26 '19 at 01:59

3

Try this code:

<div class="col-md-12" style = "overflow-x: scroll;">
     <div class="smart-table-container" style = "width: 2000px;">
          <ng2-smart-table [settings]="settings" [source]="source"></ng2-smart-table>  
     </div>
 </div>

answered Nov 26 '19 at 01:59

CJ Cortez

41
5

How to apply scroll for table body in ng2-smart-table using angular 2

1 Answers1