Questions tagged [ng2-smart-table]

ng2-smart-table is smart table used in web development API

ng-smart-table is a smart table used in web development API like Angular 2+. It is simple to use. It performs CRUD operations easily with provided back-end support. It can sort data quickly. Table contains actions like Insert, Edit, Delete. Further documentation can be found on ng-smart-table

253 questions
2
votes
2 answers

how to filter custom data type (link) in ng-2 smart table

I am using filters in the cols of an ng2 smart table in an angular 5 project. The following code is working correctly. columns: service_start_date: { title: "DOS", filter: true, sort: true }, However, when the cell is a custom…
2
votes
4 answers

Ng2-smart-table: Is it possible to show and hide columns?

I have designed a table with ng2-smart-table, but I'm still missing an important function. I would like to be able to hide and show columns. Do you know how this works with ng2-smart-table? I haven't been able find a solution elsewhere.
aillense
  • 101
  • 1
  • 3
  • 8
2
votes
1 answer

Angular2 ng2 smart table sorting as numeric

I have implemented the ng2 smart table grid for listing https://akveo.github.io/ng2-smart-table/#/documentation Here I want to integrate the sorting for 2 columns. For this I used the code storeid: { title: 'Store #', sort: true }, But this…
Sam Hanson
  • 1,317
  • 4
  • 22
  • 48
2
votes
1 answer

Ng2-smart-table Single Cell styling

I wish to add custom coloring to a cell. tried using `styles: [` :host /deep/ ng2-smart-table tbody > tr > td:first-child { color: red; } `]` but this changes the color for the entire first column
BhandariS
  • 606
  • 8
  • 20
2
votes
0 answers

Angular: ng2 smart table use rendercomponent for displaying custom actions

Can we display custom actions with a component? Like we do with the columns? I want to show the activate button when the user is blocked and the blocked button when the user is activated. actions: { position: 'right', add: false, …
Sandeep Kumar
  • 322
  • 4
  • 11
2
votes
0 answers

Conditionally change the buttons in row according to the value in the cell in the same row

So my scenario is that there is an "Edit" ,"Activate","Deactivate" button in the action column. and there is a column called Status whose value will be either "ACTIVE" or "INACTIVE" Is there any way i can show and hide these action buttons according…
Sachin Jijo
  • 121
  • 8
2
votes
0 answers

ng2-smart-table's ServerDataSource not sending credentials to web api for windows authentication

This is going to be a long question. For windows authentication to work with angular I have wrapper for the http calls as shown below import { Injectable } from '@angular/core'; import { Http, Response, RequestOptions, Headers, RequestOptionsArgs }…
2
votes
1 answer

Angular 4 , 'this' is undefined when using callback 'onComponentInitFunction' function of ng2-smart table

I am using ng2-smart-table in my component. I am trying to invoke the parent component's approveTheOrder() method but I am unable to get the object of the parent class Below is the snippet { title: "Actions", type: "custom", renderComponent:…
Srinivas Valekar
  • 1,083
  • 10
  • 19
2
votes
2 answers

Ng2-smart-table custom Render component

Im trying to use a custom Renderer component in my ng2-smart-table but am getting the following error. No component factory found for undefined. Did you add it to @NgModule.entryComponents? at…, …} Whats Strange is that the component says its…
Tommie Jones
  • 957
  • 1
  • 16
  • 37
2
votes
1 answer

How can I use post method in ng2-smart-table whenever a new row is added?

I used ng2 smart table in my angular 2 project, I need to send an API request using http.post() method when a new row is added to table. How can I get the value of each cell in the newly added row?
2
votes
1 answer

angular2 ng2-smart-table :issue while catch the data from custom button event

I have been gone through ng2-smart table ,I have created columns as mentioned in document for achieving the functionality on column cell I have followed below link…
macha devendher
  • 180
  • 5
  • 23
2
votes
0 answers

Angular 2 - ng2-smart-table - global search on a rendered field

I have an ng2-smart-table with a global search filter that interacts with the fields of the table. It work for that columns that doesn't have any rendering. This is my code onSearch(query: string = '') { if(query != ""){ …
Jamil89
  • 165
  • 3
  • 14
2
votes
2 answers

Angular 2 Load data through server API : data.slice error

Im trying to load the data from my API to custom component using Angular2 ng Smart table plugin. AS per their documentation (https://github.com/akveo/ng2-smart-table/blob/master/src/app/pages/examples/server/basic-example-load.component.ts) i have…
phyme
  • 331
  • 2
  • 11
  • 25
2
votes
2 answers

Table Angular 2 (ng2-smart-table)- Get ALL datas from JSON (for each level of the json)

As first I post my code service.ts import { Component, NgModule, OnInit, ViewChild, Directive, EventEmitter, Output, ElementRef } from '@angular/core'; import { Injectable } from '@angular/core'; import { Http, Headers, Response } from…
Jamil89
  • 165
  • 3
  • 14
2
votes
2 answers

How to remove styles of an Angular2 component?

I am currently using ng2-smart-table. This component is actually have its own style : [...] selector: 'ng2-smart-table', styles: [":host /deep/ *{box-sizing:border-box;font-family:\"Open Sans\",\"Helvetica Neue\",Helvetica,Arial,sans-serif}:host…
Thomas Betous
  • 4,633
  • 2
  • 24
  • 45