本质上,我在这里需要两件事。
一:uniformJS 风格化的复选框在 Handsontables 中不起作用。二:我需要 Handsontable 标题中的复选框来“选中所有”相应列中的复选框。
我相信我可以通过 jQuery .append() 将一个复选框附加到表格中,但是是否有更正确的方法可以使用 Handsontables?提前致谢。
jQuery
$('input').uniform();
$(document).ready(function () {
function getCarData() {
return [
{car: "Mercedes A 160", year: 2006, available: true, comesInBlack: 'yes'},
{car: "Citroen C4 Coupe", year: 2008, available: false, comesInBlack: 'yes'},
{car: "Audi A4 Avant", year: 2011, available: true, comesInBlack: 'no'},
{car: "Opel Astra", year: 2004, available: false, comesInBlack: 'yes'},
{car: "BMW 320i Coupe", year: 2011, available: false, comesInBlack: 'no'}
];
}
$("#example1").handsontable({
data: getCarData(),
startRows: 7,
startCols: 4,
colHeaders: ["Car", "Year", ""],
colWidths: [120, 50, 60],
columnSorting: true,
columns: [
{
data: "car"
//1nd column is simple text, no special options here
},
{
data: "year",
type: 'numeric'
},
{
data: "available",
type: "checkbox"
}
]
});
});
HTML
<input type="checkbox" checked /> Checkbox
<div id="example1" class="handsontable"></div>