Angular data-table horizontal scrollbar

Question

I am using Angular data table and I want to apply horizontal scrollbar. Previously I used jQuery data-tables, its quite easy in jQuery but I didn't find same for Angular data-tables.

Welcome to Stack Overflow, please take a time to go through the welcome tour to know your way around here (and also to earn your first badge), read how to create a Minimal, Complete, and Verifiable example and also check How to Ask Good Questions so you increase your chances to get feedback and useful answers. — Josef Adamcik
– Josef Adamcik, Commented Jul 21, 2017 at 9:19

Sanket · Accepted Answer · 2017-07-21 09:07:03Z

1

Its quite easy with Angular data-tables. Simply add 'dtOptions' to your table. and configure same as follows $scope.dtOptions = DTOptionsBuilder.newOptions().withOption('scrollX', '100%');

answered Jul 21, 2017 at 9:07

Sanket

318 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

baumsystems · Accepted Answer · 2020-08-02 15:00:42Z

0

Use the following configurations in your typescript and html template file respectively

dtOptions: any = {};
ngOnInit() {
      this.dtOptions = {
      // other configurations
      scrollX: true,
}

<table datatable [dtOptions]="dtOptions"></table>

answered Aug 2, 2020 at 15:00

baumsystems

224 bronze badges

Collectives™ on Stack Overflow

Angular data-table horizontal scrollbar

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related