easyui datagrid 的问题

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

谢谢

可以使用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 秒钟,并无限循环地将文本向左滚动。。

不知道你这个问题是否已经解决, 如果还没有解决的话:

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^