Angular ag-grid : 셀에서 HTML을 렌더링하는 방법은 무엇입니까?

LogGurkha

"ag-grid-angular": "^ 23.1.0", "ag-grid-community": "^ 23.1.0"
을 사용하고 있습니다. 예를 들어 innerHTML과 같은 사용자 지정 데이터를 열에 렌더링하고 싶습니다.

<i class="feather icon-edit-1 "></i>

나는 심지어 ag-grid 문서에서 검색했지만 해결책을 찾을 수 없었습니다.

Parth Devloper

HTML을 렌더링하려면 cellRendererag-grid의 속성 을 사용해야 합니다. 이 솔루션은 저에게 가장 잘 작동합니다.

customActions = function () {
  return '<span><a routerLink="/apps/your-path"><i class="users-edit-icon feather icon-edit-1 mr-50"></i></a><i class="users-delete-icon feather icon-trash-2"></i></span>';
};

// ag-Grid column defination
public columnDefs = [
  {
    headerName: 'Actions',
    cellRenderer: this.customActions
  }
];

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

Angular에서 ag-grid의 headerClass 속성을 사용하는 방법은 무엇입니까?

분류에서Dev

ag-Grid에서 편집 된 셀의 스타일을 변경하는 방법은 무엇입니까?

분류에서Dev

Ag-Grid에서 셀 내용을 세로로 가운데로 만드는 방법은 무엇입니까?

분류에서Dev

ag-grid 셀 필드 값에 열거 형 값을 표시하는 방법은 무엇입니까?

분류에서Dev

Ag-Grid에서 동적 헤더 이름을 얻는 방법은 무엇입니까?

분류에서Dev

Ag-Grid에서 드래그 시작시 행을 선택하는 방법은 무엇입니까?

분류에서Dev

Ag-Grid 필터에서 AngularJS 1을 사용하는 방법은 무엇입니까?

분류에서Dev

Angular Reactive Forms에서 동적 양식을 올바르게 렌더링하는 방법은 무엇입니까?

분류에서Dev

Ag-Grid에서 선택 순서를 얻는 방법은 무엇입니까?

분류에서Dev

Angular에서 조건부로 렌더링하는 방법은 무엇입니까?

분류에서Dev

Angular에서 조건부로 렌더링하는 방법은 무엇입니까?

분류에서Dev

Express에서 HTML 및 JavaScript를 렌더링하는 방법은 무엇입니까?

분류에서Dev

셀의 데이터와 동일한 값인 ag-grid에 기본 headerTooltip을 추가하는 방법은 무엇입니까?

분류에서Dev

초기 경로 렌더에서 하위 뷰 렌더링을 트리거하는 방법은 무엇입니까?

분류에서Dev

서버에서 보낸 Vue JS에서 HTML 파일을 렌더링하는 방법은 무엇입니까?

분류에서Dev

다른 HTML 페이지에서 HTML 부분을 렌더링하는 방법은 무엇입니까?

분류에서Dev

ng-repeat 중에 {{}}을 렌더링하는 방법은 무엇입니까?

분류에서Dev

웹 페이지에서 블렌더 모델을 렌더링하는 방법은 무엇입니까?

분류에서Dev

Flask에서 두 개의 html 파일을 별도로 렌더링하는 방법은 무엇입니까?

분류에서Dev

MVC4에서 HTML 파일을 렌더링하는 올바른 방법은 무엇입니까

분류에서Dev

Angularjs 지시문에서 HTML을 렌더링하는 방법은 무엇입니까?

분류에서Dev

Orchard에서 기본 HTML 태그 렌더링을 변경하는 방법은 무엇입니까?

분류에서Dev

이벤트에서 Ag-Grid를 다시 초기화하는 방법은 무엇입니까?

분류에서Dev

react js에서 ag-grid 행 셀의 기본 글꼴 크기를 변경하는 방법은 무엇입니까?

분류에서Dev

Ag 그리드에서 날짜를 포맷하는 방법과 Ag-Grid에서 비교 / 정렬하는 방법은 무엇입니까?

분류에서Dev

Angular에서 페이지가 렌더링 된 후 페이지에 지시문을 속성으로 추가하는 방법은 무엇입니까?

분류에서Dev

ag-grid에서 행의 스타일 객체를 얻는 방법은 무엇입니까?

분류에서Dev

Angular의 단위 테스트 Ag-grid : 작은 창 크기에서 렌더링되지 않는 열

분류에서Dev

Ag-Grid React의 Column Header에 select-all chekbox를 추가하는 방법은 무엇입니까?

Related 관련 기사

  1. 1

    Angular에서 ag-grid의 headerClass 속성을 사용하는 방법은 무엇입니까?

  2. 2

    ag-Grid에서 편집 된 셀의 스타일을 변경하는 방법은 무엇입니까?

  3. 3

    Ag-Grid에서 셀 내용을 세로로 가운데로 만드는 방법은 무엇입니까?

  4. 4

    ag-grid 셀 필드 값에 열거 형 값을 표시하는 방법은 무엇입니까?

  5. 5

    Ag-Grid에서 동적 헤더 이름을 얻는 방법은 무엇입니까?

  6. 6

    Ag-Grid에서 드래그 시작시 행을 선택하는 방법은 무엇입니까?

  7. 7

    Ag-Grid 필터에서 AngularJS 1을 사용하는 방법은 무엇입니까?

  8. 8

    Angular Reactive Forms에서 동적 양식을 올바르게 렌더링하는 방법은 무엇입니까?

  9. 9

    Ag-Grid에서 선택 순서를 얻는 방법은 무엇입니까?

  10. 10

    Angular에서 조건부로 렌더링하는 방법은 무엇입니까?

  11. 11

    Angular에서 조건부로 렌더링하는 방법은 무엇입니까?

  12. 12

    Express에서 HTML 및 JavaScript를 렌더링하는 방법은 무엇입니까?

  13. 13

    셀의 데이터와 동일한 값인 ag-grid에 기본 headerTooltip을 추가하는 방법은 무엇입니까?

  14. 14

    초기 경로 렌더에서 하위 뷰 렌더링을 트리거하는 방법은 무엇입니까?

  15. 15

    서버에서 보낸 Vue JS에서 HTML 파일을 렌더링하는 방법은 무엇입니까?

  16. 16

    다른 HTML 페이지에서 HTML 부분을 렌더링하는 방법은 무엇입니까?

  17. 17

    ng-repeat 중에 {{}}을 렌더링하는 방법은 무엇입니까?

  18. 18

    웹 페이지에서 블렌더 모델을 렌더링하는 방법은 무엇입니까?

  19. 19

    Flask에서 두 개의 html 파일을 별도로 렌더링하는 방법은 무엇입니까?

  20. 20

    MVC4에서 HTML 파일을 렌더링하는 올바른 방법은 무엇입니까

  21. 21

    Angularjs 지시문에서 HTML을 렌더링하는 방법은 무엇입니까?

  22. 22

    Orchard에서 기본 HTML 태그 렌더링을 변경하는 방법은 무엇입니까?

  23. 23

    이벤트에서 Ag-Grid를 다시 초기화하는 방법은 무엇입니까?

  24. 24

    react js에서 ag-grid 행 셀의 기본 글꼴 크기를 변경하는 방법은 무엇입니까?

  25. 25

    Ag 그리드에서 날짜를 포맷하는 방법과 Ag-Grid에서 비교 / 정렬하는 방법은 무엇입니까?

  26. 26

    Angular에서 페이지가 렌더링 된 후 페이지에 지시문을 속성으로 추가하는 방법은 무엇입니까?

  27. 27

    ag-grid에서 행의 스타일 객체를 얻는 방법은 무엇입니까?

  28. 28

    Angular의 단위 테스트 Ag-grid : 작은 창 크기에서 렌더링되지 않는 열

  29. 29

    Ag-Grid React의 Column Header에 select-all chekbox를 추가하는 방법은 무엇입니까?

뜨겁다태그

보관