easyui datagrid 的问题

Question

最近有两个需求
一个是easyui datagrid 里面 我不想显示垂直和水平的滚动条 这个怎么设置？
二是 如果我有一列 数据超过了设置的宽度 我想让文字 循环左移 这样显示出来 如何实现？

谢谢

Answer 1

可以使用CSS样式来隐藏easyui datagrid的垂直和水平滚动条

#datagridID .datagrid-body{
    overflow:hidden;
}

这将隐藏easyui datagrid的垂直和水平滚动条，并且当数据超出可见区域时，将会被自动截断

然后你可以试一下使用CSS样式来实现循环滚动文本的效果

td.scroll-text {
    white-space: nowrap;
    overflow: hidden;
}

td.scroll-text span {
    animation: scroll-left 10s linear infinite;
    display: inline-block;
    padding-right: 100%;
}

@keyframes scroll-left {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}

将这个CSS样式应用到easyui datagrid的指定列，就可实现该列文字循环左移的效果了。

但是这里使用了CSS动画来实现循环滚动的效果。scroll-left 动画将持续 10 秒钟，并无限循环地将文本向左滚动。。