ngx-datatable

Angular ngx-datatable multiple data in one column

喜夏-厌秋 提交于 2019-12-22 05:01:02
问题 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: 'מועד מפגש', resizeable: false }, { prop: 'lecturerName', name: 'מרצה', resizeable: false }, { prop: 'hugName', name: 'חוג', resizeable: false }, ]; I need to display two props in one column. Like 'eventName' and 'when' in one column. The model: export class Course {

Angular ngx-datatable multiple data in one column

馋奶兔 提交于 2019-12-22 05:00:08
问题 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: 'מועד מפגש', resizeable: false }, { prop: 'lecturerName', name: 'מרצה', resizeable: false }, { prop: 'hugName', name: 'חוג', resizeable: false }, ]; I need to display two props in one column. Like 'eventName' and 'when' in one column. The model: export class Course {

nested json data minipulation for ngx datatable in angualr -6 / js

主宰稳场 提交于 2019-12-13 08:28:50
问题 I am trying to create a ngx datatable that creates columns dynamically from nested arrays, which with some research is not possible - so to achieve my desired result, I must flatten my nested arrays with the key / values that i need from each nested object into my parent object. I need to manipulate my data so that my end result is a flat array and contains a line item for each object in the nested array earnings with 'abbreviation' being the key and 'amount' being the value.. I.e [ {

ngx datatable vertical scroll with rowheight set to auto

杀马特。学长 韩版系。学妹 提交于 2019-12-12 18:22:37
问题 I am using ngx-datatable inside my Angular application. I was wondering if it is possible to use vertical scrolling together with automatic row height. This means that if the text insde a cell of the tabel, becomes to big, the length of the row will be expanded. This works perfect if setting the attribute [rowHeight]="'auto'". However, when using [scrollbarV]="true" the rowheight has to be a number because of the virtual scroll mechanisme used. Does anyone have a workaround to this? <ngx

ngx-datatables gives “rxjs_1.fromEvent is not a function” error while sorting

荒凉一梦 提交于 2019-12-12 08:41:42
问题 I'm just following the demo to show a simple datatable. Here is my code: columns = [ {name: 'ID', prop: 'id'}, {name: 'Street Address', prop: 'address.street'}, {name: 'Suburb', prop: 'address.suburb'}, {name: 'State', prop: 'address.state'}, {name: 'Manager Name', prop: 'manager.name'}, {name: 'Manager Company', prop: 'manager.company'}, ]; <ngx-datatable #table class = 'material striped' [columns] = "columns" [rows] = "rows | async" [footerHeight] = "25" > </ngx-datatable> Sorting does work

How to use edit and delete options in Angular NGX-Datatables

倾然丶 夕夏残阳落幕 提交于 2019-12-11 16:32:58
问题 I am working on an angular project where I am using ngx-datatables to show data in tables. Here I am trying to add edit(not inline) and delete functionality in it. I have created a template to use in edit and refer it in cellTemplate of column's array. But I am getting EmployeeId in this cellTemplate, may be I have not proceed it the way it should work. How to get the edit icon and pass routerLink property with related EmployeeId value to each anchor tag in the template. <ngx-datatable class=

CSS issue Ngx-table angular2 swimlane

泪湿孤枕 提交于 2019-12-09 16:30:59
问题 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 '@swimlane/ngx-datatable/release/themes/material.css'; @import '@swimlane/ngx-datatable/release/assets/icons.css'; It seems to only be doing half of what it is suppose to do. This is the section of my html calling upon the library. <ngx-datatable class="material striped" class="material" [rows]

ngx-DataTable sort on a column not working Angular 4

微笑、不失礼 提交于 2019-12-08 16:41:46
问题 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 code. Table Definition: <ngx-datatable [columns]="columns" [columnMode]="'force'" [headerHeight]="40" [footerHeight]="50" [rowHeight]="'auto'" [limit]="10" [rows]='contacts'> DataTable Contains two columns and Definitions are as as follows. <ngx

ngx-datatable detail row not expanding

无人久伴 提交于 2019-12-08 01:35:50
问题 I am attempting to create a ngx-datatable that I can reuse everywhere to keep styling and how editing, etc work. Most everything works but I cannot figure out why I cannot get the details row to expand properly. Here is the common table component html/template: common-table.component.html <div> <h3>Results</h3> <ngx-datatable #myTable class="material expandable" [rows]="data" [columns]="columns" [columnMode]="'force'" [headerHeight]="50" [footerHeight]="50" [rowHeight]="'auto'"

Unable to reorder columns in angular ngx-datatable

寵の児 提交于 2019-12-05 06:26:04
问题 I am working on angular ngx-datatables, where I need to achieve its column reorder functionality. But its not working(not getting any error), also column's width is not changing on dragging the line. I have added below css files in angular.json file. Do it require any js file? "node_modules/@swimlane/ngx-datatable/release/components/datatable.component.css", "node_modules/@swimlane/ngx-datatable/release/themes/material.css", "node_modules/@swimlane/ngx-datatable/release/themes/dark.css",