티스토리 뷰

Skill/html js css

DataTable render 속성

진열사랑 2024. 2. 23. 10:44

출처 : https://datatables.net/reference/option/columns.render

컬럼 정의시 render 속성을 사용할 수 있다.
function render( data, type, row, meta )


if(typeof _objTable == "undefined") {
_objTable = COMMON.Ajax.CreateDataTable("#tblTable", true, {
url: _strMenuPath + '/selectLcpyBlncList',
data: function() {
return $("#frmSearch").serializeObject();
},
columns: [
{ "data": "rowNo", "class": "td-center" },
{ "data": "inqryYMD", "class": "td-center" },
{ "data": "cid", "class": "td-center" },
{ "data": "paymentMethodName", "class": "td-center" },
{ "data": "userId", "class": "td-center" },
{ "data": "orderNo", "class": "td-center" },
{ "data": "blncInqryReqInfo", "class": "td-center", "render": fnRenderSubString },
{ "data": "blncInqryResInfo", "class": "td-center", "render": fnRenderSubString },
{ "data": "payInfo", "class": "td-center", "render": fnRenderSubString },
{ "data": "locpayTid", "class": "td-center" },
{ "data": "locpayMid", "class": "td-center" },
{ "data": "regDate", "class": "td-center" }
],
order: [ 0, "desc" ],
dom:'ltip'
});

} else {
_objTable.clearPipeline();
_objTable.ajax.reload();
}


/**------------------------------------------------------------
* 거래내역 리스트 Render 일부만 보여주기
------------------------------------------------------------*/
function fnRenderSubString(data, type, full, meta) {

let result = '';
if (data != null) { result = data.substring(0, 10) + '...'}

return result;
}

'Skill > html js css' 카테고리의 다른 글

[CSS] 가로배치  (0) 2024.03.06
css word-break  (1) 2024.02.23
[js] 기능키 점검  (0) 2024.02.22
[js] 날짜 범위 점검  (0) 2024.02.22
[js] table의 td에 값setting  (0) 2024.02.07
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2024/05   »
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
글 보관함