How to add static data columns in dataTable existing columns

Question

Have requirement like API gives few columns of data and I need to add some static data columns. Is there any way to add few columns dynamically passing below like { data: this.test1 },{ data: this.test2 }. I tried to add two columns but unable to fetch the data, getting blank cells.

  constructor(private http: HttpClient) {}
   public test1 =123;
   public test2 =234;

Initialization:

this.dtOptions = {
  pagingType: "full_numbers",
  pageLength: 10,
  scrollCollapse: true,
  processing: true,
  destroy: true,
  scrollY:'50vh',
  columns: [
    { title: '<input type="checkbox" />' },
    { data: "index" },
    { data: "firstname" },
    { data: "lastname" },
    { data: this.test1 },
    { data: this.test2 }
  ],

Stackblitz

andrewJames · Accepted Answer · 2021-02-10 18:03:55Z

2

You can set data to null and then use the defaultContent option.

Hard-coded in the column definition:

{ title: "Hard-Coded Data", data: null, defaultContent: "foo" }

Similar, but using a JavaScript variable - for example, var bar = 'baz';:

{ title: "Hard-Coded Data", data: null, defaultContent: bar }

answered Feb 10, 2021 at 18:03

andrewJames

22.6k11 gold badges32 silver badges72 bronze badges

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

Collectives™ on Stack Overflow

How to add static data columns in dataTable existing columns

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related