그리드에 표시되지만 완전히 할 수없는 데이터에 더 많은 여백이나 패딩을 추가하여 싱크 퓨전 그리드를 조금 숨 쉬게 만들려고합니다. 나는 많은 것을 시도한 cssClass다음 내부에 div를 추가 e-column했지만 아무것도 작동하지 않습니다.
나는 정말로 하루 동안 이것에 갇혀있다. 이걸 알아 내도록 도와주세요.
코드는 다음과 같습니다.
<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>
나는 다른 태그를 사용하고 어떻게 할 수 있는지 알고 싶어서 작동하도록 다른 방법을 시도했습니다. 표 데이터가 좁아 보이지 않도록 표 셀에 여백을 추가하고 싶습니다.
미리 감사 드리며 내가 어디에서 실수하고 있는지 알려주세요.
따라서 귀하의 요구 사항에 따라 샘플을 준비하고 외부 CSS를 사용하여 요구 사항을 달성했습니다. 자세한 내용은 아래 코드 예제와 샘플을 참조하십시오.
<style>
.e-grid .e-gridcontent .e-rowcell {
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
}
</style>
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다