데이터 테이블의 열을 연결할 수 없습니다.

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> 
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> 
<!DOCTYPE html> 
<html> 
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<title>Populating JSP</title> 

<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.1.min.js"></script> 
<script type="text/javascript" src="http://cdn.datatables.net/1.10.0/js/jquery.dataTables.min.js"></script> 
<link rel="stylesheet" href="http://cdn.datatables.net/1.10.0/css/jquery.dataTables.css" /> 
<link rel="stylesheet" href="http://cdn.datatables.net/1.10.2/css/jquery.dataTables.css" /> 

</head> 
<body> 
    <table id="example" class="display" cellspacing="0" width="100%"> 
     <thead> 
      <tr> 
       <th>id</th> 
       <th>salary</th> 
      </tr> 
     </thead> 
     <tbody> 

     </tbody> 
    </table> 

    <script> 

     $(document).ready(function() { 
       $('#example').dataTable({ 
        serverSide: true, 
        "fnRowCallback": function(nRow, aData, iDisplayIndex) { 
         $('td:eq(2)', nRow).html('<a href="http://www.google.com' + aData[2] + '">' + 
          aData[2] + '</a>'); 
         return nRow; 
        }, 
        ajax : { 
         url: 'hello/data1', 
         dataType:'json', 
         type: 'POST' 

        } 

       } 

       ); 
     }); 

    </script> 

</body> 
</html>

2 개의 coulmns, ID 및 Salary가 있습니다. 나는 fnRowCallback 함수를 사용하고 있기 때문에 급여를 google.com에 연결하고 있습니다. 하지만 그건 효과가없는 것 같습니다. 내가 어디로 잘못 가고 있다고 생각하니? jsp는 위 그림과 같습니다.데이터 테이블의 열을 연결할 수 없습니다.

출처

2014-09-12 Mayank Sharma

먼저, 서버 엔드 포인트는 당신에게 올바른 결과 렌더링 데이터에 어떤 문제가있는 경우 데이터 테이블이 데이터 correclty 렌더링의 경우, 참조 (모든 클라이언트, 크롬의 전자 메일 관리자가 될 수를 사용)를 제공하는 것을 볼 수 DATATABLES 포럼을 방문하십시오. 여기 http://www.datatables.net/forums/ – ppuskar

그래, 나는 올바른 결과를 얻고 있다고 생각한다. 렌더링 데이터의 문제점은 무엇입니까? –

사용자 정의 열 정의 columnDefs을 사용하여 열 렌더링을 변경하십시오.

$('#example').dataTable({ 
       serverSide: true, 
       "aoColumnDefs" : [ 
       { 
         "mData": "name",       
         "sClass": "dataTable-user-list-name", 
        "fnRender": function (oObj) { 
          return '<a href="/#/' + oObj.aData['detailsUrl'] + '">oObj.aData['name']<a>' 
       }],     
       ajax : { 
        url: 'hello/data1', 
        dataType:'json', 
        type: 'POST' 

       } 

      }

출처

2014-09-12 08:22:17

답장을 보내 주셔서 감사합니다. 나는 datatables를 처음 사용합니다. 2 열 (ID와 급여)이 있습니다. mData와 해당 이름이 무엇입니까? sClass 및 dataTable-user-list-name? 내부에 데이터 및 detailsUrl? 간단한 도움이됩니다. –

데이터 테이블의 열을 연결할 수 없습니다.

답변

관련 문제