在angularjs中编辑syncfusion网格中的列样式
在angularjs中编辑syncfusion网格中的列样式
提问于 2020-11-08 00:06:50
我试图通过向网格中显示的数据添加更多的边距或填充来让syncfusion网格稍作喘息，但完全无法做到这一点。我已经尝试了很多方法，比如cssClass，然后在e-column中添加一个div，但对我来说都不起作用。
我真的被困在这一天了。你能帮我解决这个问题吗。
代码如下：
<div style="color:black;" ej-grid e-datasource="FarmersModal" e-gridlines="vertical"
e-allowfiltering="true" e-allowpaging="true" e-allowsorting="true" e-enableColumnResizing="true"
e-allowselection="true" e-filtersettings-filterType="excel">
<div e-columns>
<e-column e-type="string" e-field="FarmerId" e-headertext="vis" e-width="10" margin="30px"></e-column>
<div e-column e-type="string" e-field="FarmerId" e-headertext="Farmer Id" e-width="10" ></div>
<div e-column e-type="string" e-field="FarmerName" e-headertext="Farmer Name" e-width="20"></div>
<div e-column e-type="string" e-field="RegistrationId" e-headertext="Registration ID" e-width="20"></div>
<div e-column e-type="string" e-field="RegistrationDate" e-headertext="Registration Date" e-width="30"></div>
</div>
</div>我尝试了不同的方法来让它工作，所以我使用了不同的标签，并试图知道我如何才能做到这一点。我只想在表格单元格中添加边距，这样表格数据就不会看起来很拥挤。
提前感谢，并让我知道我在哪里做错了。
回答 1
Stack Overflow用户
回答已采纳
发布于 2020-12-15 13:02:54
因此，根据您的要求，我们准备了一个样品，并通过使用外部CSS实现了您的要求。有关更多信息，请参考下面的代码示例和示例。
<style>
.e-grid .e-gridcontent .e-rowcell {
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
}
</style>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/64729691
复制相关文章
相似问题
腾讯云开发者
