Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

table组件使用上遇到的bug #78

Closed
isunkui opened this issue Sep 18, 2016 · 8 comments
Closed

table组件使用上遇到的bug #78

isunkui opened this issue Sep 18, 2016 · 8 comments

Comments

@isunkui
Copy link
Contributor

isunkui commented Sep 18, 2016

目前已从 vue-desktop 迁移到了 element,遇到下面一些问题.

Element version

1.0.0-rc.3

table组件遇到的问题:

  1. 当数据量展示的高度过多,出现竖向滚动条时,导致table表格出现横向滚动条,之前在vue-desktop中也遇到类似的问题,解决办法是data数据改变后,重新计算一遍calcColumns。
    qq20160918-1

    同理在dialog中嵌套表格也存在上面的问题1。

    在dialog中嵌套table组件时,有这么一种需求,为table设置自定义高度700时固定表头,当数据量只有一条(或者很少时),此时我希望得到结果是,tabel的body组件高度是max-height: 700,而不是固定死的高度700,导致dialog高度非常大,影响美观。

  2. 带border属性的table在safari浏览器中,边框线没对齐

  3. 建议:table组件能否添加一个子组件用于设置,当表格数据为0时,自定义展示数据为空的默认样式;目前自定义为空的组件必须放于table父组件外才能实现,当设置了height属性时,就会导致user-table-null组件显示在最底下,必须动态判断设置height属性,使用上感觉很别扭.

<!-- 目前实现的效果 -->
<el-table :data="data">
    ***
</el-table>
<user-table-null :data="data"></user-table-null>

<!-- 期待的效果 -->
<el-table :data="data">
    <el-table-null>
        <user-define-null></user-define-null>
    </el-table-null>
    ***
</el-table>
@isunkui
Copy link
Contributor Author

isunkui commented Sep 18, 2016

补充:垂直NavMenu组件的下拉交互动画效果,感觉很别扭,修改成箭头初始朝右边,点击展开朝下效果更好点。

QingWei-Li added a commit to QingWei-Li/element that referenced this issue Sep 19, 2016
Leopoldthecoder added a commit that referenced this issue Sep 19, 2016
@isunkui
Copy link
Contributor Author

isunkui commented Sep 20, 2016

table组件,可以考虑添加居中对齐的样式吗,目前默认的左对齐,对有些表格的数据展示,感觉不是那么美观,自定义父组件重写覆盖了原来的样式,希望组件默认支持该功能

QingWei-Li added a commit to QingWei-Li/element that referenced this issue Sep 20, 2016
QingWei-Li added a commit to QingWei-Li/element that referenced this issue Sep 21, 2016
Leopoldthecoder added a commit that referenced this issue Sep 21, 2016
TableColum: fix first calc columns, #78
@isunkui
Copy link
Contributor Author

isunkui commented Sep 21, 2016

@QingWei-Li rc.4 TableColum: fix first calc columns 这个问题依旧没有修复

@isunkui
Copy link
Contributor Author

isunkui commented Sep 21, 2016

@QingWei-Li 补充一点,我的表格数据渲染是从 vuex 里面获取的,初始渲染 获取到的 data 可能是个空数组,异步数据加载完成后会导致表格的数据重新渲染一遍,这时候页面的可视高度是不可控的,所以产生了问题一。

@QingWei-Li
Copy link
Contributor

那你在 table.vue 385 行加一个 this.$nextTick(_ => this.doRender()); 试试看,可以的话提个 pr

@isunkui
Copy link
Contributor Author

isunkui commented Sep 21, 2016

nice,正常了

@furybean
Copy link
Contributor

@isunkui 目前应该只剩下一个空状态的问题,和 #413 重复,先关了。

@baixiaoji
Copy link

@isunkui 所以Safari边框线没对齐是怎么样解决的?

hazel54 pushed a commit to hazel54/element that referenced this issue Aug 29, 2018
Rewrite Markdown parser & introduce Transition
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

5 participants