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);

}

}









share|improve this question
























  • 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















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);

}

}









share|improve this question
























  • 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













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);

}

}









share|improve this question















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






share|improve this question















share|improve this question













share|improve this question




share|improve this question








edited yesterday

























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


















  • 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

















active

oldest

votes











Your Answer






StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");

StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});

function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});


}
});














 

draft saved


draft discarded


















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






























active

oldest

votes













active

oldest

votes









active

oldest

votes






active

oldest

votes
















 

draft saved


draft discarded



















































 


draft saved


draft discarded














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





















































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







Popular posts from this blog

Can a sorcerer learn a 5th-level spell early by creating spell slots using the Font of Magic feature?

Does disintegrating a polymorphed enemy still kill it after the 2018 errata?

A Topological Invariant for $pi_3(U(n))$