Bagaimana untuk menetapkan rentetan dengan kurungan sudut pada sel dalam Tabulator.js, sebagai contoh: "a<b<c"?-Soal Jawab Rangkaian PHP Cina

Artikel Topik pembelajaran Muat turun Soal Jawab Kamus Pengaturcaraan Permainan kemas kini terkini

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

Bagaimana untuk menetapkan rentetan dengan kurungan sudut pada sel dalam Tabulator.js, sebagai contoh: "a

P粉718730956 2023-08-03 13:48:37

495

Saya mempunyai sel dalam jadual Tabulator yang menggunakan editor jenis senarai. Pilihan diisi oleh tatasusunan rentetan yang kelihatan seperti ini (contohnya):

[ "a Apabila editor senarai diisi (menggunakan editorParams:{values:exampleOptions} dalam definisi lajur), atau apabila saya menggunakan setValue() terus pada sel, ia membuang perkara yang mengikuti kurungan sudut. Jadi dalam menu lungsur saya melihat sesuatu seperti ini: 
 "a", "b", "c",
 Bagaimana untuk memaparkan rentetan lengkap dalam senarai juntai bawah/sel?

P粉718730956

membalas semua (1)

P粉6593785772023-08-04 00:07:33 Tingkat 1

Salah satu cara ialah menggunakan pilihan itemFormatter dalam editorParams untuk menentukan nod elemen baharu dengan senarai nilai dan mengembalikan HTML dalaman elemen yang mengandungi nilai senarai:

editorParams: { values: ["a { const listNode = document.createTextNode(value); element.appendChild(listNode); return element.innerHTML; } },

Berikut ialah contoh pada lajur nama:

const data = [{ id: 1, name: 'Billy Bob', age: '12', gender: 'male', height: 1, col: 'red', dob: '', cheese: 1 }, { id: 2, name: 'Mary May', age: '1', gender: 'female', height: 2, col: 'blue', dob: '14/05/1982', cheese: true }, { id: 10, name: 'Margret Marmajuke', age: '16', gender: 'female', height: 5, col: 'yellow', dob: '31/01/1999' } ] const table = new Tabulator('#example-table', { data: data, columns: [{ title: 'Name', field: 'name', editor: "list", editorParams: { values: ["a { const listNode = document.createTextNode(value); element.appendChild(listNode); return element.innerHTML; } }, }, { title: 'Age', field: 'age' }, { title: 'Gender', field: 'gender' }, { title: 'Height', field: 'height' }, { title: 'Favourite Color', field: 'col' } ] })