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
'programing' 카테고리의 다른 글
| Angular(최신까지 2개 이상)를 사용하여 URL에서 ID 추출 (0) | 2023.09.24 |
|---|---|
| 레이아웃의 레이아웃이 기본 레이아웃 폴더에 선언이 없습니다 [오류] (0) | 2023.09.24 |
| 블록과 시도/잡기 블록을 제외한 __try/__를 사용하는 것이 더 나을까요? (0) | 2023.09.24 |
| content_main.xml과 activity_main.xml의 차이점은 무엇입니까? (0) | 2023.09.24 |
| "더블 언더스코어"와 "언더스코어 x"의 차이점은 무엇입니까? (0) | 2023.09.24 |