wip:Tabulator

5721 단어 memo

링크(고정)


$("#example").tabulator({
    height: "311px",
    columns: [
        {title: "", headerSort: false, formatter: "link", formatterParams: {label: "リンク", url: "/"}},
    ]
});



링크(사용자 정의)


$("#example").tabulator({
    height: "311px",
    columns: [
        {title: "", field: "name", headerSort: false, formatter: "link",
         formatterParams: {label: "リンク", url:
                        function(cell){
                            return "link?v=" + cell.getValue()}}},
    ],
});

테이블에 설정된 값 (name)을 가져와 링크 대상 매개 변수 (v)로 설정합니다.
(TODO:링크처는 안전한 값이 되도록 조심해・・・)

필터(사용자 지정)



표에 표시할 값 필터링
function customFilter(data, filterParams){
    //data - the data for the row being filtered
    //filterParams - params object passed to the filter

    return data.name == "bob" && data.height < filterParams.height; //must return a boolean, true if it passes the filter.
}

$("#example-table").tabulator("setFilter", customFilter, {height:3});

(공식 문서의 예를 그대로 인용)

로드 중 메시지 다시 쓰기


$("#example").tabulator({
ajaxLoaderLoading: "読み込み中",
....
})

좋은 웹페이지 즐겨찾기