Mixing
type script dynamic column in table
up vote
-1
down vote
favorite
I have created dynamic column in typescript html.
I have declared a variable public totallist:any
and initialised it by this.totallist=new Array();
<div *ngFor="let number of columnnumberArray;let n= index " >
<ngx-datatable-column name="{{number}}" [width]="50">
<ng-template ngx-datatable-cell-template let-row="row" let-value="value">{{row.$$index}} {{n }}
{{this.totallist[[n][row.$$index]]}}
<input type="text" [(ngModel)]="this.totallist[row.$$index][n]" (ngModelChange)="listen();" id="Samplesize" name="Samplesize"
class="form-control" >
</ng-template>
</ngx-datatable-column>
</div >
But when I add values.model values are overridden.
expected output(if two columns are created then )
[0][1:"hi",2:"hello"]
[1][1:"hi1",2:"hello2"]
[2][1:"hi3",2:"hello4"]
[3][1:"hi5",2:"hello5"]
component code[this will create dynamic array]
createrow() {
this.columnnumberArray = new Array();
console.log("this.columnnumber", this.columnnumber)
for (let i = 1; i <= this.columnnumber; i++) {
this.columnnumberArray.push(i);
}
}
angular typescript
asked yesterday
Madhu Nair
11513
add a comment |
up vote
-1
down vote
favorite
I have created dynamic column in typescript html.
I have declared a variable public totallist:any
and initialised it by this.totallist=new Array();
<div *ngFor="let number of columnnumberArray;let n= index " >
<ngx-datatable-column name="{{number}}" [width]="50">
<ng-template ngx-datatable-cell-template let-row="row" let-value="value">{{row.$$index}} {{n }}
{{this.totallist[[n][row.$$index]]}}
<input type="text" [(ngModel)]="this.totallist[row.$$index][n]" (ngModelChange)="listen();" id="Samplesize" name="Samplesize"
class="form-control" >
</ng-template>
</ngx-datatable-column>
</div >
But when I add values.model values are overridden.
expected output(if two columns are created then )
[0][1:"hi",2:"hello"]
[1][1:"hi1",2:"hello2"]
[2][1:"hi3",2:"hello4"]
[3][1:"hi5",2:"hello5"]
component code[this will create dynamic array]
createrow() {
this.columnnumberArray = new Array();
console.log("this.columnnumber", this.columnnumber)
for (let i = 1; i <= this.columnnumber; i++) {
this.columnnumberArray.push(i);
}
}
angular typescript
asked yesterday
Madhu Nair
11513
please share your component code for better understanding.
– ashish pal
yesterday
@ashishpal here you go
– Madhu Nair
yesterday
Why is your for loop numbered from 1?
– rrd
yesterday
i should not create 0 columns .@rrd
– Madhu Nair
yesterday
@ashishpal have you looked on it
– Madhu Nair
yesterday
add a comment |
up vote
-1
down vote
favorite
up vote
-1
down vote
favorite
I have created dynamic column in typescript html.
I have declared a variable public totallist:any
and initialised it by this.totallist=new Array();
<div *ngFor="let number of columnnumberArray;let n= index " >
<ngx-datatable-column name="{{number}}" [width]="50">
<ng-template ngx-datatable-cell-template let-row="row" let-value="value">{{row.$$index}} {{n }}
{{this.totallist[[n][row.$$index]]}}
<input type="text" [(ngModel)]="this.totallist[row.$$index][n]" (ngModelChange)="listen();" id="Samplesize" name="Samplesize"
class="form-control" >
</ng-template>
</ngx-datatable-column>
</div >
But when I add values.model values are overridden.
expected output(if two columns are created then )
[0][1:"hi",2:"hello"]
[1][1:"hi1",2:"hello2"]
[2][1:"hi3",2:"hello4"]
[3][1:"hi5",2:"hello5"]
component code[this will create dynamic array]
createrow() {
this.columnnumberArray = new Array();
console.log("this.columnnumber", this.columnnumber)
for (let i = 1; i <= this.columnnumber; i++) {
this.columnnumberArray.push(i);
}
}
angular typescript
asked yesterday
Madhu Nair
11513
I have created dynamic column in typescript html.
I have declared a variable public totallist:any
and initialised it by this.totallist=new Array();
<div *ngFor="let number of columnnumberArray;let n= index " >
<ngx-datatable-column name="{{number}}" [width]="50">
<ng-template ngx-datatable-cell-template let-row="row" let-value="value">{{row.$$index}} {{n }}
{{this.totallist[[n][row.$$index]]}}
<input type="text" [(ngModel)]="this.totallist[row.$$index][n]" (ngModelChange)="listen();" id="Samplesize" name="Samplesize"
class="form-control" >
</ng-template>
</ngx-datatable-column>
</div >
But when I add values.model values are overridden.
expected output(if two columns are created then )
[0][1:"hi",2:"hello"]
[1][1:"hi1",2:"hello2"]
[2][1:"hi3",2:"hello4"]
[3][1:"hi5",2:"hello5"]
component code[this will create dynamic array]
createrow() {
this.columnnumberArray = new Array();
console.log("this.columnnumber", this.columnnumber)
for (let i = 1; i <= this.columnnumber; i++) {
this.columnnumberArray.push(i);
}
}
angular typescript
angular typescript
asked yesterday
Madhu Nair
11513
asked yesterday
Madhu Nair
11513
edited yesterday
asked yesterday
Madhu Nair
11513
asked yesterday
Madhu Nair
11513
asked yesterday
Madhu Nair
11513
11513
please share your component code for better understanding.
– ashish pal
yesterday
@ashishpal here you go
– Madhu Nair
yesterday
Why is your for loop numbered from 1?
– rrd
yesterday
i should not create 0 columns .@rrd
– Madhu Nair
yesterday
@ashishpal have you looked on it
– Madhu Nair
yesterday
add a comment |
please share your component code for better understanding.
– ashish pal
yesterday
@ashishpal here you go
– Madhu Nair
yesterday
Why is your for loop numbered from 1?
– rrd
yesterday
i should not create 0 columns .@rrd
– Madhu Nair
yesterday
@ashishpal have you looked on it
– Madhu Nair
yesterday
please share your component code for better understanding.
– ashish pal
yesterday
please share your component code for better understanding.
– ashish pal
yesterday
@ashishpal here you go
– Madhu Nair
yesterday
@ashishpal here you go
– Madhu Nair
yesterday
Why is your for loop numbered from 1?
– rrd
yesterday
Why is your for loop numbered from 1?
– rrd
yesterday
i should not create 0 columns .@rrd
– Madhu Nair
yesterday
i should not create 0 columns .@rrd
– Madhu Nair
yesterday
@ashishpal have you looked on it
– Madhu Nair
yesterday
@ashishpal have you looked on it
– Madhu Nair
yesterday
add a comment |
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
draft saved
draft discarded
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53372699%2ftype-script-dynamic-column-in-table%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
please share your component code for better understanding.
– ashish pal
yesterday
@ashishpal here you go
– Madhu Nair
yesterday
Why is your for loop numbered from 1?
– rrd
yesterday
i should not create 0 columns .@rrd
– Madhu Nair
yesterday
@ashishpal have you looked on it
– Madhu Nair
yesterday