programing

Jquery Datatables 열 렌더링 및 정렬

iphone6s 2023. 9. 24. 12:33
반응형

Jquery Datatables 열 렌더링 및 정렬

형식에 mysql 타임스탬프 열이 포함된 데이터 테이블로 작업하고 있습니다.YYYY-MM-DD HH:MM:SS. 내 테이블은 이 열을 기준으로 처음 정렬하도록 설정되어 있습니다.데이터 테이블은 타임스탬프 형식을 올바르게 자동으로 감지하고 적절하게 정렬합니다.

이제 이 열의 모양을 좀 더 사용자 친화적으로 변경하려고 하지만 정렬 방식에는 영향을 주지 않습니다.그래서 제가 지금.columns.render다음과 같은 기능:

{
        "data":"created_at",
        "name":"date",
        "visible":true,
        "title":"Date Created",
        "render": function(data, type, full, meta){
                var date = new Date(data);
                var options = {year: "numeric", month: "long", day: "numeric"};

                return date.toLocaleDateString('en-US', options);
        }
}

이 작업을 수행하는 즉시 정렬이 더 이상 올바르게 작동하지 않습니다.저는 제가 생각하기에render함수는 데이터 표시에만 영향을 미치지만 해당 행의 데이터 개체에 대한 기본 데이터에 따라 정렬되어야 합니다.이것들은 제가 사용하려고 하는 문서들입니다.

실제 타임스탬프를 기준으로 정렬하되 사용자 친화적인 날짜를 표시하는 방법을 아는 사람이 있습니까?

난 이해한 것 같아.저는 단지 렌더 기능이 "디스플레이" 타입에서만 작동하도록 지시할 수 밖에 없었습니다.

{
        "data":"created_at",
        "name":"date",
        "visible":true,
        "title":"Date Created",
        "render": function(data, type, full, meta){
                if(type == "display"){
                        var date = new Date(data);
                        var options = {year: "numeric", month: "long", day: "numeric"};

                        return date.toLocaleDateString('en-US', options);
                }

                return data;
        }
},

서버측 데이터 테이블이라면 ssp.class의 시작과 같이 json이 전달되기 직전에 편집할 수 있습니다.새로운 데이터 테이블에서 php (이전 데이터 테이블을 사용하는지 알려주세요)
참고: 새로운 데이터 테이블에서는 동일한 기능을 수행하는 포맷터(formatter)라는 내장 기능이지만 이렇게 사용자 지정 기능을 사용할 수 있습니다.

if ($j == 6) {
  if ($data[$i][$columns[$j]['db']] == 1) {
      $data[$i][$columns[$j]['db']] = '<label class="btn-danger disabled btn">Stopped</label>';
  } else {
      $data[$i][$columns[$j]['db']] = '<label class="btn-success disabled btn">Running</label>';
  }

여기서 저는 단순히 제 db에서 label Stoped and running으로 0과 1을 편집하고 있습니다.
parse_date와 같은 작업을 수행하고 재포맷된 작업을 저장할 수 있습니다.

언급URL : https://stackoverflow.com/questions/25319193/jquery-datatables-column-rendering-and-sorting

반응형