Stack Overflow
Stack Overflow

Questions tagged [ngx-datatable]

Use this for questions about the ngx-datatable package for Angular 2+

ngx-datatable is developed by swimlane which is an Angular component for presenting large and complex data. It has all the features you would expect from any other table but in a light package with no external dependencies. The table was designed to be extremely flexible and light; it doesn't make any assumptions about your data or how you: filter, sort or page it.

Latest version of ngx-datatable is 13.0.1

Few useful links are as follows

462 questions
16
votes
1 answer

How to display paging results using paging id using ngx-datatable & angular?

Requirement: Showing dynamic data using ngx-datatable and use paging using page id Description : I have a dynamic data where I am displaying it using the ngx-datatable in angular and here everything works but the issue I m not sure how to apply the…
Dexter
  • 518
  • 3
  • 12
  • 40
14
votes
2 answers

ngx-datatable footer customize

How to customize ngx datatable. I am not able to find, where I have to change the code to get rid of this total number of records and to replace it with a drop down to show items per page. My pagination are missing some icons too.
WebDev
  • 250
  • 2
  • 5
  • 17
12
votes
2 answers

Dynamic Component inside ngx-datatable row-detail

I'm creating a reusable datatable using ngx-datatable and I would like to have dynamic components rendered inside the row detail. The datatable component receives a component class as an argument from a parent module and I use ComponentFactory to…
Raghav Kanwal
  • 187
  • 3
  • 15
12
votes
6 answers

Ngx-datatable set column width dynamically

I'm storing the column widths of my ngx-datatable inside a database. I get these values using an AJAX call. How can I set these values for the datatable? What I've tried: setting the [width] property on the …
jeti
  • 1,650
  • 1
  • 19
  • 28
12
votes
1 answer

How to add pagination and footer template in ngx-datatable?

I have the Following html code,
Ragavan Randy
  • 171
  • 1
  • 1
  • 12
12
votes
2 answers

CSS issue Ngx-table angular2 swimlane

I am currently having issues with getting the ngx-datatable to have the proper css. I have this within my css file to import the proper css. @import '@swimlane/ngx-datatable/release/index.css'; @import…
Nelson Lam
  • 123
  • 1
  • 8
11
votes
1 answer

ngx-DataTable sort on a column not working Angular 4

Though i'm very much new to angular, i'm facing some difficulties using ngx-DataTable. I am using simple ngx-DataTable for simple operations. The problem is on a column, sort is not working though i've declared attr as [sortable]=true. Here's…
Yash Majithiya
  • 861
  • 1
  • 8
  • 20
11
votes
1 answer

Common 'wrapper' component for ngx-datatable

Some introduction: We are currently developing an application based on Angular2 that is quite data-heavy. In order to show this data, we decided to give ngx-datatables a try. Plenty of components will be needed showing data in grids. We added a…
krawuzikapuzi
  • 261
  • 2
  • 9
10
votes
3 answers

Angular ngx-datatable multiple data in one column

I've got a little problem adding more then one prop to column in ngx-datatable: columns = [ { prop: 'semesterName', name: 'סמסטר', resizeable: false }, { prop: 'eventName', name: 'מפגש', resizeable: false }, { prop: 'when', name: 'מועד מפגש',…
Alik Chebotar
  • 563
  • 1
  • 5
  • 13
10
votes
8 answers

Implementing NGX Datatable filtering on all columns

I've been trying to get this working with no luck. I've been referencing these resources for help: http://swimlane.github.io/ngx-datatable/#filter https://github.com/swimlane/ngx-datatable/blob/master/demo/basic/filter.component.ts Basically i just…
Blankdud
  • 698
  • 5
  • 9
  • 22
9
votes
2 answers

Angular - Override CSS of swimlane/ngx-datatable

I need to remove the padding from ngx-datatable header cells and body cells. My actual solution looks like this: .datatable-body-cell { padding: 0 !important; } .datatable-header-cell { padding-top: 0 !important; padding-bottom: 0…
Moriz Martiner
  • 321
  • 1
  • 4
  • 11
9
votes
2 answers

ngx-datatable css styling for mouse hover

I'm using ngx-datatable with the bootstrap theme. I can't find or figure out how to change the styling for when the mouse is hovered over a cells?. In this example it goes grey http://swimlane.github.io/ngx-datatable/#css I've been able to change…
Tim Tharratt
  • 1,251
  • 1
  • 10
  • 18
9
votes
1 answer

Bootstrap Theme Not Being Applied

I'm trying to apply the Bootstrap theme to my datatable. I'm using ngx-datatable version 10.4.0 because I'm still on Angular 4 and 11.0 isn't compatible. According to the changelog, the Bootstrap theme was added in version 10.3.0. Below is my…
Ryan Buening
  • 1,559
  • 2
  • 22
  • 60
8
votes
4 answers

ngx-datatable - custom columns with action buttons

I have a table (ngx-datatable) in which I want to define an "actions" column in which buttons will then be placed for CRUD operations. Creating the column and placing the buttons worked, but I have the problem that the selected row and the values…
Codehan25
  • 2,704
  • 10
  • 47
  • 94
8
votes
3 answers

How to get row data onSelect event in ngx datatable

I am new to angular and ngx datatable. how to get row data on mouse click event onClick(event) { // I need to get row data here }
user3714269
  • 129
  • 1
  • 2
  • 4
1
2 3
…
30 31