Discuz! Board

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 53|回复: 0

面板中的“潮汐向上选项以及最右

[复制链接]

1

主题

1

帖子

5

积分

新手上路

Rank: 1

积分
5
发表于 2023-11-2 12:23:02 | 显示全部楼层 |阅读模式

侧图标下的下拉列表中的第一项来选择整个表格。 更改列宽 更改列宽。(大预览) 注意: 我不建议对行和列进行分组。如果更改扩展元素的列大小,您将获得宽度和高度的小数值。如果您不将它们分组并捕捉到像素网格,则像元大小将保持整数。 可以在适当的组件或八个单元格主组件(具有不同笔划样式的单元格)之一中更改背景颜色、笔划类型和内容数据。唯一不能立即更改的参数是单元格边距,例如content paddings。其余的都可以轻松定制。 组件,而不是覆盖 看看我们最终得到的结果,这似乎有点矫枉过正。如果您的项目中只有一张表,情况就是如此。在这种情况下,您可以简单地创建一个单元格组件并保留背景和描边组件。只需将它们包含在单元格组件中,创建表格并为每个单独的单元格进行必要的自定义即可。

但是,如果组件包含在由许多其他文件使用的库中,那么最有趣的 美国手机号码列表 东西就来了。 注意:*我不建议更改组件实例中的背景颜色和描边。仅在 master 中更改它们。通过这样做,那些具有覆盖的实例将不会得到更新。这意味着您必须手动执行此操作,而这正是我们试图避免的。所以让我们继续关注主组件。* 如果我们需要创建其他类型的表格单元格(例如表格标题),我们将为具有适当样式的单元格添加必要的主组件集(就像我们上面对具有不同笔划样式的八个单元格所做的那样),并且用它。是的,它比覆盖组件的实例需要更长的时间,但是这样您就可以避免更改母版时将这些更改应用到所有布局的情况。 表状态我们来谈谈表元素的状态。单元格可以具有三种状态:默认、悬停和选定。列和行相同。 如果您的项目相对较小,则可以通过覆盖表组件实例内部来设置所有状态。但如果它很大,并且您希望将来能够改变状态的外观,则必须为所有内容创建单独的组件。 您需要为每个状态添加具有不同笔划变体的所有八个单元格(可能更少,取决于笔划样式)。



是的,我们还需要单独的背景颜色组件和状态描边。 最后,它看起来类似于: 悬停并选择 单元格的状态(悬停和选定)(大预览) 这里就出现了一些麻烦。不幸的是,如果我们按照上面描述的方式执行所有操作(将组件的状态从一个状态更改为另一个状态时),则存在丢失单元格内容的风险。除了内容类型与主单元格中相同的情况之外,我们还必须更新它。此时此刻,我们无能为力。 包含行状态的表 具有各行状态的表。(大预览) 我在模型文件中添加了通过几种不同方式制作的表格: 使用本教程(单元格样式的单独组件); 使用单元格组件(边框、背景和内容组件); 使用将所有内容统一起来的单元组件(另外仅包含内容组件)。 尝试尝试并更改单元格的样式。 改变状态 更改行的状态。(大预览) 结论  如果您在多个项目中使用相同的组件库,并且每个项目中都有合理数量的表,则可以创建组件的本地副本(具有描边样式的单元格组件,如果需要,还可以创建具有不同样式的单元格组件)状态),自定义它们,并在项目中使用它们。可以根据本地组件设置单元格内容。 此外,如果您将该表用于一个包含不同类型表的大型项目,则上述所有组件都可以轻松缩放。表格组件可以改进到无限甚至更高,例如在悬停和其他类型的交互时创建单元格状态。


回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|DiscuzX

GMT+8, 2024-9-24 11:30 , Processed in 0.062971 second(s), 19 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表