last day (15 days later) » 

09:12
Hii
are you there?
09:32
Hello
How are you?
I am fine
How are you ?
I am also good
I need your help
Pleasae tell
09:34
will definitely try to
this is my data
ok
i want to create mat expansion panel or any table which is nested
means if the data contains key "child" then its child data should be display under its parent
ok
and if child contains again "child" key, then again same thing should happen
i saw this example. but in this they have limited number of level. But in my case, there can be N number of level
09:37
completely got your point
It would be tough to create a nested able
table
then what i can use?
IMO, Ideally we should not represent such type of data
becasue as you said it can have n number of heirachies
right ?
It will definitely distort after some point if we are not aware about number of hierarchies
currently i am develpoing its frontend part
when api will be ready then scenario will be little bit different
means when i click on that particular row to expand it, then one api will be hit with that selected row's id.
then its child data will get from api
09:42
Right, got your point
tables after a certain level will become complicated and UI might distort
think of table inside 10 tables
and after getting that data, i'll make my original data . means i'll add "child" key in that row with this response data
Can't we do it my mat accordian
?
we can do it with mat accordian as well as table
but think of UI if we have 10 nested tables and 10 nested accordions
The inner ones will be of very small width
I am just thinking of worst case scenaio
If it happens then i will be tough for you at that point to handle
I think 4-5 level will be there
not more than that
max to max 7 or 8
May be I am wrong - We might dont have that much nested data
Right
yes.
7 or 8 max
09:48
i guess mat accodion will be easy
Yes but how can i use ngfor on that
Do you have any dummy data right now ?
I shared the link
ok
09:53
sure, give me some time
i am thinking of some idea
okk..
how can we built this
ok no problem
i am also trying
For now i will try to built a unordered list of hierarchy dat
we can built anything else in same manner
ok no issue
10:10
you need something like this
Right ?
Yes
nested accordian i want
there?
ok
then u dont want to use mat tree
so implementing using list
and you can use same logic for accordion
ok sure
10:26
Hi
Are you working today ?
office open ?
ok
no
work from home
10:27
I have create a stackblitz
the same way you can do it using accordion
ok link?
didn't understood
where to write mat-accordian and mat-expansion-panel and it's header
there?
give me some time
let me use it with mat accodion
okk
ok ok
<div class="content mt-20px">
<mat-accordion displayMode="flat" [multi]="false" class="mat-table accordion-table">
<section matSort class="mat-elevation-z2 mat-header-row accordion-row">
<span class="mat-header-cell">Full Code</span>
<span class="mat-header-cell">Line Code</span>
<span class="mat-header-cell">Acc. Title</span>
<span class="mat-header-cell">Balance</span>
</section>
<mat-expansion-panel>
<mat-expansion-panel-header class="mat-row align-items-center expansion-header expansion-row">
this is my code for different module.. in this i have table under accordian
you can copy this code. for accordian
10:39
sure
10:55
Hi Manisha
I am not getting the code sent by you
Hello
but please check theis code
with expansion panel
Hope it ll fulfill your issue
checking it
getting error
<ng-container
*ngTemplateOutlet="recursiveListTmpl; context:{ data: data.data.revenue }"
></ng-container>
on this line
Is this dummy data
or data you are getting from backend
Try this
*ngTemplateOutlet="recursiveListTmpl; context:{ data: data?.data?.revenue }"
></ng-container>
solved that issue
i am working on it
to make it the expected output
11:07
ok
are you online?
yes
most probably by 5
means i am doing it, if i stuck somewhere then i'll ask you
sure
11:27
done
:D
11:46
nice
it looks good
great work
12:36
Thanks :D
 
1 hour later…
13:48
welcome

last day (15 days later) »