Hide repeated column data in angular material The Next CEO of Stack OverflowHow to remove objects with the same key and value pair in arraysConvert form data to JavaScript object with jQueryRepeat Character N TimesCan I hide the HTML5 number input’s spin box?How does data binding work in AngularJS?How to display length of filtered ng-repeat dataWhat is the difference between angular-route and angular-ui-router?Angular HTML bindingAngular EXCEPTION: No provider for HttpWhat is the equivalent of ngShow and ngHide in Angular?Huge number of files generated for every Angular project
Film where the government was corrupt with aliens, people sent to kill aliens are given rigged visors not showing the right aliens
What happened in Rome, when the western empire "fell"?
Defamation due to breach of confidentiality
What CSS properties can the br tag have?
What was Carter Burke's job for "the company" in Aliens?
Which one is the true statement?
Is there a reasonable and studied concept of reduction between regular languages?
Won the lottery - how do I keep the money?
Why is the US ranked as #45 in Press Freedom ratings, despite its extremely permissive free speech laws?
Getting Stale Gas Out of a Gas Tank w/out Dropping the Tank
How do I fit a non linear curve?
Is French Guiana a (hard) EU border?
Help understanding this unsettling image of Titan, Epimetheus, and Saturn's rings?
What difference does it make using sed with/without whitespaces?
In the "Harry Potter and the Order of the Phoenix" video game, what potion is used to sabotage Umbridge's speakers?
What are the unusually-enlarged wing sections on this P-38 Lightning?
Is Nisuin Biblical or Rabbinic?
Can this note be analyzed as a non-chord tone?
Is there a difference between "Fahrstuhl" and "Aufzug"?
Purpose of level-shifter with same in and out voltages
Is there such a thing as a proper verb, like a proper noun?
Why don't programming languages automatically manage the synchronous/asynchronous problem?
Is there a way to save my career from absolute disaster?
how one can write a nice vector parser, something that does pgfvecparseA=B-C; D=E x F;
Hide repeated column data in angular material
The Next CEO of Stack OverflowHow to remove objects with the same key and value pair in arraysConvert form data to JavaScript object with jQueryRepeat Character N TimesCan I hide the HTML5 number input’s spin box?How does data binding work in AngularJS?How to display length of filtered ng-repeat dataWhat is the difference between angular-route and angular-ui-router?Angular HTML bindingAngular EXCEPTION: No provider for HttpWhat is the equivalent of ngShow and ngHide in Angular?Huge number of files generated for every Angular project
enter image description hereI am trying to hide repeated column data in Angular(6) material meaning:
data = [
name: 'Bo', lastname:'Belfort', address:'street1', description:'description1';
name: 'Bo', lastname:'Belfort', address:'street1', description:'description2',
name: 'Tom', lastname:'Goshin', address:'street2', description:'description3',
name: 'Esther', lastname:'Jermain', address:'street3', description:'description4',
name: 'Tom', lastname:'Goshin', address:'street2', description:'description5',
]
I tried this but failed:
removeDuplicates(myArr, prop)
myArr = this.dataSource.filteredData;
return myArr.filter((obj, pos, arr) =>
arr.map(mapObj => mapObj[prop]).indexOf(obj[prop]) === pos;
console.log(myArr)
);
I would like to show the name
and lastname
only once for each person (leaving that column data blank) but display the address and description repeatedly.
Thanks in advance for any help!
javascript angular angular-directive
|
show 8 more comments
enter image description hereI am trying to hide repeated column data in Angular(6) material meaning:
data = [
name: 'Bo', lastname:'Belfort', address:'street1', description:'description1';
name: 'Bo', lastname:'Belfort', address:'street1', description:'description2',
name: 'Tom', lastname:'Goshin', address:'street2', description:'description3',
name: 'Esther', lastname:'Jermain', address:'street3', description:'description4',
name: 'Tom', lastname:'Goshin', address:'street2', description:'description5',
]
I tried this but failed:
removeDuplicates(myArr, prop)
myArr = this.dataSource.filteredData;
return myArr.filter((obj, pos, arr) =>
arr.map(mapObj => mapObj[prop]).indexOf(obj[prop]) === pos;
console.log(myArr)
);
I would like to show the name
and lastname
only once for each person (leaving that column data blank) but display the address and description repeatedly.
Thanks in advance for any help!
javascript angular angular-directive
1
it needs to show here what you tried..?
– Irf
Mar 8 at 17:39
It tried this but failed: removeDuplicates(myArr, prop) myArr = this.dataSource.filteredData; return myArr.filter((obj, pos, arr) => arr.map(mapObj => mapObj[prop]).indexOf(obj[prop]) === pos; console.log(myArr) );
– Rob
Mar 8 at 18:29
1
Include that in your question
– Grant Foster
Mar 8 at 18:51
@gfos,@Irf i just updated the question
– Rob
Mar 8 at 18:59
1
I don't understand your question. You want to remove duplicate items from the array?
– Chris Barr
Mar 8 at 19:08
|
show 8 more comments
enter image description hereI am trying to hide repeated column data in Angular(6) material meaning:
data = [
name: 'Bo', lastname:'Belfort', address:'street1', description:'description1';
name: 'Bo', lastname:'Belfort', address:'street1', description:'description2',
name: 'Tom', lastname:'Goshin', address:'street2', description:'description3',
name: 'Esther', lastname:'Jermain', address:'street3', description:'description4',
name: 'Tom', lastname:'Goshin', address:'street2', description:'description5',
]
I tried this but failed:
removeDuplicates(myArr, prop)
myArr = this.dataSource.filteredData;
return myArr.filter((obj, pos, arr) =>
arr.map(mapObj => mapObj[prop]).indexOf(obj[prop]) === pos;
console.log(myArr)
);
I would like to show the name
and lastname
only once for each person (leaving that column data blank) but display the address and description repeatedly.
Thanks in advance for any help!
javascript angular angular-directive
enter image description hereI am trying to hide repeated column data in Angular(6) material meaning:
data = [
name: 'Bo', lastname:'Belfort', address:'street1', description:'description1';
name: 'Bo', lastname:'Belfort', address:'street1', description:'description2',
name: 'Tom', lastname:'Goshin', address:'street2', description:'description3',
name: 'Esther', lastname:'Jermain', address:'street3', description:'description4',
name: 'Tom', lastname:'Goshin', address:'street2', description:'description5',
]
I tried this but failed:
removeDuplicates(myArr, prop)
myArr = this.dataSource.filteredData;
return myArr.filter((obj, pos, arr) =>
arr.map(mapObj => mapObj[prop]).indexOf(obj[prop]) === pos;
console.log(myArr)
);
I would like to show the name
and lastname
only once for each person (leaving that column data blank) but display the address and description repeatedly.
Thanks in advance for any help!
javascript angular angular-directive
javascript angular angular-directive
edited Mar 8 at 19:58
Rob
asked Mar 8 at 17:31
RobRob
93
93
1
it needs to show here what you tried..?
– Irf
Mar 8 at 17:39
It tried this but failed: removeDuplicates(myArr, prop) myArr = this.dataSource.filteredData; return myArr.filter((obj, pos, arr) => arr.map(mapObj => mapObj[prop]).indexOf(obj[prop]) === pos; console.log(myArr) );
– Rob
Mar 8 at 18:29
1
Include that in your question
– Grant Foster
Mar 8 at 18:51
@gfos,@Irf i just updated the question
– Rob
Mar 8 at 18:59
1
I don't understand your question. You want to remove duplicate items from the array?
– Chris Barr
Mar 8 at 19:08
|
show 8 more comments
1
it needs to show here what you tried..?
– Irf
Mar 8 at 17:39
It tried this but failed: removeDuplicates(myArr, prop) myArr = this.dataSource.filteredData; return myArr.filter((obj, pos, arr) => arr.map(mapObj => mapObj[prop]).indexOf(obj[prop]) === pos; console.log(myArr) );
– Rob
Mar 8 at 18:29
1
Include that in your question
– Grant Foster
Mar 8 at 18:51
@gfos,@Irf i just updated the question
– Rob
Mar 8 at 18:59
1
I don't understand your question. You want to remove duplicate items from the array?
– Chris Barr
Mar 8 at 19:08
1
1
it needs to show here what you tried..?
– Irf
Mar 8 at 17:39
it needs to show here what you tried..?
– Irf
Mar 8 at 17:39
It tried this but failed: removeDuplicates(myArr, prop) myArr = this.dataSource.filteredData; return myArr.filter((obj, pos, arr) => arr.map(mapObj => mapObj[prop]).indexOf(obj[prop]) === pos; console.log(myArr) );
– Rob
Mar 8 at 18:29
It tried this but failed: removeDuplicates(myArr, prop) myArr = this.dataSource.filteredData; return myArr.filter((obj, pos, arr) => arr.map(mapObj => mapObj[prop]).indexOf(obj[prop]) === pos; console.log(myArr) );
– Rob
Mar 8 at 18:29
1
1
Include that in your question
– Grant Foster
Mar 8 at 18:51
Include that in your question
– Grant Foster
Mar 8 at 18:51
@gfos,@Irf i just updated the question
– Rob
Mar 8 at 18:59
@gfos,@Irf i just updated the question
– Rob
Mar 8 at 18:59
1
1
I don't understand your question. You want to remove duplicate items from the array?
– Chris Barr
Mar 8 at 19:08
I don't understand your question. You want to remove duplicate items from the array?
– Chris Barr
Mar 8 at 19:08
|
show 8 more comments
0
active
oldest
votes
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',
autoActivateHeartbeat: false,
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
);
);
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%2f55068220%2fhide-repeated-column-data-in-angular-material%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
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%2f55068220%2fhide-repeated-column-data-in-angular-material%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
1
it needs to show here what you tried..?
– Irf
Mar 8 at 17:39
It tried this but failed: removeDuplicates(myArr, prop) myArr = this.dataSource.filteredData; return myArr.filter((obj, pos, arr) => arr.map(mapObj => mapObj[prop]).indexOf(obj[prop]) === pos; console.log(myArr) );
– Rob
Mar 8 at 18:29
1
Include that in your question
– Grant Foster
Mar 8 at 18:51
@gfos,@Irf i just updated the question
– Rob
Mar 8 at 18:59
1
I don't understand your question. You want to remove duplicate items from the array?
– Chris Barr
Mar 8 at 19:08