Angular DataTables add button in a cell (Row Edit button)

angular-datatables-cell-button

$scope.dtOptions = DTOptionsBuilder.fromSource('data.json')
        .withDOM("<'row'<'col-sm-4'l><'col-sm-4 text-center'B><'col-sm-4'f>>tp")
        .withButtons([
            // {extend: 'copy',className: 'btn-sm'},
            // {extend: 'csv',title: 'ExampleFile', className: 'btn-sm'},
            // {extend: 'pdf', title: 'ExampleFile', className: 'btn-sm'},
            // {extend: 'print',className: 'btn-sm'}
        ])
        ;
        
    $scope.dtColumns = [

        DTColumnBuilder.newColumn('Name').withTitle('Name'),
        DTColumnBuilder.newColumn('Age').withTitle('Age'),
        // ----------------- Add column with button ---------------
        DTColumnBuilder.newColumn('id', '')
          .renderWith(function (id) {
                console.log(id);
               return '<button>Edit</button>'
        })

    ];