본문 바로가기
웹 개발

[datatable] <tr>, <td>에 속성/스타일 추가하기

by 배추잠자리 2022. 4. 13.
반응형

datatable <tr>에 속성추가

 

createdRow: function (row, data, dataIndex, full) {
        $(row).attr('id', data.Name);
        $(row).attr('name', data.Birth);
 },

 

데이터 테이블 <tr>에 id, name 속성값을 넣어줄 수 있다.

css 등 다른 행위들도 가능하다.

 

 

# 해당 <tr>의 <td>에 접근하고 싶다면?

$(row).children('td:nth-child(1)').css('border-left', '2px solid blue');

$(row).children('td:nth-child(3)').attr('class', 'test');

$(row).children('td:nth-child(3)').text();

 

이런식으로 사용할 수 있다.

 

 

createdRow: function (row, data, dataIndex, full) {
		// <tr>에 접근하여 속성값 부여하기
        $(row).attr('id', data.Name);
        $(row).attr('name', data.Birth);
        
        // <tr>의 <td>에 접근하여 조작하기
        $(row).children('td:nth-child(1)').css('border-left', '2px solid blue');
        $(row).children('td:nth-child(3)').attr('class', 'test');
        $(row).children('td:nth-child(3)').text();
 },
반응형

댓글