salesforce - 组件内的闪电组件列表
问题描述
我正在尝试在另一个组件中创建一个可滚动的组件列表。我正在使用卡片视图来包含我的信息。当我尝试以下代码时,可滚动视图得到了一个奇怪的结果。
<aura:component implements="flexipage:availableForAllPageTypes" access="global" controller="ContentListController">
<aura:handler name="init" value="{!this}" action="{!c.doInit}"/>
<!-- Global decleration for the Content Id selected -->
<aura:attribute name="ContenList" type="Content__c[]"/>
<div style="max-height: 400px;overflow-y: auto;">
<aura:iteration items="{!v.ContenList}" var="store">
<c:ContentCard content="{!store}" duration="1" />
</aura:iteration>
</div>
</aura:component>
我得到的结果是滚动条在无人区一直处于关闭状态。
我一直在寻找它,它是一个看不见的滚动条,或者至少在左边没有所有的填充。
解决方案
您的 div 占用了所有可用宽度,而您的卡片 (c:ContentCard) 的宽度以某种方式受到限制。这就是为什么您的卡片和滚动条之间存在间隙的原因。我建议您: 1) 从 ContentCard 组件中删除宽度限制;2) 将组织页面上组件分布的责任委托给更高的组件。您可以使用slds-grid
和slds-col
闪电类控制组件的结构。
推荐阅读
- html - 如何使用动画图标悬停文本
- javascript - 如何在不调用自定义事件监听器的情况下触发事件?
- sql - 向表中添加 rowversion 列并对现有数据进行排序
- r - 在 R 中,如何拆分向量中的每个字符串以返回字符的第 N 个实例之前的所有内容?
- python - 根据条件计算熊猫的比率
- python - 如何在 Python(或 R)中对特定条件进行聚合和求和
- android - NavDrawer 中的 CollapsingToolbar 在滚动时卡在展开位置
- selenium - Selenium WebDriverException 会话不可用且不在最后 1000 个终止会话中
- c# - 如何在 C# 中的 DataGridView 中显示数据
- python - VS Code Azure Functions:pip 配置了需要 TLS/SSL 的位置,但是 Python 中的 ssl 模块不可用