Get Selected row for Bootsrap Datatable in GridView not work

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>title>
<link href="files/jquery.dataTables.min.css" rel="stylesheet" />
<link href="files/select.dataTables.min.css" rel="stylesheet" />
head>
<body>
<form id="form1" runat="server">
<div style="padding:50px;">
<button id="btnSelectedRows" type="button">Get Selected Rowsbutton>
<hr />
<asp:GridView ID="GridView1" OnPreRender="GridView_PreRender" ShowFooter="true"
AutoGenerateColumns="False" CssClass="table table-striped table-bordered" runat="server">
<Columns>
<asp:BoundField DataField="" HeaderText="" />
<asp:BoundField DataField="Id" HeaderText="Id" />
<asp:BoundField DataField="Name" HeaderText="Name" />
<asp:BoundField DataField="Position" HeaderText="Position"/>
<asp:BoundField DataField="Office" HeaderText="Office" />
<asp:BoundField DataField="Extn" HeaderText="Extn"/>
<asp:BoundField DataField="Start date" DataFormatString="{0:dd-MM-yyyy}" HeaderText="Start date"/>
<asp:BoundField DataField="Salary" HeaderText="Salary"/>
Columns>
asp:GridView>
div>
form>
<script src="files/jquery-1.12.4.js">script>
<script src="files/jquery.dataTables.min.js">script>
<script src="files/dataTables.select.min.js">script>
<script>
$(document).ready(function () {
table = $('#<%= GridView1.ClientID %>').dataTable({
columnDefs: [{
orderable: false,
className: 'select-checkbox',
targets: 0
}, {
"targets": [2],
"visible": false,
"searchable": false
}],
select: {
style: 'os',
selector: 'td:first-child'
},
"aLengthMenu": [[10, 50, 75, -1], [10, 50, 75, "All"]],
"iDisplayLength": 10,
"order": [[2, "asc"]],
stateSave: true,
stateSaveCallback: function (settings, data) {
localStorage.setItem('DataTables_' + settings.sInstance, JSON.stringify(data));
},
stateLoadCallback: function (settings) {
return JSON.parse(localStorage.getItem('DataTables_' + settings.sInstance));
}
});
});
$('#btnSelectedRows').on('click', function () {
var tblData = table.rows('.selected').data();
var tmpData;
$.each(tblData, function (i, val) {
tmpData = tblData[i];
alert(tmpData);
});
});
script>
body>
html>
---------------------------------------
1. using System;
2. using System.Collections.Generic;
3. using System.Configuration;
4. using System.Data;
5. using System.Data.SqlClient;
6. using System.Linq;
7. using System.Web;
8. using System.Web.UI;
9. using System.Web.UI.WebControls;
11. public partial class Default2 : System.Web.UI.Page
12. {
13. protected void Page_Load(object sender, EventArgs e)
14. {
16. if (!IsPostBack)
17. {
18. getdata();
19. }
20. }
21. private void getdata()
22. {
23. string constr = ConfigurationManager.ConnectionStrings["constr"].ConnectionString;
24. SqlConnection con = new SqlConnection(constr);
25. var commandStr = "select * from EmployeeData ";
27. using (SqlCommand command = new SqlCommand(commandStr, con))
28. {
29. using (SqlDataAdapter sda = new SqlDataAdapter(command))
30. {
31. DataTable dt = new DataTable();
32. sda.Fill(dt);
33. GridView1.DataSource = dt;
34. GridView1.DataBind();
35. }
36. }
38. }
39. protected void GridView_PreRender(object sender, EventArgs e)
40. {
41. GridView gv = (GridView)sender;
43. if ((gv.ShowHeader == true && gv.Rows.Count > 0)
44. || (gv.ShowHeaderWhenEmpty == true))
45. {
46. //Force GridView to use instead of - 11/03/2013 - MCR.
47. gv.HeaderRow.TableSection = TableRowSection.TableHeader;
48. }
49. if (gv.ShowFooter == true && gv.Rows.Count > 0)
50. {
51. //Force GridView to use instead of - 11/03/2013 - MCR.
52. gv.FooterRow.TableSection = TableRowSection.TableFooter;
53. }
54. }
55. //----------------
56. }
releated to the Bootstrap DataTable in the bellow link

https://jsfiddle.net/mmushtaq/q67L1a9a/