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;
}