iT邦幫忙

0

表格加上樹狀圖呈現

angular javascript css bootstrap angular material
kylochen 2020-03-31 16:15:49 ‧ 2810 瀏覽

  • 分享至 

  • xImage

請問有人知道,這樣的排版要如何呈現嗎?
https://ithelp.ithome.com.tw/upload/images/20200331/20126012Xkv2FZ9RVx.png

我本使用angular Material,

但angular Material 把tree 和 table 分開放, 無法合併...

想了很久,還是沒有頭緒

這張圖是畫出來的, 除了table外 還加入了樹狀結構

按下add click 會新增一欄資訊

請大師們指點

如果使用純 javascript 呈現也可以

本人使用的是angular框架!

登入發表討論
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 個回答

1
hungchinwai
iT邦研究生 1 級 ‧ 2020-05-09 15:20:23

可以參考一下類似的
https://stackoverflow.com/questions/50581299/how-to-update-mat-tree-to-handle-add-children-nodes-to-leaf-nodes-convert-leaf

裡頭有給範例
https://stackblitz.com/edit/angular-ax72ew?file=app%2Ftree-checklist-example.ts

登入發表回應

我要發表回答

立即登入回答
iThome鐵人賽
參賽組數
1064 組
團體組數
40 組
累計文章數
22200 篇
完賽人數
602 人
iT+看影片追技術 看影片追技術 看更多
熱門tag 看更多
15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js
熱門問題
熱門回答
熱門文章
IT邦幫忙