Angular ngx-datatable multiple data in one column

Question

I\'ve got a little problem adding more then one prop to column in ngx-datatable:

columns = [
  { prop: \'semesterName\', name: \'סמסטר\', resizeable: false }         


        

Answer 1

If you want to stick to the usage of columns and rows inputs, you can add the aggregated column to the rows themselves. Without mutating courses, the properties would look something like this:

const rows = courses.map(course => ({
  ...course,
  eventDetails: `${course.eventName} on ${course.when}`
}))

const columns = [
  { prop: 'eventDetails', name: 'Event', resizable: false },
  // the rest of your columns...
]