相关文章

传统的<table>标签是显示表格数据的语义化 HTML。但是我发现很难控制表格的呈现方式，尤其是在动态环境中，你可能不知道…

当我最近发布了关于“制作具有粘性标题和页脚的表格变得更容易”的博文时，我提到“粘性”的改进仅仅是 TablesNG 升级…

我们已经了解到单个<table>单元格、<th>和<td>可以是position: sticky。使表格的标题在滚动大量行时固定在屏幕顶部非常容易（例如 这个…

二十多年前，表格是创建 HTML 网页的主要方式。它为网页构建者提供了一致的控制权，可以构建具有“设计”的页面。网站不再只能以线性方式从上到下排列 - …

旋转<table>列标题是之前在 CSS-Tricks 上已经介绍过的，所以感谢它帮助我入门并实现这种效果。正如文章中指出的，如果你没有使用三角函数来计算…

以下来自 Bradley Taunt 的一个很棒的 CSS 技巧，他展示了如何使用很少的额外代码来使表格在移动设备上正常工作。他将每个表格行设置为看起来像这样的卡片：…

“扩展行”是一个概念，其中<table></table>中的多个相关行会被折叠，直到你打开它们。在交互设计术语中，你会称之为“渐进式公开”。

在 CSS-Tricks 上工作了这么多年后，我的眼光确实…

你不能将<thead></thead>设置为position: sticky;。也不能将<tr></tr>设置为 sticky。但你可以将<th></th>设置为 sticky，这意味着你可以在常规的<table></table>中创建粘性标题。这很棘手，因为如果你不知道…

陈慧晶研究了大量表格设计模式，这些模式在创建易于阅读且对网络响应的表格时可能很有用

网上存在着无数的表格设计模式，