Skip to main content

Posts

Showing posts from 2016

Create table with dynamic rows and configurable row buttons with AngularJS

Hi all, Today I want to write a short article how to create a table with dynamic configuration for rows. For example, I need to render simple table by data provided from a server and append to each row some extendable buttons, checkboxes etc. for making action on a row. For example, I will use this data:   app.controller('MainCtrl', ['$scope', function($scope) { var vm = this; var tableData = [{ firstName: 'Viktor', lastName: 'Dzundza', age: 25 }, { firstName: 'Jony', lastName: 'Boyko', age: 24 }, { firstName: 'John', lastName: 'Doe', age: 45 }, { firstName: 'Alisa', lastName: 'Doe', age: 2 } ]; var tableMeta = { columns: [{ name: 'firstName', title: 'First Name' }, { name: 'lastName', title: 'Last Name' }, { name: 'age',