在angularjs中编辑syncfusion网格中的列样式

Question

我正试图通过向网格中显示的数据添加更多的边距或填充来让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>

我尝试了不同的方法来让它发挥作用，所以我使用了不同的标签，并试图知道我该怎么做。我只想在表格单元格中添加边距，这样表格数据就不会显得局促。

提前谢谢，让我知道我在哪里犯了错。

Answer 1

因此，根据您的需求，我们准备了一个示例，并通过使用外部CSS实现了您的需求。有关更多信息，请参阅下面的代码示例和示例。

<style>
.e-grid .e-gridcontent .e-rowcell {
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
}
</style>