youzan / vant

A lightweight, customizable Vue UI library for mobile web apps.
https://vant.pro/vant/
MIT License
23.21k stars 9.49k forks source link

[Feature Request] 建议新增表格(table)和树(Tree ) #9180

Open zhuangxiaohui opened 3 years ago

zhuangxiaohui commented 3 years ago

这个功能解决了什么问题

表格(table): 与PC端不同,移动端的展现空间极其有限。大多数场景下,表格可以被卡片等方式完全替换掉,还拥有更好的交互。 但在展现大量结构化的数据,并要对其进行分析和比较,或进行复杂操作时,它依然是最佳的展示方式。 image

树(Tree ): 与PC端不同,移动端的展现空间极其有限。但很多树结构的数据展示 image

描述您想要的解决方案

表格(table)参考:https://okee.oceanengine.com/mobile/vue/#/zh-CN/table 树(Tree )参考:https://okee.oceanengine.com/mobile/vue/#/zh-CN/tree

建议的API是什么样的

表格(table)参考:https://okee.oceanengine.com/mobile/vue/#/zh-CN/table 树(Tree )参考:https://okee.oceanengine.com/mobile/vue/#/zh-CN/tree

ixqbar commented 3 years ago

+1

zxtlin commented 3 years ago

+1

carryxiong commented 3 years ago

+1

MrWhatHuang commented 3 years ago

+1

lzsmile commented 3 years ago

+1

lzsmile commented 3 years ago

或者加上级联的多选也是可以的

hi-zd commented 3 years ago

+1

songssw commented 3 years ago

+1

CatsAndMice commented 2 years ago

新组件树(Tree ),有人负责吗? 如果没有,我想负责开发

chenjiahan commented 2 years ago

@CatsAndMice 这个组件还没有涉及产出设计规范,目前暂不计划添加

caogee commented 2 years ago

+1

Yacj commented 2 years ago

+1

Fitz-Wen commented 2 years ago

+1

russellmars commented 2 years ago

+1

liyuan1125 commented 2 years ago

+1

haoleir commented 2 years ago

+1

zhengyinbo commented 2 years ago

+1 觉得有必要

YoungsunLi commented 2 years ago

+1

wmz-0826 commented 2 years ago

+1

jikoy commented 2 years ago

+1

jayzch commented 2 years ago

+1

Miofly commented 2 years ago

+999999

Adaer commented 1 year ago

我自己写了一个基于vant的tree 但是只能自己用,主要不符合开源规范,希望vant也能出个官方tree +1

sir-ran commented 1 year ago

+1 出个移动端表格组件吧

wensonsmith commented 1 year ago

两年了这个 Table 都没加是什么原因啊

Adaer commented 1 year ago

两年了这个 Table 都没加是什么原因啊

移动端表格不好做吧

ixqbar commented 1 year ago

估计厂家自己用不到,不考虑了

toplinuxsir commented 1 year ago

没有Table组件,就是个瘸子!

zhousg commented 1 year ago

@chenjiahan 有计划吗?

chenjiahan commented 1 year ago

@zhousg 可以搞💪🏻💪🏻 考虑到 Vant 的设计规范里没有 Table,我们可以先从社区和 dribbble 中找一些移动端 Table 参考下

zhousg commented 1 year ago

目前只看到 https://nutui.jd.com/h5/vue/4x/demo.html#/zh-CN/table

https://dribbble.com/shots/7019637-Material-Tables-UI-design https://dribbble.com/shots/9914759-Tracking-App-Table-Animation https://dribbble.com/shots/4000477-Table-Data-Responsive https://dribbble.com/shots/6407997-Figma-Tables-UI-Design-Tutorial

chenjiahan commented 1 year ago

Nut UI 的 Table 应该属于相对基础的,如果我们要做 Table,首先要明确我们的目标是在基础场景使用、还是全场景。

如果要考虑全场景,那么需要一步步支持虚拟滚动、表头固定、排序、筛选、吸顶、表格嵌套等一系列复杂功能,在组件设计之初,就需要参考 PC 端成熟的 Table 组件(移动端的案例比较少),以便未来能够逐步支持这些场景。

tianheng2017 commented 1 year ago

**兄弟们,这个UI支持tree和表格哦,欢迎围观:

表格:https://tmui.design/com/Table.html tree:https://tmui.design/com/Tree.html**

tianheng2017 commented 1 year ago

事实证明还是layui表格牛逼,在移动端都很好用

inottn commented 1 year ago

**兄弟们,这个UI支持tree和表格哦,欢迎围观:

表格:https://tmui.design/com/Table.html tree:https://tmui.design/com/Tree.html**

相比 PC 端,移动端对兼容性、性能、包体积要求会更高。目前移动端表格、树之类的组件没有相对统一的规范(可能因为对大部分用户或场景来说使用频率不如其它组件),所以前期的评估会更重要。

就你而言,比如表格,在移动端你觉得哪些功能是比较实用或者需要的,也欢迎有类似需要的用户发表意见。

github-actions[bot] commented 1 year ago

Hello @zhuangxiaohui. We totally like your proposal/feedback, welcome to send us a Pull Request for it. Please send your Pull Request to main branch, fill the Pull Request Template here, provide changelog/TypeScript/documentation/test cases if needed and make sure CI passed, we will review it soon. We appreciate your effort in advance and looking forward to your contribution!

你好 @zhuangxiaohui,我们完全同意你的提议/反馈,欢迎直接在此仓库 创建一个 Pull Request 来解决这个问题。请将 Pull Request 发到 main 分支,务必填写 Pull Request 内的预设模板,提供改动所需相应的 changelog、TypeScript 定义、测试用例、文档等,并确保 CI 通过,我们会尽快进行 Review,提前感谢和期待您的贡献。

zhousg commented 1 year ago

@chenjiahan 最近忙起来了,写了一部分😂,看看还有没有其他小伙伴提PR吧

chenjiahan commented 1 year ago

最近忙起来了,写了一部分😂,看看还有没有其他小伙伴提PR吧

不着急的哈,最近忙的话可以先放放 😄

jhjade commented 10 months ago

+1

kwongfung commented 9 months ago

Android状态栏高度是怎么解决的? @zhuangxiaohui

CatsAndMice commented 5 months ago

@chenjiahan

@CatsAndMice 这个组件还没有涉及产出设计规范,目前暂不计划添加

我看社区已经通过了增加tree组件issue,请问提交tree的PR能合并吗?如果可以我想领取tree组件

CatsAndMice commented 5 months ago

@chenjiahan 另外我想请问下,如何才能有资格加入vant核心团队

chenjiahan commented 5 months ago

建议先从一些日常的 bugfix / feature PR 和 issues 讨论开始参与哈。直接写一个复杂组件可能会遇到较多的问题,PR 相对难合入。

如何才能有资格加入vant核心团队

目前没有绝对的标准,平均来说,PR 数量 >= 50 是一个大致的要求 😄

CatsAndMice commented 5 months ago

建议先从一些日常的 bugfix / feature PR 和 issues 讨论开始参与哈。直接写一个复杂组件可能会遇到较多的问题,PR 相对难合入。

如何才能有资格加入vant核心团队

目前没有绝对的标准,平均来说,PR 数量 >= 50 是一个大致的要求 😄

好的

lovezjl commented 4 months ago

同意,新增tree组件

SheepYang1993 commented 3 months ago

同意,新增tree组件

wensonsmith commented 2 months ago

3年多了,这个组件还没加上...

不过不着急,因为我已经不写代码了 🐶

zhili3 commented 2 months ago

两年了还没加表格,还好我自己封装好了

zcyc commented 2 weeks ago

表格 +1

lilin87788 commented 1 week ago

+1