如何向制表符列中的每个单元格添加滑动切换按钮
How to add a slide toggle button to every cell in tabulator column
我正在尝试向制表符 table 的列中的每个单元格添加内容。我需要将 click() 函数与此滑动切换按钮相关联。如何为制表符中的列中的每个单元格添加 angular 切换开关?
我不使用 angular,但我有自己的滑动开关,只使用格式化程序“html”。所以我假设您可以根据需要插入 code/object
https://jsfiddle.net/o5whLz4j/
new Tabulator("#tabulator", {
data:[ {
"one": '<input id="oneone" type="checkbox" class="switch"><label id="oneonelabel" for="oneone">One</label>',
"two": "1",
},{
"one": '<input id="onetwo" type="checkbox" class="switch"><label id="onetwolabel" for="onetwo">Two</label>',
"two": "2",
},{
"one": '<input id="onethree" type="checkbox" class="switch"><label id="onethreelabel" for="onethree">Three</label>',
"two": "3",
},
],
columns: [{
title: "One",
field: "one",
formatter: "html",
},
{
title: "Two",
field: "two",
},
],
});
我正在尝试向制表符 table 的列中的每个单元格添加内容。我需要将 click() 函数与此滑动切换按钮相关联。如何为制表符中的列中的每个单元格添加 angular 切换开关?
我不使用 angular,但我有自己的滑动开关,只使用格式化程序“html”。所以我假设您可以根据需要插入 code/object
https://jsfiddle.net/o5whLz4j/
new Tabulator("#tabulator", {
data:[ {
"one": '<input id="oneone" type="checkbox" class="switch"><label id="oneonelabel" for="oneone">One</label>',
"two": "1",
},{
"one": '<input id="onetwo" type="checkbox" class="switch"><label id="onetwolabel" for="onetwo">Two</label>',
"two": "2",
},{
"one": '<input id="onethree" type="checkbox" class="switch"><label id="onethreelabel" for="onethree">Three</label>',
"two": "3",
},
],
columns: [{
title: "One",
field: "one",
formatter: "html",
},
{
title: "Two",
field: "two",
},
],
});