A datatable with multi-select items, with a checkbox

Expected behavior Clicking either the checkbox or anywhere on the same row should select the row.

Actual behavior User has to click the checkbox the select the row/checkbox. Clicking anywhere else on the row doesn't select the row/checkbox. It makes item selection a little bit fiddly, especially on mobile.

Resources (screenshots, code snippets etc.)https://mdbootstrap.com/snippets/standard/softcon/3353769