Semantic-Org / Semantic-UI

Semantic is a UI component framework based around useful principles from natural language.
http://www.semantic-ui.com
MIT License
51.07k stars 4.96k forks source link

why there is no treeview like plugin? #7048

Open dbsxdbsx opened 3 years ago

dbsxdbsx commented 3 years ago

for the semantic version 2.4.1. I didn't find any plugin that could behave like a tree view, the most like plugin would be Bulleted list from here , but the sub title canot be folded.

Is there some other option?

GammaGames commented 3 years ago

Even though this feature is available in SUI, I've been using Fomantic UI since this repo stopped getting updates without issue. They have a bunch of bug fixes and features SUI doesn't have.

Anyway, you should be able to do it with a nested accordion. There's an example in the docs: https://fomantic-ui.com/modules/accordion.html#nested-accordions

If you want to use a non-styled accordion you can add a little css to make the nested menus look better:

.ui.accordion:not(.styled) .title {
  border-bottom: 1px solid grey;
}
.ui.accordion:not(.styled) .content {
  margin-left: 1em;
}

jsfiddle

dbsxdbsx commented 3 years ago

@GammaGames , thanks for your advice. The link you provided I've visited before, And I did work around the issue by it. Hopefully , SUI could have a better tree view plugin like that in ELEMENTUI.

1137882300 commented 3 years ago

Why is it so difficult to use great effects? What's the matter?

lubber-de commented 2 years ago

A tree accordion was implemented in the community fork Fomantic-UI by https://github.com/fomantic/Fomantic-UI/pull/2197 See https://jsfiddle.net/lubber/tmo1p5gc/1/