[Bootstrap] datatable 행 font color 변경

columns: [
  {data:'name',
  render: function(data, type) {
      if (type === 'display') {
          return '<td class="attention-blue">' + data + '</td>';
      }
      return data
  }}
]

바인딩할 data를 font color만 변경해서 보여주려 했으나 위와같이 코드를 바꿔도 색상이 바뀌지 않습니다.

발생원인 : 원인을 확인하지 못했으나 td tag만 안되는 것으로 보아 td tag는 default 설정으로 자동 처리되지 않나 싶습니다.

해결방법 :  

columns: [
  {data:'name',
  render: function(data, type) {
      if (type === 'display') {
          return '<span class="attention-blue">' + data + '</span>';
      }
      return data
  }}
]

간단합니다.

td tag가 안되면 다른 tag를 활용해 처리해주면 됩니다.