Selection Checkbox on header row

[harshadsatra]

Is there a way to add Checkbox to header, for selecting all the rows.

<template scope="{columns}"> <td> <label class="checkbox x-checkbox"> <input type="checkbox" v-model="state.headerSelect" /> <span></span> </label> </td> <td>{{columns.name}}</td> <td>Company Name</td> <td>Email Address</td> </template>