In my project, I use datatable with
so that the entries can be multiple selected using the checkboxes.
Ho
Put this in your page, might help stopping selection when you click a row.
$(document).ready(
function() {
$("tr td").click(function(event) {
if (!$(this).find("div").hasClass("ui-chkbox")
|| $(this).find("div").find("div").hasClass("ui-state-disabled")
|| this == event.target) {
event.stopPropagation();
}
});
});
The last condition (this == event.target
) is needed when clicking the checkbox column itself outside of the checkbox.
According to this feature request, this feature is now supported in Primefaces versions 5.0.3 & 5.1 by simply adding rowSelectMode="checkbox" to the datatable.
Documentation reference (PF 5.1):
Use rowSelectMode option to customize the default behavior on row click of a multiple selection enabled datatable. Default value is "new" that clears previous selections, "add" mode keeps previous selections same as selecting a row with mouse click when metakey is on and "checkbox" mode allows row selection with checkboxes only.