html - 当表格宽度改变时使用平滑过渡

标签 html angularjs css ngtable

我有一个简单的表,其中包含一些用户数据。复选框还控制一些备用数据的显示。因此,例如,标题为 Monday 且值为 4000 的行可能会变为 Frid​​ay 6000

当发生这种变化时,有时表格宽度会发生变化。有没有办法平滑过渡到新的表格宽度,而不是默认的瞬时变化?

最佳答案

Javascript 将是您唯一的选择。您不能使用 css 在“自动”宽度上设置动画。这是一个具有相同答案的类似问题:Transition Table Cell Width When Text Is Added

关于html - 当表格宽度改变时使用平滑过渡,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33635207/

相关文章:

AngularJS : Transcluding SVG elements in directives

angularjs - 使用 Angular JS 和基于 Spring 的 RESTful Web 服务下载文件

javascript - 如何通过 NativeScript 更改按钮的 CSS 颜色?

带有显示每个打印页面的页脚的 HTML 文件

html - Font Awesome 图像没有出现在列表元素中

html - 文本不会在 div 中居中

Java - 当我尝试获取源代码时,服务器返回了 HTTP 响应代码 : 400

css - 即使左侧 div 不存在,也固定在右侧 - bootstrap

html - 使子元素填充父元素的 100%,最小高度设置为 100%

javascript - HTML 5 中的现代 UI (Metro) 风格磁贴?